@charset "UTF-8";

/* --------------------------------------------------------
注文フォーム デザイン一覧～注文完了
-----------------------------------------------------------*/
#cart .Alpha,
#order_form .Alpha {
  width: auto;
}

#cart {
  box-sizing: border-box;
}

#cart .Hidden {
  display: none;
}

#cart p,
#order_form p,
#new_order p,
#template_list p {
  padding: 0;
}

#cart input[type="radio"],
#template_list input[type="radio"],
#template_list input[type="checkbox"],
#order_form input[type="checkbox"],
#new_order input[type="checkbox"],
#new_order input[type="radio"] {
  display: none;
}

#new_order input[name="privacyCheck"],
#new_order input[name="magazine"] {
  display: unset;
  vertical-align: middle;
  width: unset;
  margin: 0 5px 0 0;
}

#new_order .please_check {
  display: none;
}

#new_order .input-err {
  border: solid 2px #fF0000;
  background: #ffe7e7;
}

#new_order .input-err-mess {
  color: #ff0000;
  font-weight: bold;
}

.Fr,
.Fl {
  float: none;
}

/* ----------注文ナビ-------------*/


ul.cart-flow {
  display: table;
  width: calc(100% - 10px);
  margin-right: 10px;
  line-height: 1.25;
  margin: 0 0 15px 0;
}

.cart-flow li {
  display: table-cell;
  /*width: 23%;*/
  /*padding: 5px 5px 5px 15px;*/
  background-color: #bebebe;
  text-align: center;
  vertical-align: middle;
  position: relative;
  /*font-size: 9px;*/
  color: white;
  padding: 6px 5px 5px 15px;
  font-size: 10px;
  width: 24%;
}

.cart-flow li::before,
.cart-flow li::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 50%;
  min-height: 11px;
  right: -10px;
  z-index: 10;
  border-right: 3px solid #fff;
  background-color: #bebebe;
}

.cart-flow li::before {
  top: 0;
  transform: skew(20deg);
}

.cart-flow li::after {
  bottom: 0;
  transform: skew(-20deg);
}

.cart-flow li.flow-active,
.cart-flow li.flow-active::before,
.cart-flow li.flow-active::after {
  background-color: #feb032;
  color: #fff;
}

/* ----------注文ボタン-------------*/

.order_btn_wrap {
  text-align: center;
  margin: 20px 0;
}

a.order_Btn {
  background-color: #F05B12;
  border: 1px solid #F05B12;
  color: #ffffff;
  border-radius: 34px;
  width: 80%;
  display: inline-block;
  padding: 6px 10px 6px 10px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  text-decoration: none;
}

a.order_Btn2 {
  background-color: #FFFFFF;
  border: 1px solid #F05B12;
  color: #F05B12;
  border-radius: 30px;
  display: inline-block;
  padding: 2px 2px 2px 5px;
  font-size: 14px;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  width: 45%;
  text-decoration: none;
}

a.order_Btn2:hover, a.order_Btn:hover {
  opacity: 0.5;
  text-decoration: none;
  cursor: pointer;
}

.order_btn_wrap a.order_Btn_login {
  background-image: url(/img/common/btn_login.svg);
  background-repeat: no-repeat;
  background-position: 24px 9px;
}

.order_btn_wrap a.order_Btn_new_account {
  background-image: url(/img/common/btn_newaccount.svg);
  background-repeat: no-repeat;
  background-position: 24px 9px;
}

.order_btn_wrap a.order_Btn_cart {
  background-image: url(/img/common/btn_cart.svg);
  background-repeat: no-repeat;
  background-position: 20px 7px;
}

.order_btn_wrap a.order_Btn_plus {
  background-image: url(/img/common/btn_plus.svg);
  background-repeat: no-repeat;
  background-position: 17px 11px;
  padding-left: 18px;
}

.order_btn_wrap a.order_Btn_check {
  background-image: url(/img/common/btn_check.svg);
  background-repeat: no-repeat;
  background-position: 17px 11px;
  padding-left: 18px;
}

/* --------------------------------------------------------
カート
-----------------------------------------------------------*/

/* ----------注文フォーム-------------*/

#cart ul.cart-flow {
  margin-bottom: 35px;
}

.order_form {
  width: auto;
  margin-bottom: 35px;
}

.order_cart_right {}

.card_name {
  border-bottom: 1px solid #484848;
  font-size: 16px;
  font-weight: bold;
  padding-left: 19px;
  padding-bottom: 4px;
  background-image: url(/img/common/icon_human_maincolor.svg);
  background-repeat: no-repeat;
  background-position: 1px 0px;
  margin-bottom: 23px;
  background-size: 12px;
}

.card_name input[type="text"] {
  border: 1px solid rgb(168, 168, 168);
  padding: 0;
  width: 70%;
  font-weight: initial;
  font-size: 16px;
}

#cart .order_content {
  position: relative;
}

#cart .card_name span.card_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 70%;
}

#cart a.pattern_delete {
  position: absolute;
  top: 5px;
  right: 0;
  color: #a6a4a4;
  font-size: 12px;
}

#cart .card_name.card_name_have_discript {
  position: relative;
  margin-bottom: 43px;
}

span.card_namediscript {
  font-size: 9px;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 40px;
}

/* ----------名刺プレビュー-------------*/

.desgin_pre {
  border-bottom: 1px solid #CCCCCC;
  padding: 0 0 10px;
}

ul.desgin_pre_side {
  font-size: 14px;
  margin: 0 auto;
}

ul.desgin_pre_side li {
  /* float: left; */
  /* margin-right: 65px; */
}

ul.desgin_pre_side li:last-child {
  margin-right: 0px;
}

ul.desgin_pre_side .one_side {
  max-width: 301px;
  max-height: 301px;
  margin: 8px 0 8px;
  position: relative;
}

ul.desgin_pre_side .one_side img {
  box-shadow: 1px 1px 3.5px 1px rgba(0, 0, 0, 0.15);
}

ul.desgin_pre_side .one_side .box-no-design {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
  padding: 0 10px;
}

ul.desgin_pre_side .one_side .box-no-design span {
  letter-spacing: 0.05em;
  font-weight: bold;
}

.sonomama_data_form_send_pattern label {
  float: left;
  border: 1px solid rgb(169, 169, 169);
  width: 124px;
  text-align: center;
  padding: 6px;
  cursor: pointer;
  width: 50%;
}

.sonomama_data_form_select input[type="radio"]:checked+label {
  color: #FFFFFF;
  background-color: #f99700;
}

.sonomama_data_form_select.mihon_send_adress_box {
  font-size: 14px;
  margin-top: 6px;
}

.sonomama_data_form_select.mihon_send_adress_box .adress {
  font-weight: bold;
  margin: 10px 0;
  background-color: #FEFCD6;
  padding: 6px;
  font-size: 16px;
  text-align: center;

}

.sonomama_data_form_list {
  margin-bottom: 10px;
}

/* ----------仕様選択-------------*/

.card_spec {
  padding: 10px 0px 10px;
}

.spec_list {
  clear: both;
  padding: 5px 0px;
}

.spec_name {
  float: left;
  width: 20%;
  padding-top: 10px;
}

.spec_select {
  font-size: 16px;
  width: 80%;
  float: left;
}

.spec_list_size .spec_select {
  padding: 4px 0;
}

.card_spec select {
  font-weight: normal;
  width: 246px;
  padding: 4px;
}

.spec_list_num select.change_spec {
  width: 246px;
  margin-right: 5px;
}

.spec_select label {
  float: left;
  border: 1px solid rgb(169, 169, 169);
  width: 124px;
  text-align: center;
  padding: 6px;
  cursor: pointer;
}

.spec_list_printside label {
  width: 91px;
}

.spec_select input[type="radio"]:checked+label, .spec_select input[type="checkbox"]:checked+label {
  color: #FFFFFF;
  background-color: #f99700;
}

.card_spec .Fl {}

a.order_Btn2.order_Btn2_upload.sonomama_form_upload {
  display: none;
}

.price.ex_price {
  border-bottom: 1px solid #CCCCCC;
  text-align: right;
  margin-bottom: 12px;
  color: #FF0302;
  font-size: 16px;
  padding: 2px 0;
}

.price.ex_price span.price_num {
  font-weight: bold;
  font-size: 130%;
  margin-left: 30px;
}

.spec_select .setting_set_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}

.spec_select .setting_set_wrap input {
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
  text-align: right;
  padding: 1px 10px;
  width: 80px;
  height: 35px;
}

.spec_select .setting_set_wrap .setting_input_up,
.spec_select .setting_set_wrap .setting_input_down {
  border: 1px solid #ccc;
  height: 35px;
  width: 35px;
}

.spec_select .setting_set_wrap .setting_input_down {
  border-right: none;
  border-radius: 20px 0 0 20px;
}

.spec_select .setting_set_wrap .setting_input_up {
  border-left: none;
  border-radius: 0 20px 20px 0;
  margin-right: 10px;
}

/* ----------続けて注文-------------*/

.add_order_menu_wrap {
  background-color: #FDFAEA;
  width: auto;
  margin: 0 auto;
  padding: 10px;
}

.add_order_menu_title {
  /* text-align: center; */
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 2px;
  padding-left: 30px;
}

.add_order_menu_title:before, .add_order_menu_title:after {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 14px;
  height: 4px;
  margin: 8px 0 0 10px;
  background: #F99700;
}

.add_order_menu_title:after {
  transform: rotate(90deg);
}

.add_order_menu_wrap p {
  text-align: left;
  font-size: 12px;
  margin-bottom: 6px;
}

ul.add_order_menu_list {
  width: 100%;
  margin: 0 auto;
}

ul.add_order_menu_list li {
  float: left;
  margin: 0 4px;
  width: 30%;
}

ul.add_order_menu_list li img {
  border-radius: 6px;
  border: 3px solid;
  width: 151px;
  height: 130px;
}

ul.add_order_menu_list li a {
  border-radius: 6px;
  display: block;
  text-align: center;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  line-height: 1.2;
  margin-bottom: 8px;
  color: #E7403D;
}

ul.add_order_menu_list li.add_order_new a {
  color: #E45D16;
}

ul.add_order_menu_list li.add_order_mypage a {
  color: #1F4D98;
}

/* ----------カート-------------*/

.order_cart_right .cart_contents {
  border: 1px solid #dddddd;
  margin-bottom: 14px;
}

.order_cart_right .cart_title {
  background-color: #474747;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 2px;
}

.order_cart_right .card_name {
  background-size: 11px;
  background-position: 2px 0px;
  padding: 2px 36px 4px 22px;
  font-size: 14px;
  margin: 7px 7px 11px 7px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order_cart_right .card_name:after {
  content: "";
  position: absolute;
  display: block;
  margin: auto 0;
  top: 13px;
  bottom: 8px;
  right: 11px;
  width: 11px;
  height: 11px;
  border-top: 2px solid #F99700;
  border-left: 2px solid #F99700;
  border-bottom: none;
  border-right: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.order_cart_right .cart_list_box_close .card_name:after {
  content: "";
  position: absolute;
  display: block;
  margin: auto 0;
  bottom: 8px;
  right: 11px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
  border-bottom: 2px solid #F99700;
  border-right: 2px solid #F99700;
  top: 1px;
}

.order_cart_right .cart_list_box_close .card_name {
  border: none;
  margin-bottom: 0;
}

.order_cart_right .cart_list_box_wrap {
  font-size: 14px;
}

.cart_list_box {
  border-bottom: 1px solid #dddddd;
}

.cart_list_spec_box {
  padding: 0 9px;
}

.cart_spec_list {
  margin-bottom: 9px;
  font-size: 14px;
}

.cart_spec_name {
  float: left;
  width: 51px;
  letter-spacing: 0em;
}

.cart_spec_list_price {
  color: #FF0000;
  font-size: 15px;
}

span.price_num {
  font-weight: bold;
}

table.cart_totle_price {
  border: 1px solid #FF0302;
  width: 100%;
  color: #FF0302;
}

table.cart_totle_price th {
  background-color: #FF0302;
  width: 20%;
  color: #ffffff;
  padding: 2px;
  text-align: center;
}

table.cart_totle_price td {
  text-align: right;
  vertical-align: bottom;
  padding: 4px;
  font-size: 13px;
}

table.cart_totle_price span.price_num {
  font-weight: bold;
  font-size: 20px;
}

.order_cart_right .order_btn_wrap {
  margin: 16px 0;
}

.order_cart_right .order_btn_wrap .order_Btn {
  width: 80%;
  background-color: #FF0302;
  background-position: 19px 6px;
  padding: 6px 10px 6px 27px;
  border: 2px solid #FF0302;
}

/* --------------------------------------------------------
注文フォーム
-----------------------------------------------------------*/


Table.cart_orderlist_table {
  width: 100%;
  border: 1px solid #aaa;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 10px;
}

Table.cart_orderlist_table th {
  background: #666666;
  border: 1px solid #aaa;
  text-align: center;
  vertical-align: top;
  font-weight: normal;
  color: #FFFFFF;
  padding: 2px 2px;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: middle;
}

Table.cart_orderlist_table td {
  border: 1px solid #aaa;
  padding: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: middle;
}

Table.cart_orderlist_table td .item-name {
  font-weight: bold;
}

Table.cart_orderlist_table .base_price {
  text-align: right;
}

#order_form table.cart_totle_price,
#new_order table.cart_totle_price {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
  margin-top: 10px;
}

#order_form table.cart_totle_price th,
#new_order table.cart_totle_price th {
  width: 22%;
  font-size: 12px;
}

#order_form table.cart_totle_price td,
#new_order table.cart_totle_price td {
  padding: 5px;
}


/* ----------会員登録　配送先追加-------------*/

.new_account_block .new_account_form, .address_plus_block ..address_plus_form {
  padding-top: 10px;
}

.new_account_block .new_account_form_block, .address_plust_block ..address_plus_form_block {
  width: auto;
}

.new_account_block .account_form_list_group, .address_plus_block .address_plus_form_list_group {
  padding: 3px 2px 10px 0;
}

.new_account_block .account_form_list_name, .address_plus_block .address_plus_form_list_name {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  position: relative;
}

.new_account_block .account_form_list_name span.required, .address_plus_block .address_plus_form_list_name span.required {
  background-color: #fa4566;
  text-align: center;
  padding: 1px 2px;
  display: inline-block;
  width: 27px;
  font-weight: normal;
  font-size: 9px;
  color: transparent;
  position: absolute;
  /* left: 71px; */
  top: 1px;
  margin-left: 5px;
}

.new_account_block .account_form_list_name span.required:after, .address_plus_block .address_plus_form_list_name span.required:after {
  position: absolute;
  left: 3px;
  content: "必須";
  color: #fff;
}

.new_account_block span.Form-notes.zip-search, .address_plus_block span.Form-notes.zip-search {
  font-size: 12px;
  text-decoration: underline;
  color: #F99700;
}

.new_account_block input, .new_account_block textarea, .new_account_block select, .address_plus_block input, .address_plus_block textarea, .address_plus_block select {
  font-size: 16px;
  padding: 5px 2px;
  margin-bottom: 3px;
}

.new_account_block input.size-full {
  width: 100%;
}

.new_account_block input#city {
  width: 100%;
}

.new_account_block .account_agreement_block {
  width: auto;
  background-color: #F2F2F2;
  padding: 10px;
}

.new_account_block .account_agreement_block h3 {
  font-size: 14px;
}

.new_account_block .account_agreement_blockp.Red {
  margin-bottom: 5px;
}

.new_account_block .account_agreement_block .privacy-box {
  width: 95%;
  height: 300px;
  overflow: auto;
  border: 1px solid #999999;
  padding: 0 5px;
  font-size: 11px;
  background-color: #ffffff;
  margin-bottom: 11px;
}

.account_agreement_block .agreement .btn-box {
  font-size: 12px;
  margin: 15px auto;
  padding: 0;
  width: 100px;
}

.new_account_block .please_check {
  border: 1px solid #FF0000;
  color: #FF0000;
  /* width: 100px; */
  padding: 7px;
  font-size: 10px;
  /* margin-right: 41px; */
  /* margin-left: auto; */
  margin-top: 5px;
  background-color: #ffffff;
  position: relative;
}

.new_account_block .please_check:before {
  /* content: ""; */
  position: absolute;
  top: -15px;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 10px solid #FF0000;
}

.new_account_block .please_check:after {
  /* content: ""; */
  position: absolute;
  top: -13px;
  left: 54%;
  margin-left: -17px;
  border: 5px solid transparent;
  border-bottom: 10px solid #ffff;
  z-index: 1;
}

/* -------確定ボタン下部金額-----------*/
.order_item_order_btn_block {
  border: 1px solid #dddddd;
  padding: 22px 18px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 1px;
}

.order_item_order_btn_block .order_btn_wrap {
  margin: 0px 0 5px 0px;
}

.order_item_order_btn_block .order_btn_wrap a {}

table.new_order_order_item_table {
  width: 100%;
  line-height: 1.5;
  margin: 5px 0px;
  font-size: 14px;
}

table.new_order_order_item_table td {
  text-align: right;
}

.new_order_order_item_table_total {
  border-top: 1px solid #dddddd;
}

.new_order_order_item_table_total th {
  font-weight: bold;
  color: #ff2704;
  font-size: 16px;
}

.new_order_order_item_table_total td {
  text-align: right;
  font-weight: bold;
  font-size: 20px;
  color: #ff2704;
}

.order_finish_atteｎ {
  font-size: 11px;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 10px;
}

/* ----------注文情報-------------*/

.order_info_block {
  margin: 10px 0;
}

.order_info_select.order_info_select_ship_staff {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.cart_order_block .order_info_box {
  background: #ffffff;
  padding: 12px 12px;
  margin-bottom: 5px;
  border: 1px solid #dddddd;
}

.order_info_select.order_info_select_ship_staff .Fl {
  font-weight: bold;
  font-size: 13px;
}

.order_info_select.order_info_select_ship_staff .order_info_title {
  width: 18%;
}

.order_info_select.order_info_select_ship_staff .order_info_selected {
  flex: 1;
}

.order_info_select.order_info_select_ship_staff select {
  display: block;
  width: 100%;
  margin: 4px 0 2px;
}

.order_info_select.order_info_select_ship_staff .order_info_selected .order_mail_wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
}

.order_info_select.order_info_select_ship_staff .order_info_selected .order_mail_wrap span {
  display: block;
  word-break: break-all;
}

.order_info_select_ship_staff span.order_client_mail,
.order_info_select_ship_staff span.order_staff_mail {
  font-size: 13px;
  font-weight: bold;
  color: red;
  margin-left: 0;
}

.order_info_select_ship_staff span.order_staff_mail_sentence {
  font-size: 12px;
  margin-left: 0;
}

.order_info_box .order_info_title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0px;
  background-image: url(/img/common/icon_track.svg);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  margin: 2px 0 2px;
  background-size: 30px;
  padding-left: 37px;
}

.order_info_title .Fr {
  float: right;
}

.order_info_title .Fl {
  float: left;
}

.order_info_box_pay .order_info_title {
  background-image: url(/img/common/icon_payment.svg);
  background-position: 2px 2px;
  padding-left: 25px;
  background-size: 19px;
}

.order_info_box_ship_method .order_info_title {
  background-image: url(/img/common/icon_cardboard.svg);
  background-position: 0px 3px;
  padding-left: 25px;
  background-size: 20px;
}

.order_info_box_proxy_ship .order_info_title {
  background-image: url(/img/common/icon_proxy.svg);
  background-position: 2px 0px;
  padding-left: 32px;
  background-size: 26px;
}

.order_info_box_point .order_info_title {
  background-image: url(/img/common/icon_point.svg);
  background-position: 3px 1px;
  padding-left: 26px;
  background-size: 20px;
}

.order_info_box_memo .order_info_title {
  background-image: url(/img/common/icon_pen.svg);
  background-position: 0px 3px;
  padding-left: 24px;
  background-size: 20px;
}

.cart_order_block a.question img, .modal-content a.question img {
  margin-bottom: 3px;
  margin-left: 5px;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  border-radius: 10px;
}

.cart_order_block a.order_info_change_btn {
  color: #feb032;
  border-radius: 12px;
  font-size: 14px;
  text-decoration: underline;
  font-weight: normal;
  padding: 1px;
}

.cart_order_block a.order_info_change_btn :hover {
  cursor: pointer;
}

.cart_order_block .order_info_descri {
  font-size: 12px;
  margin-bottom: 6px;
}

.cart_order_block .order_info_selected {
  font-size: 12px;
}

.cart_order_block .send_adress_name, .cart_order_block .selected_name {
  font-size: 14px;
}

.cart_order_block .selected_detail.ship_method_pice {
  color: #ff2704;
}

.cart_order_block .selected_detail.ship_method_pice span.shipFree {
  color: #484848;
  font-size: 11px;
}

.cart_order_block .pay_num_block, .cart_order_block .point_pay {
  margin: 5px 0;
}

.cart_order_block .order_info_box_proxy_ship select.proxy {
  font-size: 16px;
}

.cart_order_block .point_have span.limit {
  font-size: 13px;
}

.cart_order_block input.use_point {
  width: 130px;
  font-size: 16px;
}

.order_info_box a.order_info_change_btn.order_info_point_btn {
  background-color: #feb032;
  color: #ffff;
  padding: 2px 12px;
  padding: 2px 21px;
  margin: 1px 5px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
}

.order_info_box_memo textarea.memo {
  width: 100%;
  font-size: 14px;
  height: 68px;
}

.order_info_box_mem .order_info_selected {
  padding: 0px;
}

.special_express_check_atten.Bg_pink {
  display: none;
}

.special_express_check_atten.Bg_pink {
  display: none;
}

input.special_express_check_box:checked+label+div {
  display: block;
}

.order_info_box_ship_address .question {
  display: none;
}

/* ----------モーダル-------------*/

.modal-lg {
  margin-top: 10%;
  width: 300px;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
}

.modal-content {
  padding: 15px;
}

.modal-header {
  border-bottom: none;
  padding: 0;
  position: relative;
}

.modal-header .close {
  margin-top: -10px;
  padding: 0px;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  font-size: 36px;
  font-weight: ;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

h2.modal-title {
  color: #484848;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 14px;
  border-bottom: 1px solid;
  text-shadow: none;
  margin-bottom: 10px;
  padding-bottom: 4px;
}

.modal-body {
  padding: 0 0 15px;
}

.modal-body li.addresslist_box {
  border: 1px solid #dddddd;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
}

.modal-body li.addresslist_box:nth-of-type(2n+1) {}

.modal-body li.addresslist_box.adpess_plus {
  font-weight: bold;
  font-size: 14px;
}

.modal-body li.addresslist_box:hover {
  background-color: #ffddaa;
  border: 1px solid #f99700;
  cursor: pointer;
}

.modal-body li.adpess_plus:hover {
  opacity: 0.7;
  background-color: #F2F2F2;
  border: 1px solid #dddddd;
}

.modal-body li.addresslist_box .adress_name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.modal_content_info_change_btn_wrap {
  text-align: right;
}

.modal-body a.order_info_change_btn {
  background-color: #f99700;
  color: #ffff;
  padding: 2px 15px;
  /* margin: 1px 11px; */
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-top: 7px;
}

.modal-body .order_btn_wrap {
  margin: 9px 0 0 0;
}

.modal-body .adpess_plus_btn {
  text-align: center;
  padding: 22px 0;
}

.modal-body .adpess_plus_btn {
  text-align: center;
  padding: 0;
}

.modal-body .adpess_plus_btn span {
  display: block;
  margin-bottom: 10px;
}

.modal-body .address_plus_form_list_name {
  font-size: 14px;
}

.modal-body .address_plus_form_list input[type="text"] {
  padding: 5px 2px;
  margin-bottom: 3px;
}

.modal-body .address_plus_block .address_plus_form_list_name span.required {
  width: 30px;
  font-size: 10px;
}

.modal-body .address_plus_formist_group {
  margin-bottom: 10px;
}

.pay_change_select label, .ship_method_select label {
  font-size: 12px;
  font-weight: bold;
  display: block;
}

input.modal_input[type="radio"] {


  display: none;
}

input.modal_input[type="radio"]+label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 7px;
}

input.modal_input[type="radio"]+label:hover {
  cursor: pointer;
}

input.modal_input[type="radio"]+label:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #dddddd;
  border-radius: 50%;
}

input.modal_input[type="radio"]:checked+label:after {
  content: "";
  display: block;
  position: absolute;
  top: 22%;
  left: 1%;
  width: 8px;
  height: 8px;
  background: #f99700;
  border-radius: 50%;
}

.pay_change_content .creditcard_list_block {
  background-color: #fefcd6;
  padding: 10px;
  margin-bottom: 7px;
}

.pay_change_content div.creditcard_list.active {
  background-color: #ffddaa;
  border: 1px solid #f99700;
}

input#creditcard+label+.creditcard_list_block {
  display: none;
}

.pay_change_content .pay_change_select img {
  width: 50%;
}

input#creditcard:checked+label+.creditcard_list_block {
  display: block;
}

.pay_change_content div.creditcard_list_block .creditcard_list_name {
  font-size: 12px;
  font-weight: normal;
}

.pay_change_content ul.creditcard_list li input[type="radio"]+label {
  background-color: #ffffff;
  margin-bottom: 6px;
  padding: 9px;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.pay_change_content ul.creditcard_list li input[type="radio"]:checked+label {
  background-color: #ffddaa;
  border: 1px solid #f99700;
}

.cardlist_box.new_card .creditcard_plus .Fl,
.cardlist_box.new_card .creditcard_plus .Fr {
  width: 100%;
}

.cardlist_box.new_card .creditcard_plus .credit-note-wrap {
  font-weight: normal;
  font-size: 12px;
}

.cardlist_box.new_card .creditcard_plus .credit-note-wrap .credit-note-need {
  color: #ff0000;
}

.pay_change_content ul.creditcard_list li input[type="radio"]+label .creditcard_plus_content_wrap {
  display: none;
}

.pay_change_content ul.creditcard_list li input[type="radio"]:checked+label .creditcard_plus_content_wrap {
  display: block;
}

.pay_change_content .creditcard_list_plus_btn span {
  margin-right: 10px;
}

.pay_change_content .creditcard_list_plus_btn span img {
  width: 23px;
}

.pay_change_content .creditcard_plus_content {
  padding: 4px 0px;
}

.pay_change_content .creditcard_form_list_group {
  margin-bottom: 9px;
}

.pay_change_content .creditcard_form_list_name {
  font-weight: bold;
  margin-bottom: 2px;
}

.pay_change_content .creditcard_plus_content input.size-full,
.pay_change_content .creditcard_plus_content input.size-herf {
  width: 100%;
  padding: 2px;
  font-size: 16px;
}

.pay_change_content .creditcard_plus_content .creditcard_form_list select {
  font-size: 16px;
}

a.order_Btn2_plus {
  background-image: url(/img/common/btn_plus_orange.svg);
  background-repeat: no-repeat;
  background-position: 17px 11px;
  padding-left: 18px;
}

.creditcard_plus_content_wrap a.order_Btn2 {
  width: 74px;
  padding: 3px 3px 3px 7px;
  font-size: 10px;
  background-image: url(/img/common/btn_plus_orange.svg);
  background-position: 11px 5px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
}

/* 後払い選択 */
input#atobarai+label+.atobarai_info_block {
  display: none;
}

input#atobarai:checked+label+.atobarai_info_block {
  display: block;
}

.pay_change_content div.atobarai_info_block {
  background-color: #fefcd6;
  padding: 10px;
  margin-bottom: 7px;
}

.pay_change_content div.atobarai_info_block div.content-wrap {
  padding: 9px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: normal;
}

.pay_change_content div.atobarai_info_block div.content-wrap span.price {
  color: red;
  font-weight: bold;
}

.pay_change_content div.atobarai_info_block div.content-wrap ul {
  margin: 9px 0px;
}

.pay_change_content div.atobarai_info_block div.content-wrap a {
  color: red;
  margin: 0 5px;
}

span.ship_method_select_price {
  font-weight: normal;
}

.modal-header a.question {
  position: absolute;
  top: 4px;
  left: 181px;
}

.pay_change_content li.creditcard_list {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pay_change_content li.creditcard_list.active,
.pay_change_content li.creditcard_list:hover {
  background-color: #ffddaa;
  border: 1px solid #f99700;
  cursor: pointer;
}

.pay_change_content li.creditcard_plus.active,
.pay_change_content li.creditcard_plus:hover {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

input.modal_input[type="radio"]+label {
  padding-left: 15px;
  position: relative;
  margin-bottom: 7px;
}

/* ----------商品詳細-------------*/
.ship_date {
  font-size: 16px;
  font-weight: bold;
  color: #f99700;
}

span.ship_date_atten {
  color: #484848;
  font-weight: normal;
  font-size: 12px;
}

.order_item_detail_list {
  border: 1px solid #dddddd;
}

.order_item_detail {
  margin-bottom: 10px;
}

.order_item_detail_list_img {}

.order_item_detail_list_text {
  padding: 0px;
  /* line-height: 1.7; */
  margin-bottom: 10px;
}

.order_item_detail_list .order_item_img02,
.order_item_detail_list .order_item_img01 {
  text-align: left;
  margin-bottom: 10px;
  float: left;
  width: 48%;
  margin-right: 2%;
  position: relative;
}

.order_item_detail_list .order_item_img02 {
  margin-bottom: 20px;
  float: left;
  width: 48%;
}

.order_item_detail_list .order_item_img02 .box-no-design,
.order_item_detail_list .order_item_img01 .box-no-design {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
  padding: 0px 5px;
  text-align: center;
}

.order_item_detail_list .order_item_img02 .box-no-design span,
.order_item_detail_list .order_item_img01 .box-no-design span {
  letter-spacing: 0.05em;
  font-weight: bold;
}

.order_item_detail_list_img {
  /* text-align: center; */
}

.order_item_detail_list .order_item_img02 img,
.order_item_detail_list .order_item_img01 img {
  box-shadow: 1px 1px 5px #bab8b8;
}

.order_item_detail_list>ul {
  padding: 10px;
}

.order_item_detail_list>ul>li {
  margin-bottom: 17px;
}

.order_item_detail_list>ul>li:last-child {
  margin-bottom: 0;
}

.order_item_detail_list .card_name_title {
  font-size: 14px;
  font-weight: bold;
  background-image: url(/img/common/icon_human_maincolor.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 18px;
  background-position: 1px;
  margin-bottom: 5px;
}

.order_item_detail_list .card_price {
  color: #ff2704;
}

/* --------------------------------------------------------
デザインリスト
-----------------------------------------------------------*/

/* -------サイズ・向き・作成方法選択--------- */

.design_from_content {
  margin-bottom: 30px;
  padding: 11px 0 0 0;
}

.design_from_list_group {
  margin-bottom: 16px;
}

.design_from_title {
  font-weight: bold;
  margin-bottom: 3px;
}

input.design_from_select+label {
  border: 1px solid #DDDDDD;
  font-size: 13px;
  width: 49%;
  display: inline-block;
  padding: 12px 0;
  text-align: center;
  letter-spacing: 0;
  /* background-image: url(/img/template/btn_basicsize.svg); */
  background-repeat: no-repeat;
  background-position: 19px 14px;
  padding-left: 0;
  margin-bottom: 5px;
}

input#oubei+label {
  /* background-image: url(/img/template/btn_basicsize.svg); */
  /* background-position: 19px 14px; */
  /* padding-left: 40px; */
}

input#sangou+label {
  background-image: url(/img/template/btn_basicsize.svg);
  background-position: 19px 14px;
  padding-left: 40px;
}

input#hutatsu+label {
  /* background-image: url(/img/template/btn_foldsize.svg); */
  background-position: 14px 14px;
  padding-left: 0;
  width: 49%;
}

input#wide+label {
  background-image: url(/img/template/btn_basicsize.svg);
  background-position: 11% center;
  padding-left: 3%;
}

input#height+label {
  background-image: url(/img/template/btn_height.svg);
  background-position: 18% center;
  padding-left: 3%;
}

input#template+label {
  background-image: url(/img/template/btn_desgin_template.svg);
  background-position: center 19px;
  padding-left: 0;
  padding: 66px 0 5px 0;
  width: 33%;
  font-size: 11px;
  display: inline-block;
  margin-right: 1%;
}

input#data+label {
  background-image: url(/img/template/btn_desgin_data.svg);
  background-position: center 7px;
  padding-left: 0;
  padding: 66px 0 10px 0;
  width: 33%;
  font-size: 11px;
  display: inline-block;
  margin-right: 1%;
}

input#begin+label {
  background-image: url(/img/template/btn_desgin_begin.svg);
  background-position: center 19px;
  padding-left: 0;
  padding: 66px 0 10px 0;
  width: 32%;
  font-size: 11px;
  display: inline-block;
}

input.design_from_select:checked+label {
  border: 1px solid #F05D0D;
  background-color: #FFF0E3;
}

a.question img {
  margin-bottom: 3px;
  margin-left: 5px;
  box-shadow: rgba(0, 0, 0, 0.18) 1px 1px 3.5px 1px;
  border-radius: 10px;
}

.design_from_desgin_select {
  display: flex;
}


/* -------デザイン検索--------- */

ul.No-list.templae_seach_cate_list.clearfix {
  display: flex;
  flex-wrap: wrap;
}

.templae_seach_contetnt {
  padding-top: 10px;
  margin-bottom: 10px;
}

.templae_seach_contetnt .template_search_fold_btn {
  margin-bottom: 25px;
  margin-top: 0;
}

a.order_Btn2.order_Btn_search_fold_btn {
  border: 1px solid #484848;
  font-size: 14px;
  color: #484848;
  padding: 6px 14px 6px 35px;
  background-image: url(/img/template/btn_search_black.svg);
  background-repeat: no-repeat;
  background-position: 13px 6px;
  width: auto;
}

span.template_search_result_title {
  font-weight: bold;
  font-size: 15px;
}

.templae_seach_cate_block {
  background-color: #FFEBC7;
  padding: 5px;
  font-size: 14px;
  position: relative;
}

.templae_seach_cate_block:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 71px;
  border: 18px solid transparent;
  border-bottom: 25px solid #FFEBC7;
}

.templae_seach_cate_block ul.templae_seach_cate_list li {
  float: left;
  width: 32%;
  margin-bottom: 4px;
  font-size: 11px;
}

input.orange_check+label {
  padding: 4px 0;
  position: relative;
  padding-left: 20px;
}

.templae_seach_cate_block input.orange_check+label {
  display: inline-block;
}

.templae_seach_cate_block input.orange_check:checked+label {
  color: #ffffff;
  background-color: #F99700;
  padding-left: 26px;
  padding-right: 6px;
}

input.orange_check+label:before {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 6px;
  width: 12px;
  height: 7px;
  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: 2px solid #F99700;
  border-top-style: none;
  border-right-style: none;
}

input.orange_check:checked+label:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}

input.orange_check+label:after {
  position: absolute;
  top: 5px;
  left: 4px;
  width: 15px;
  height: 15px;
  content: '';
  cursor: pointer;
  border: 1px solid #DDDDDD;
  background: #ffffff;
}

.order_btn_wrap.template_search_btn_wrap {
  margin: 15px 0 7px 0;
}

.order_btn_wrap.template_search_btn_wrap {
  margin: 10px 0;
}

.template_search_btn_wrap a.order_Btn_search {
  background-image: url(/img/common/btn_search_white.svg);
  background-repeat: no-repeat;
  background-position: 13px 5px;
  padding-left: 13px;
  background-size: 15px;
  font-size: 14px;
  width: 42%;
  padding: 3px 2px 3px 5px;
  border: 1px #f99700;
  background-color: #F99700;
}

.template_search_btn_wrap a.order_Btn2.order_Btn_close {
  color: #f99700;
  border: 1px solid #f99700;
  width: 42%;
  text-decoration: none;
}

.template_desgin_list_order {
  text-align: right;
  margin-bottom: 20px;
}

.template_desgin_list_order span.order_list_btn {
  text-decoration: underline;
  color: #F99700;
}

.template_desgin_list_order span.order_list_btn.active {
  text-decoration: none;
  color: #484848;
}

/* -------デザインリスト--------- */

.template_desgin_list_block.clrearfix {
  padding: 10px 0;
}

.template_desgin_list_group {
  width: 48%;
  float: left;
  padding: 0;
  margin: 0 1% 1%;
  text-align: center;
  font-weight: bold;
}

.template_desgin_list_group:nth-of-type(2n+1) {
  clear: both;
  padding: 0;
}

.template_desgin_list_group img {
  box-shadow: 1px 1px 5px #bab8b8;
}

.order_btn_wrap.template_order_btn_wrap {
  margin: 18px 0;
}

a.order_Btn.template_order_Btn {
  width: 150px;
  font-size: 13px;
  text-decoration: none;
  padding: 3px 0;
}

/* --------------------------------------------------------
ページャー
-----------------------------------------------------------*/
.template_list_page {
  border-top: none;
  padding-top: 0;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 0px;
  font-size: 14px;
}

.template_list_page ul {
  list-style: none;
  display: inline-block;
  padding: 0;
}

.template_list_page ul li {
  display: inline-block;
}

.template_list_page ul+ul:before {
  content: '･･･';
}

.template_list_page a {
  padding: 5px;
  text-decoration: none;
}

.template_list_page a.page_btn_pre,
.template_list_page a.page_btn_next,
.template_list_page .gul-pager-prev-page,
.template_list_page .gul-pager-next-page {
  color: #f99700;
  text-decoration: none;
  font-size: 0;
}

.template_list_page .gul-pager-prev-page.wb-blog-btn-now,
.template_list_page .gul-pager-next-page.wb-blog-btn-now {
  display: none;
}

.template_list_page .gul-pager-prev-page:after {
  font-size: 20px;
  content: '＜';
}

.template_list_page .gul-pager-next-page:after {
  font-size: 14px;
  content: '＞';
}

.template_list_page .wb-blog-btn-now:not(.gul-pager-prev-page):not(.gul-pager-next-page) {
  background-color: #f99700;
  color: #FFF;
  vertical-align: middle;
  display: inline-block;
  margin: 0 1px 4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  letter-spacing: 0;
}

.template_desgin_list_block .page_btn_pre,
.template_desgin_list_block .page_btn_next,
.template_desgin_list_block .wb-blog-btn-now {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3.5px 1px;
  border: 1px solid;
  color: #f99700;
  vertical-align: middle;
  display: inline-block;
  margin: 0 1px 4px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 18px;
  line-height: 34px;
  text-decoration: none;
  letter-spacing: 0;
}

/* -------デザインプレビュー---------- */

#modal_templatedesgin_prev_image {
  background-color: #fff;
  z-index: 1000;
  position: fixed;
  top: calc(50% - 450px/2);
  left: calc(50% - 300px/2);
}

#modal_templatedesgin_prev_image .desgin_img_wrap {
  text-align: center;
}

#modal_templatedesgin_prev_image .desgin_img_wrap img {
  max-width: 250px;
  max-height: 180px;
  box-shadow: 1px 1px 7px #585858;
}

#modal_templatedesgin_prev_image p.desgin_num.desgin_title {
  font-size: 22px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  padding-left: 52px;
}

#modal_templatedesgin_prev_image desgin_img_wrap {
  margin-bottom: 20px;
}

#modal_templatedesgin_prev_image span {
  font-weight: lighter;
  margin: 20px 113px;
  display: block;
}

#modal_templatedesgin_prev_image .order_btn_wrap {
  text-align: center;
  margin: 31px 0 0;
}

#modal_templatedesgin_prev_image .order_btn_wrap a.order_Btn.template_order_Btn {
  width: 188px;
  padding: 6px 10px 6px 10px;
  font-size: 18px;
}

/* -------ユーティリティ---------- */
.hide {
  display: none !important;
}

.disable {
  opacity: 0.5
}

.layer {
  z-index: 150;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* -------注文完了---------- */
#thanks .box-g.Center {
  text-align: left;
}

#thanks p.box-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 7px;
}

/* -------セッションポップアップ--------- */
#timeout_confirm {
  font-size: 15px;
  width: 90%;
  margin: 1.5em auto 0;
  padding: 20px;
  border: 2px solid #aaa;
  background: #fff;
  z-index: 12;
  position: fixed;
  display: none;
}

.timeout_btn_wrap .Btn-main {
  margin: 20px 0 0;
  padding: 10px;
  border: none;
  border-radius: 30px;
}

#timeout_overlay {
  font-size: 15px;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 11;
  display: none;
}