@charset "UTF-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　ショップ・コンテンツ設定　★

■1．規約等ページ
■2．registフォルダ内設定

■11．その他

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■1．規約等ページ
	●買物方法
	●利用規約
	●特商法表記義務
	●個人情報保護方針
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.regist .mr20 {
  margin-right: 20px; }

.regist input[type="radio"], .regist input[type="checkbox"] {
  vertical-align: -0.1em;
  margin-right: 5px; }

.regist input[type="text"],
.regist input[type="email"],
.regist input[type="name"],
.regist input[type="tel"],
.regist input[type="number"],
.regist input[type="password"],
.regist select {
  height: 40px;
  min-width: 250px;
  padding: 5px 10px;
  border: 1px solid #ccc; }
  @media all and (max-width: 768px) {
    .regist input[type="text"],
    .regist input[type="email"],
    .regist input[type="name"],
    .regist input[type="tel"],
    .regist input[type="number"],
    .regist input[type="password"],
    .regist select {
      min-width: auto; } }

.regist input[name="tel1"],
.regist input[name="tel2"],
.regist input[name="tel3"],
.regist input[name="deli_tel1"],
.regist input[name="deli_tel2"],
.regist input[name="deli_tel3"] {
  min-width: 150px; }
  @media all and (max-width: 768px) {
    .regist input[name="tel1"],
    .regist input[name="tel2"],
    .regist input[name="tel3"],
    .regist input[name="deli_tel1"],
    .regist input[name="deli_tel2"],
    .regist input[name="deli_tel3"] {
      width: 29%;
      min-width: 29%; } }

.regist textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc; }

/*サンプル限りのコンテンツ枠*/
#shop-content {
  width: 540px;
  padding: 10px; }

/*サンプル限りのコンテンツ枠2*/
#shop-content2 {
  float: right;
  width: 480px;
  padding: 10px 110px 10px 10px;
  background-color: #ffffff; }

/*クラス：ガイド内の段落*/
.guide h3 {
  margin: 6px 0px;
  padding: 3px 6px;
  border-left: 5px solid #afcd00;
  border-bottom: 1px solid #afcd00;
  font-size: 18px;
  font-weight: bold; }

.guide h4 {
  margin: 0px 10px;
  padding: 3px 6px;
  background-color: #e7e7e7;
  font-size: 12px;
  font-weight: bold; }

.guide h5 {
  margin: 0px 10px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: bold; }

.guide p {
  padding: 5px 30px 10px; }

.guide table {
  /*幅はHTML上に記述　こちらに移すことも可能*/
  margin-left: 15px;
  margin-bottom: 20px; }

.guide table th {
  /*幅はHTML上に記述　こちらに移すことも可能*/
  padding: 6px;
  /*セル余白を使用せず*/
  border: 1px solid #cccccc;
  background-color: #f3f3f3;
  text-align: center; }

.guide table td {
  /*幅はHTML上に記述　こちらに移すことも可能*/
  padding: 6px;
  /*セル余白を使用せず*/
  border: 1px solid #cccccc;
  text-align: left; }

.guide table td ul {
  padding: 10px 15px; }

.guide ol li {
  margin: 0 48px 6px;
  list-style: outside decimal; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2．registフォルダ内設定
	●1．カートの中身
	●2．メール＆パス
	●3．送信入力
	●4．送信内容確認
	●5．送信
	●6．forgetpass
			＆changemail設定
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*レジスト・ラッパー*/
.shopset .box_left {
  display: none;
  width: 0; }

.shopset .box_right {
  width: 100%;
  padding-left: 0; }

.regist {
  width: auto;
  padding: 0;
  margin-bottom: 80px; }
  .regist h2.thepagetitle {
    margin-bottom: 20px; }
  @media all and (max-width: 768px) {
    .regist {
      margin-bottom: 0; } }

/*見出し*/
.regist h4 {
  margin: 5px 0px 10px;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-weight: bold; }

/*カート現在地表示・テーブル*/
.flowArea {
  background: #f7f7f7;
  padding: 30px;
  margin-bottom: 60px; }
  @media all and (max-width: 768px) {
    .flowArea {
      padding: 0;
      margin-bottom: 30px;
      background: none; } }

.cartflow {
  width: 100%;
  table-layout: fixed; }
  .cartflow th {
    font-size: 16px;
    padding: 10px 3px;
    max-width: 250px;
    width: auto;
    font-weight: normal; }
    @media all and (max-width: 768px) {
      .cartflow th {
        font-size: 10px;
        padding: 5px 2px; } }
  .cartflow td {
    min-width: 40px;
    width: 40px; }
    @media all and (max-width: 768px) {
      .cartflow td {
        width: 20px;
        min-width: 20px; } }
    .cartflow td img {
      margin-top: 4px; }

.pagetitletb {
  background: #d3cdc0;
  padding: 15px 0;
  text-align: center;
  font-size: 20px; }
  @media all and (max-width: 768px) {
    .pagetitletb {
      font-size: 16px;
      padding: 10px 0; } }

.cartflow td {
  /*矢印*/
  padding: 10px 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal; }

.cartflow th.cartflow-now {
  /*現在地*/
  border: 1px solid #4b2c16;
  color: #fff;
  text-align: center;
  background: #885c2c; }

.cartflow th.cartflow-none {
  /*未処理*/
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #333333;
  text-align: center; }

.cartflow th.cartflow-fin {
  /*処理済*/
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #666666;
  text-align: center; }


/*追加注記文*/
.cautionArea {
    border: solid 5px #C1272D;
    width: 850px;
    margin: 0 auto 60px;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #C1272D;
}
@media all and (max-width: 768px) {
    .cautionArea {
        border: solid 3px #C1272D;
        width: 100%;
        margin: 0 auto 30px;
        padding: 10px;
        font-size: 15px;
    }
}


/*価格注釈*/
.price-info {
  padding: 5px 0 20px 0;
  text-align: left; }

/*エラーメッセージ*/
#error-disp p {
  padding: 20px;
  text-align: center;
  color: #ff0000;
  font-weight: bold; }

#error-disp form {
  padding-top: 10px;
  text-align: center; }

.text_center {
  text-align: center; }

/*ページ移動*/
.step-jump {
  padding: 10px 0;
  text-align: center; }
  .step-jump input {
    color: #4b2c16;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, 'MS UI Gothic', sans-serif !important;
    border: none;
    outline: none;
    font-size: 16px !important;
    height: 54px;
    width: 360px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: none;
    border-radius: 3px;
    font-weight: 500; }
   /* @media all and (max-width: 768px) {
      .step-jump input {
        max-width: 80%; } }*/
  .step-jump .prev1 {
    background: #efe6db url(../images/arrg.png) no-repeat left 20px center; }
    .step-jump .prev1:hover {
      opacity: 0.7;
      background: #efe6db url(../images/arrg.png) no-repeat left 10px center; }
  .step-jump .prev2 {
    background: #c7b299 url(../images/arrg.png) no-repeat left 20px center; }
    .step-jump .prev2:hover {
      opacity: 0.7;
      background: #c7b299 url(../images/arrg.png) no-repeat left 10px center; }
  .step-jump .next2 {
    color: #fff;
    font-weight: normal;
    background: #4b2c16 url(../images/arrw.png) no-repeat right 20px center; }
    .step-jump .next2:hover {
      opacity: 0.7;
      background: #c1272d url(../images/arrw.png) no-repeat right 10px center; }

.step-jump2 {
  width: 100%;
  margin: 20px auto 0px;
  text-align: center; }

.step-jump3 {
  padding-top: 10px;
  text-align: right; }

.step-jump4 {
  width: 100%;
  padding: 0 10px 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .step-jump4 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media all and (max-width: 768px) {
      .step-jump4 ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.step-jump4 .clear {
  clear: both; }

.step-jump4 li {
  margin: 0 15px; }
  @media all and (max-width: 768px) {
    .step-jump4 li {
      margin: 10px; } }
  .step-jump4 li a {
    display: block;
    width: 300px;
    height: 90px;
    border: 2px solid #c1272d;
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media all and (max-width: 768px) {
      .step-jump4 li a {
        height: 60px; } }
    .step-jump4 li a span {
      color: #c1272d;
      font-size: 18px; }
      @media all and (max-width: 768px) {
        .step-jump4 li a span {
          font-size: 16px; } }
      .step-jump4 li a span small {
        display: block;
        color: #333; }
  .step-jump4 li:first-child a {
    background: #c1272d; }
    .step-jump4 li:first-child a span {
      color: #fff; }

#step-left {
  margin: 0px;
  padding: 10px 0px;
  text-align: left;
  vertical-align: top; }

#step-right {
  margin: 0px;
  padding: 10px 10px 10px 0px;
  text-align: right;
  vertical-align: top; }

@media all and (max-width: 640px) {
 .step-jump2,
 .step-jump2 #step-left ,
 .step-jump2 #step-right { display:block; width:300px; }
  .step-jump2 input{ width:100%; }
  .step-jump2 #step-left input{ padding: 0 30px 0 40px;}
  .step-jump2 #step-right input{ padding: 0 40px 0 30px;}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●2-1．カートの中身
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_cartList.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*残り○○○円で送料無料！*/
#muryou {
  width: 100%;
  text-align: right; }

/*カートの中身・テーブル*/
#cartlist-table {
  border-collapse: collapse;
  border: 1px solid #cccccc; }
  @media all and (max-width: 768px) {
    #cartlist-table th, #cartlist-table td {
      font-size: 12px; } }

/*カートの中身・テーブルヘッダー*/
#cartlist-table thead th {
  padding: 10px 5px;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  font-weight: normal;
  text-align: center;
  white-space: nowrap; }

/*カートの中身・テーブルボディ　～繰り返し部分～*/
#cartlist-table tbody td {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: center; }

#cartlist-table tbody .ctr,
#cartlist-table tbody #deleteform td,
#cartlist-table tbody #addform td {
  /*中央寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: center; }

/*カートの中身・テーブルフッター　～小計部分～*/
#cartlist-table tfoot th {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  text-align: right;
  padding-right: 50px; }

#cartlist-table tfoot td {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: center; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_input.html ＆ TMPL_confirm.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*カートの中身・テーブル*/
#cartcheck {
  border-collapse: collapse;
  border: 1px solid #ffffff; }
  @media all and (max-width: 768px) {
    #cartcheck th, #cartcheck td {
      font-size: 12px; } }

/*カートの中身・テーブルヘッダー*/
#cartcheck thead th {
  padding: 10px 5px;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  text-align: center;
  white-space: nowrap; }

/*カートの中身・テーブルボディ　～繰り返し部分～*/
#cartcheck tbody td {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: center; }

#cartcheck tbody .ctr,
#cartcheck tbody #deleteform td,
#cartcheck tbody #addform td {
  /*中央寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: center; }

/*カートの中身・テーブルフッター　～小計部分～*/
#cartcheck tfoot th {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  text-align: right;
  padding-right: 40px; }

#cartcheck tfoot td {
  /*右寄せ*/
  padding: 10px 5px;
  border: 1px solid #cccccc;
  text-align: right; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●2-2．カートの中身ページの
		メール＆パスフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ラッパー*/
#cart-pw {
  padding: 10px 20px; }
  @media all and (max-width: 768px) {
    #cart-pw {
      padding: 10px 0; } }

/*フォーム入力フィールドセット*/
#cart-pw fieldset {
  margin-bottom: 20px; }

/*中のテーブル・共通*/
#cart-pw table {
  margin: 6px; }

/*中のテーブル・セル枠無し*/
#cart-pw table td {
  padding: 3px 6px; }

@media all and (max-width: 768px) {
  .email-table th, .email-table td {
    width: 100%;
    display: block; } }

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input {
  border-collapse: collapse;
  border-spacing: 0px; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input {
      border-spacing: 0;
      width: 100%;
      margin: 6px 0;
      border-bottom: 1px solid #dddddd; }
      #cart-pw #pw-input th, #cart-pw #pw-input td {
        display: block;
        width: 100%; } }

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input td {
  padding: 10px;
  border: 1px solid #dddddd; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input td {
      border-bottom: 0; } }

#cart-pw table td label {
  text-align: right; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●2-3．送信入力
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●2-4．送信確認
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.input-data {
  margin: 12px 0px 30px;
  border-collapse: collapse;
  border: 1px solid #cccccc; }
  @media all and (max-width: 768px) {
    .input-data {
      border: 0;
      border-bottom: 1px solid #cccccc; } }

.check-data {
  margin: 6px 0px 12px;
  border-collapse: collapse;
  border: 1px solid #cccccc; }
  @media all and (max-width: 768px) {
    .check-data {
      border: 0;
      border-bottom: 1px solid #cccccc; } }

/*項目*/
.input-data th,
.check-data th {
  padding: 10px;
  border: 1px solid #cccccc;
  background-color: #f7f7f7;
  text-align: left; }
  @media all and (max-width: 768px) {
    .input-data th,
    .check-data th {
      padding: 10px 5px;
      width: 100%;
      display: block;
      border-bottom: 0; } }

/*内容*/
.input-data td,
.check-data td {
  /*左寄せ*/
  padding: 10px;
  border: 1px solid #cccccc;
  text-align: left; }
  @media all and (max-width: 768px) {
    .input-data td,
    .check-data td {
      padding: 10px 5px;
      width: 100%;
      display: block;
      border-bottom: 0; } }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	IMEモード
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*有効*/
.regist input#label1, .regist input#label2, .regist input#label13, .regist input#label14, .regist input#label15, .regist input#label16,
.regist input#address1, .regist input#address2,
.regist input#deli_address1, .regist input#deli_address2,
.regist textarea#remark {
  /*IME mode*/
  ime-mode: active; }

/*無効*/
.regist input#zip1, .regist input#zip2,
.regist input#tel1, .regist input#tel2, .regist input#tel3,
.regist input#deli_zip1, .regist input#deli_zip2,
.regist input#deli_tel1, .regist input#deli_tel2, .regist input#deli_tel3,
.regist input#email, .regist input#oldmail, .regist input#newmail, .regist input#chkmail,
.regist input#pwd, .regist input#npwd, .regist input#npwd2 {
  /*IME mode*/
  ime-mode: disabled; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●5．送信
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#next-credit form {
  padding: 10px 20px 20px;
  line-height: 150%; }

#next-credit input {
  margin: 20px; }

#fin-cart {
  padding: 10px 20px 20px;
  line-height: 150%; }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●6．メール＆パス変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.max700 {
  max-width: 700px;
  margin: 6px auto !important; }

.max800 {
  max-width: 800px;
  margin: 6px auto !important; }

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input2 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input2 {
      max-width: 100%;
      border-bottom: 1px solid #dddddd; }
      #cart-pw #pw-input2 th, #cart-pw #pw-input2 td {
        width: 100%;
        display: block; } }

/*中のテーブル・ボーダーつきセル内　見出し部*/
#cart-pw #pw-input2 th {
  padding: 10px;
  border: 1px solid #dddddd;
  text-align: right;
  white-space: nowrap;
  background: #f7f7f7;
  min-width: 240px; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input2 th {
      border-bottom: 0;
      text-align: left; } }

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input2 td {
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input2 td {
      border-bottom: 0; } }

#cart-pw #pw-input2 td label {
  text-align: right; }
  @media all and (max-width: 768px) {
    #cart-pw #pw-input2 td label {
      text-align: left; } }

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●7．インプット外観変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
input.next {
  font-size: 100%;
  /*font-weight: bold;*/
  background-color: #FF3300;
  color: #FFF;
  text-decoration: none;
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a; }

input.next:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a; }

input.next2 {
  font-size: 100%;
  font-weight: bold;
  color: #2D2D2D; }


  
@media all and (max-width: 640px){
  .regist .step-jump input{
    font-size: 13px !important;
  }
}