@charset "UTF-8";
/* 概要　　　：PCサイト、「/httpdocs/order/sketch」内のページに適用させるCSSを記述します。*/
/* --------------------------------------------------------
-----------------------------------------------------------
 Page-order-sketch
-----------------------------------------------------------
----------------------------------------------------------- */
body.Page-order-sketch .Main-wrap input[type="radio"],
body.Page-order-sketch .Main-wrap input[type="checkbox"] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

/*
---------------------------------------------------------
 .flow-block
--------------------------------------------------------- */
body.Page-order-sketch .flow-block {
  text-align: center;
  margin-bottom: 40px;
}

body.Page-order-sketch .flow-block ul {
  display: inline-block;
}

body.Page-order-sketch .flow-block li {
  float: left;
  font-size: 16px;
  color: #717171;
  letter-spacing: 0;
}

body.Page-order-sketch .flow-block li.arrow {
  padding: 0 5px;
}

body.Page-order-sketch .flow-block li.MOD-current {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  color: #0f7dc1;
}

/*
---------------------------------------------------------
 form-block
--------------------------------------------------------- */
body.Page-order-sketch .form-block + .form-block {
  margin-top: 35px;
}

body.Page-order-sketch .form-block .form-block-body {
  padding-bottom: 42px;
}

/* form-table
--------------------------------------------------------- */
body.Page-order-sketch .form-block .form-table {
  width: 100%;
  table-layout: fixed;
}

body.Page-order-sketch .form-block .form-table th {
  background: #0f7dc1;
  border-bottom: 1px solid #cbcbcb;
  font-size: 1.13rem;
  vertical-align: top;
  color: #FFF;
  width: 11em;
  padding: 18px 10px;
  line-height: 1.3;
}

body.Page-order-sketch .form-block .form-table th .Attention {
  font-size: 12px;
  border-radius: 3px;
  padding: 2px 4px;
  margin: 5px;
  vertical-align: middle;
  background: #FFF;
}

body.Page-order-sketch .form-block .form-table th .th-note {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
  padding-top: 5px;
}

body.Page-order-sketch .form-block .form-table td {
  border-bottom: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
}

/*
---------------------------------------------------------
 form-block-title
--------------------------------------------------------- */
body.Page-order-sketch .form-block-title {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  background: #f5f1d5;
  padding: 7px 12px;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 8px;
}

/*
---------------------------------------------------------
 form-bottom-btn
--------------------------------------------------------- */
body.Page-order-sketch .form-bottom-btn {
  padding-top: 30px;
  text-align: center;
}

body.Page-order-sketch .form-bottom-btn > div {
  display: inline-block;
  vertical-align: top;
  min-width: 290px;
}

body.Page-order-sketch .form-bottom-btn a {
  min-width: 210px;
  padding: 11px 52px 9px;
}

body.Page-order-sketch .form-bottom-btn p {
  font-size: 14px;
  letter-spacing: 0;
  padding-top: 5px;
  line-height: 1.3;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 order_sketch_index
-----------------------------------------------------------
----------------------------------------------------------- */
/*
---------------------------------------------------------
 form-btn-block
--------------------------------------------------------- */
#order_sketch_index .form-btn-block {
  text-align: center;
}

#order_sketch_index .form-btn-block.MOD-top {
  margin-bottom: 30px;
}

#order_sketch_index .form-btn-block.MOD-bottom {
  margin-top: 30px;
}

#order_sketch_index .form-btn-block .btn-wrap a {
  font-size: 1.6rem;
  padding: 13px 32px;
}

#order_sketch_index .bottom-text {
  padding-top: 10px;
}

/*
---------------------------------------------------------
 sample-block
--------------------------------------------------------- */
#order_sketch_index .sample-block .content-body {
  padding: 0 22px;
}

#order_sketch_index .sample-block .top-text {
  margin-bottom: 25px;
}

#order_sketch_index .sample-block .btn-list li + li {
  margin-top: 15px;
}

/* btn-sample
--------------------------------------------------------- */
#order_sketch_index .sample-block .btn-sample {
  border: 3px solid #0f7dc1;
  color: #222;
  display: table;
  text-decoration: none;
  text-align: center;
  width: 100%;
  line-height: 1.3;
  font-size: 20px;
}

#order_sketch_index .sample-block .btn-sample .btn-inner {
  display: table-cell;
  vertical-align: middle;
  height: 51px;
  padding: 5px 38px 5px 5px;
}

#order_sketch_index .sample-block .btn-sample .btn-text,
#order_sketch_index .sample-block .btn-sample img {
  vertical-align: middle;
}

#order_sketch_index .sample-block .btn-sample img {
  margin-right: 14px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 order-sketch-form-design
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-design .top-text-block .wb-edit {
  margin-bottom: 25px;
}
#order-sketch-form-design .top-text-block .wb-edit:empty {
  margin-bottom: 0;
}

#order-sketch-form-design .Main-wrap .note {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  color: #E40000;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/*
---------------------------------------------------------
 form-block-text
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .text-product-name + .main-title,
#order-sketch-form-design .form-block-text .moji-area,
#order-sketch-form-design .form-block-text .form-block-design {
  margin-top: 30px;
}

#order-sketch-form-design .form-block.form-block-text input[type="text"] {
  /* @mixin:appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #222;
  background: #FFF;
  padding: 8px 10px;
}

#order-sketch-form-design .form-block.form-block-text .color-red {
  color: #F00;
}

/* accordion
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .JS-accordion-btn {
  /* @mixin:transition */
  -webkit-transition: all 0.12s;
  transition: all 0.12s;
  cursor: pointer;
  position: relative;
}
#order-sketch-form-design .form-block-text .JS-accordion-btn:hover {
  /* @mixin:PC-opacity */
  opacity: 0.8;
}
#order-sketch-form-design .form-block-text .JS-accordion-btn:before {
  /* @mixin:transition */
  -webkit-transition: all 0.06s;
  transition: all 0.06s;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0px 7px 11px;
  border-color: transparent transparent transparent #333;
}

#order-sketch-form-design .form-block-text .JS-accordion-btn.MOD-open:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#order-sketch-form-design .form-block-text .JS-accordion-body {
  display: none;
}

/* form-block-text02
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text.form-block-text02 {
  margin-top: 35px;
}

#order-sketch-form-design .form-block-text.form-block-text02 .JS-accordion-body {
  padding-bottom: 15px;
}

/* form-block-text03
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text.form-block-text03 {
  margin-top: 20px;
}

/* text-product-name
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .main-body ~ .text-product-name {
  margin-top: 30px;
}

#order-sketch-form-design .form-block-text .text-product-name .text-product-name-body p {
  margin-bottom: 6px;
}

#order-sketch-form-design .form-block-text .text-product-name input {
  width: 360px;
}

/* main-title
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .main-title .color-red {
  color: #E40000;
}

/* main-body
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .main-body p {
  margin-bottom: 6px;
}

#order-sketch-form-design .form-block-text .main-body .main-body-input {
  width: 100%;
}

/* select-area
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .select-area-body {
  padding: 0 10px;
}

#order-sketch-form-design .form-block-text .select-area-body table td {
  padding: 0 58px 12px 0;
  font-size: 18px;
}

#order-sketch-form-design .form-block-text .select-area-body label input,
#order-sketch-form-design .form-block-text .select-area-body label span {
  vertical-align: middle;
}

#order-sketch-form-design .form-block-text .select-area-body table td.other {
  padding: 0;
}

#order-sketch-form-design .form-block-text .select-area-body table td.other label,
#order-sketch-form-design .form-block-text .select-area-body table td.other .input-other {
  display: inline-block;
  vertical-align: middle;
}

#order-sketch-form-design .form-block-text .select-area-body table td.other .input-other {
  margin-left: 10px;
}

#order-sketch-form-design .form-block-text .select-area-body table td.other .input-other input {
  width: 500px;
  font-size: 1rem;
}

/* size-area
--------------------------------------------------------- */
#order-sketch-form-design .form-block-text .size-area {
  margin-top: 30px;
}

#order-sketch-form-design .form-block-text .size-area li {
  font-size: 17px;
}

#order-sketch-form-design .form-block-text .size-area li + li {
  margin-top: 6px;
}

#order-sketch-form-design .form-block-text .size-area li input[type="radio"],
#order-sketch-form-design .form-block-text .size-area li .name {
  vertical-align: middle;
}

#order-sketch-form-design .form-block-text .size-area li .name {
  padding-left: 5px;
}

/*
---------------------------------------------------------
 form-block-image
--------------------------------------------------------- */
#order-sketch-form-design .form-block-image .body {
  margin-bottom: 12px;
}

#order-sketch-form-design .image-drop-area {
  border: 3px dashed #999;
  padding: 25px 15px;
  text-align: center;
}

#order-sketch-form-design .image-drop-area .drop-area-text {
  font-size: 17px;
  margin-bottom: 15px;
}

#order-sketch-form-design .image-drop-area .drop-area-text .sub {
  display: block;
  font-size: 80%;
  letter-spacing: 0.03em;
  margin-top: 5px;
}

#order-sketch-form-design .image-drop-area .upload-btn a {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Arial, "メイリオ", Meiryo, sans-seri;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  background: #0f7dc1;
  padding: 17px 28px 13px;
  font-size: 16px;
  box-shadow: #005793 2px 2px;
  line-height: 1.3;
  text-decoration: none;
}

#order-sketch-form-design .image-drop-area .upload-file .upload-file-info {
  padding-top: 14px;
  word-break: break-all;
}

#order-sketch-form-design .image-drop-area .upload-file p,
#order-sketch-form-design .image-drop-area .upload-file input[type="button"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}

/*
---------------------------------------------------------
 .form-block-design
--------------------------------------------------------- */
#order-sketch-form-design .form-block-design .form-block-title {
  margin-bottom: 0;
}

#order-sketch-form-design .form-block-design .note {
  color: #222;
}

/*
---------------------------------------------------------
 design-table
--------------------------------------------------------- */
#order-sketch-form-design .design-table .radio-list {
  padding: 18px 22px;
}

#order-sketch-form-design .design-table .radio-list > li + li {
  border-top: 1px solid #cbcbcb;
  margin-top: 15px;
  padding-top: 15px;
}

#order-sketch-form-design .design-table .radio-list .main-radio {
  display: inline-block;
  line-height: 1.3;
}

#order-sketch-form-design .design-table .radio-list .main-radio span {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  vertical-align: middle;
}

#order-sketch-form-design .design-table .radio-list .body-wrap {
  padding-left: 20px;
}

#order-sketch-form-design .design-table .radio-list .body-wrap .text {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.3;
}

/* select-active-area
--------------------------------------------------------- */
#order-sketch-form-design .design-table .select-active-area {
  position: relative;
  padding-top: 12px;
  /*display: none;*/
}
#order-sketch-form-design .design-table .select-active-area:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  content: '';
}

#order-sketch-form-design .design-table .select-active-area.MOD-active:before {
  display: none;
}

/* part-select-input
--------------------------------------------------------- */
#order-sketch-form-design .design-table .part-select-input {
  margin-bottom: 12px;
}

#order-sketch-form-design .design-table .part-select-input input {
  /* @mixin:appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #222;
  width: 8em;
  background: #FFF;
  font-size: 15px;
  padding: 4px 6px;
}

#order-sketch-form-design .design-table .part-select-input span {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}

#order-sketch-form-design .design-table .part-select-input p {
  color: #6c6c6c;
  display: inline-block;
  font-size: 14px;
  padding-left: 1em;
}

/* color-list
--------------------------------------------------------- */
#order-sketch-form-design .design-table .color-list {
  margin-top: 10px;
}

#order-sketch-form-design .design-table .color-list input[type="radio"] {
  width: auto;
  height: auto;
}

#order-sketch-form-design .design-table .color-list li {
  float: left;
  width: 18.8%;
  margin: 0 0 25px 1.5%;
}
#order-sketch-form-design .design-table .color-list li:nth-of-type(5n+1) {
  margin-left: 0;
  clear: both;
}

#order-sketch-form-design .design-table .color-list label {
  font-size: 0;
}

#order-sketch-form-design .design-table .color-list .color-area {
  display: block;
  height: 50px;
  margin-bottom: 4px;
}

#order-sketch-form-design .design-table .color-list label input,
#order-sketch-form-design .design-table .color-list .color-name {
  vertical-align: middle;
}

#order-sketch-form-design .design-table .color-list .color-name {
  font-size: 13px;
  letter-spacing: 0;
}

/* font-list
--------------------------------------------------------- */
#order-sketch-form-design .design-table .font-list {
  /*margin-top: 5px;*/
}

#order-sketch-form-design .design-table .font-list li {
  float: left;
  margin-right: 15px;
}

#order-sketch-form-design .design-table .font-list li label input,
#order-sketch-form-design .design-table .font-list li label span {
  vertical-align: middle;
}

/* font-list-area
--------------------------------------------------------- */
#order-sketch-form-design .design-table .font-list-area ul {
  margin-top: 5px;
}

#order-sketch-form-design .design-table .font-list-area li {
  float: left;
  width: 23.8%;
  margin: 0 0 8px 1.6%;
  font-size: 11px;
  letter-spacing: 0;
}
#order-sketch-form-design .design-table .font-list-area li:nth-of-type(4n+1) {
  margin-left: 0;
  clear: both;
}

#order-sketch-form-design .design-table .font-list-area li a {
  border: 1px solid #cbcbcb;
  display: inline-block;
  max-width: 100%;
}

/* emoji-list-area
--------------------------------------------------------- */
#order-sketch-form-design .design-table .emoji-list-area ul {
  margin-top: 5px;
}

#order-sketch-form-design .design-table .emoji-list-area li {
  float: left;
  width: 11.4%;
  margin: 0 0 8px 1.2%;
  font-size: 11px;
  letter-spacing: 0;
}
#order-sketch-form-design .design-table .emoji-list-area li:nth-of-type(8n+1) {
  margin-left: 0;
  clear: both;
}

#order-sketch-form-design .design-table .emoji-list-area li a {
  border: 1px solid #cbcbcb;
  display: inline-block;
  max-width: 100%;
  margin-right: 2px;
}

/* textarea
--------------------------------------------------------- */
#order-sketch-form-design .design-table textarea {
  width: 100%;
  height: 4em;
}

#order-sketch-form-design .design-table textarea.whole-textarea {
  /* @mixin:appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  border: none;
  border-radius: 0;
  padding: 15px 20px;
  height: 8em;
}

/*
---------------------------------------------------------
 colorbox iframe order-sketch-form-frame
--------------------------------------------------------- */
#order-sketch-form-frame {
  padding: 0;
  height: 100%;
  min-width: auto;
  text-align: center;
  padding: 0 22px 0 0;
}

#order-sketch-form-frame .wrapper {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#order-sketch-form-frame .wrapper > div + div {
  margin-top: 10px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-wear
-----------------------------------------------------------
----------------------------------------------------------- */
/*
---------------------------------------------------------
 form-block-wear
--------------------------------------------------------- */
#order-sketch-form-wear .form-block-wear .top-text {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Arial, "メイリオ", Meiryo, sans-seri;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 10px;
}

#order-sketch-form-wear .form-block-wear ul li {
  border-top: 1px solid #cbcbcb;
  padding-top: 10px;
}

#order-sketch-form-wear .form-block-wear ul li + li {
  margin-top: 10px;
}

#order-sketch-form-wear .form-block-wear li label span {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.3;
  vertical-align: middle;
}

#order-sketch-form-wear .form-block-wear li .bottom-wrap {
  padding: 5px 0 0 20px;
}

#order-sketch-form-wear .form-block-wear li .bottom-wrap .text-wrap {
  width: 80%;
}

#order-sketch-form-wear .form-block-wear li .bottom-wrap .link-wrap {
  width: 18%;
  text-align: right;
}

#order-sketch-form-wear .form-block-wear li .bottom-wrap.other-body-wrap input[type="text"] {
  width: 100%;
  padding: 6px 8px;
  margin: 4px 0 0;
}

/*
---------------------------------------------------------
 form-block-request
--------------------------------------------------------- */
#order-sketch-form-wear .form-block-request .form-block-title {
  margin-bottom: 0;
}

/*#order-sketch-form-wear .form-block-request .form-block-top .text-color {
	color: $color-d-main01;
}*/
#order-sketch-form-wear .form-block-request .form-table textarea {
  /* @mixin:appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  border: none;
  border-radius: 0;
  padding: 15px 20px;
  width: 100%;
  height: 8em;
}

#order-sketch-form-wear .form-block-request .form-table tr.wear-size textarea {
  height: 6em;
}

#order-sketch-form-wear .form-block-request .form-table tr.amount td {
  padding: 10px 15px;
}

#order-sketch-form-wear .form-block-request .form-table tr.amount input {
  border: 1px solid;
  width: 90px;
  padding: 7px 8px 3px;
  font-size: 25px;
  text-align: right;
  letter-spacing: 0;
}

#order-sketch-form-wear .form-block-request .form-table tr.amount .unit {
  padding-left: 5px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-confirm
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-confirm .top-text {
  margin-bottom: 10px;
}

#order-sketch-form-confirm .confirm-block > li {
  border: 1px solid #cbcbcb;
  display: table;
  width: 100%;
  table-layout: fixed;
}

#order-sketch-form-confirm .confirm-block > li + li {
  margin-top: 15px;
}

#order-sketch-form-confirm .confirm-block > li.confirm-design {
  margin-top: -1px;
}

#order-sketch-form-confirm .confirm-block > li > .name,
#order-sketch-form-confirm .confirm-block > li > .body {
  display: table-cell;
  vertical-align: top;
  padding: 15px 20px;
  font-size: 14px;
}

#order-sketch-form-confirm .confirm-block > li > .name {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  border-right: 1px solid #cbcbcb;
  width: 21%;
  padding: 15px 10px 15px 15px;
}

/*
---------------------------------------------------------
 selected-list 
--------------------------------------------------------- */
#order-sketch-form-confirm .confirm-block .selected-list > li + li {
  margin-top: 15px;
}

#order-sketch-form-confirm .confirm-block .selected-list .list-name {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Verdana, Arial,"メイリオ", Meiryo, sans-serif;
  font-weight: bold;
  color: #0f7dc1;
  border-bottom: 1px solid #cbcbcb;
  line-height: 1.3;
  padding: 0 5px 2px;
  margin-bottom: 4px;
}

#order-sketch-form-confirm .confirm-block .selected-list .list-body {
  padding: 0 5px;
}

/* selected-color
--------------------------------------------------------- */
#order-sketch-form-confirm .confirm-block .selected-list .selected-color {
  padding-top: 4px;
}

#order-sketch-form-confirm .confirm-block .selected-list .selected-color > span {
  vertical-align: middle;
}

#order-sketch-form-confirm .confirm-block .selected-list .selected-color .color-area {
  display: inline-block;
  width: 71px;
  height: 33px;
}

/* selected-amount
--------------------------------------------------------- */
#order-sketch-form-confirm .confirm-block .selected-list .selected-amount > p {
  display: inline-block;
}

#order-sketch-form-confirm .confirm-block .selected-list .selected-amount .amount-value {
  font-size: 18px;
  letter-spacing: 0;
}

/*
---------------------------------------------------------
 form-bottom-btn
--------------------------------------------------------- */
#order-sketch-form-confirm .form-bottom-btn {
  padding-left: 55px;
}

/*
#order-sketch-form-confirm .form-bottom-btn > div {
    min-width: auto;
}*/
/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-login
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-login .wb-cart-login .wb-cart-login-member-ready .wb-cart-login-btn a:before {
  content: '次へ ≫';
}

/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-order
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-order .order-addr-note {
  font-size: 13px;
  margin-bottom: 5px;
}

#order-sketch-form-order .order-addr-note p {
  color: #E40000;
  float: left;
}

#order-sketch-form-order .order-addr-note .link-wrap {
  float: right;
}

#order-sketch-form-order .order-addr-note .link-wrap a {
  color: #0f7dc1;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-order-confirm
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-order-confirm .form-bottom-btn > div {
  min-width: auto;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 #order-sketch-form-order-thanks
-----------------------------------------------------------
----------------------------------------------------------- */
#order-sketch-form-order-thanks .wb-cart-end-content {
  text-align: left;
  padding: 20px 35px;
  font-size: 15px;
}

#order-sketch-form-order-thanks .form-bottom-btn {
  padding-top: 0;
}