@charset "UTF-8";

/* CSS Document */
/* ===============================================================
# 共通
## レイアウト
## 見出し・タイトル
## ボタン
# ナビゲーション
# ご注文について
## インターネットショッピングからのご注文手順

# ご利用可能な決済方法について
=============================================================== */
/* ===============================================================
 # 共通
=============================================================== */
#page {
  overflow: inherit !important;
}
.hidden {
  display: none !important;
}

.alignl {
  text-align: left;
}

.alignr {
  text-align: right;
}

.alignc {
  text-align: center;
}

.fc_red {
  color: #df0202 !important;
}

.fc_white {
  color: #fff !important;
}

.fw_bold {
  font-weight: bold;
}

.fs_18 {
  font-size: 18px;
}

.fs_14 {
  font-size: 14px;
}

.fs_12 {
  font-size: 12px;
}

.floatr {
  float: right;
}

.shadow_box {
  -webkit-box-shadow: 0 0 5px 0 rgba(74, 27, 26, 0.11);
  box-shadow: 0 0 5px 0 rgba(74, 27, 26, 0.11);
}

.shadow_btn {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}

.box_white {
  background: #fff;
}

.underline {
  text-decoration: underline;
}

.img100 {
  max-width: 100%;
  height: auto;
}

.br_1024 {
  display: none;
}

@media screen and (min-width: 1024px) {
  .box_white {
    padding: 40px;
  }

  .br_1024 {
    display: block;
  }
}

.fc_red a {
  color: #df0202 !important;
  text-decoration: underline;
}

.fc_red a:hover {
  color: #333 !important;
  text-decoration: underline;
}

.bg_red {
  background-color: #df0202 !important;
}

.userguide_att {
  font-size: 14px;
}

.userguide_att li {
  padding-left: 1em;
  text-indent: -1em;
}

.userguide_att_lg {
  font-size: 16px;
}

.text_indent {
  padding-left: 1em;
  text-indent: -1em;
}

.pagetop {
  margin-top: 10px;
}

.pagetop a {
  color: #502708 !important;
}

.list_indent li {
  text-indent: -1em;
  padding-left: 1em;
}

#contents>#contents {
  padding-top: 40px;
}

/* __________ レイアウト __________ */
#userguide {
  padding-bottom: 70px;
  font-size: 18px;
}

.userguide .page-width.w1140 {
  max-width: 1180px;
}

.w820 {
  max-width: 820px;
  margin: 0 auto;
}

.w940 {
  width: 93%;
  max-width: 940px;
  margin: 0 auto;
}

p+.userguide_content_block {
  margin-top: 50px;
}

.userguide_wrap {
  padding: 30px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.userguide_wrap .userguide_left {
  width: 305px;
  position: -webkit-sticky;
  position: sticky;
  height: 100%;
  overflow-y: auto;
  max-height: calc(100dvh - 90px);
}
.userguide_wrap .userguide_left .menu01,
.userguide_wrap .userguide_left .menu02,
.userguide_wrap .userguide_left .menu03,
.userguide_wrap .userguide_left .menu04,
.userguide_wrap .userguide_left .menu05,
.userguide_wrap .userguide_left .menu06,
.userguide_wrap .userguide_left .menu07,
.userguide_wrap .userguide_left .menu08,
.userguide_wrap .userguide_left .menu09,
.userguide_wrap .userguide_left .menu10,
.userguide_wrap .userguide_left .menu11 {
  border-radius: 4px;
  border: 1px solid #cec3b1;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  padding: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  height: 70px;
}

.userguide_wrap .userguide_left .menu01::before,
.userguide_wrap .userguide_left .menu02::before,
.userguide_wrap .userguide_left .menu03::before,
.userguide_wrap .userguide_left .menu04::before,
.userguide_wrap .userguide_left .menu05::before,
.userguide_wrap .userguide_left .menu06::before,
.userguide_wrap .userguide_left .menu07::before,
.userguide_wrap .userguide_left .menu08::before,
.userguide_wrap .userguide_left .menu09::before,
.userguide_wrap .userguide_left .menu10::before,
.userguide_wrap .userguide_left .menu11::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  margin-right: 15px;
}

.userguide_wrap .userguide_left .menu01::before {
  background-image: url('/userguide/img/ico_menu01.png');
  width: 31px;
  height: 25px;
}

.userguide_wrap .userguide_left .menu02::before {
  background-image: url('/userguide/img/ico_menu02.png');
  width: 31px;
  height: 21px;
}

.userguide_wrap .userguide_left .menu03::before {
  background-image: url('/userguide/img/ico_menu03.png');
  width: 29px;
  height: 29px;
}

.userguide_wrap .userguide_left .menu04::before {
  background-image: url('/userguide/img/ico_menu04.png');
  width: 30px;
  height: 31px;
}

.userguide_wrap .userguide_left .menu05::before {
  background-image: url('/userguide/img/ico_menu05.png');
  width: 30px;
  height: 20px;
}

.userguide_wrap .userguide_left .menu06::before {
  background-image: url('/userguide/img/ico_menu06.png');
  width: 34px;
  height: 30px;
}

.userguide_wrap .userguide_left .menu07::before {
  background-image: url('/userguide/img/ico_menu07.png');
  width: 24px;
  height: 40px;
}

.userguide_wrap .userguide_left .menu08::before {
  background-image: url('/userguide/img/ico_menu08.png');
  width: 25px;
  height: 18px;
}

.userguide_wrap .userguide_left .menu09::before {
  background-image: url('/userguide/img/ico_menu09.png');
  width: 30px;
  height: 30px;
}
.userguide_wrap .userguide_left .menu10::before {
  background-image: url('/userguide/img/ico_menu10.png');
  width: 29px;
  height: 29px;
}
.userguide_wrap .userguide_left .menu11::before {
  background-image: url('/userguide/img/ico_menu11.png');
  width: 26px;
  height: 26px;
}

.userguide_wrap .userguide_right {
  width: calc(100% - 330px);
  margin-left: 25px;
}
.userguide_wrap .userguide_left .has_submenu {
  cursor: pointer;
}
.userguide_wrap .userguide_left .submenu {
  margin-bottom: 25px;
  display: none;
}

.userguide_wrap .userguide_left .submenu li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 18px;
}

/*↓↓↓↓2207追加↓↓↓↓*/

.userguide_content+.userguide_content {
  margin-top: 50px;
}

div#order,
div#delivery,
div#payment,
div#refund,
div#coupon,
div#stage {
  margin-bottom: 50px;
}

/*↑↑↑↑2207追加↑↑↑↑*/

.userguide_content_block+.userguide_content_block {
  margin-top: 50px;
}

.flex {
  /*IE10*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex_item_half {
  width: 48.6%;
}

.flex_item_half+.flex_item_half {
  margin-left: auto;
}

/* __________ 見出し・タイトル __________ */
.page_title {
  position: relative;
  padding: 13px 0;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.page_title:before,
.page_title:after {
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: auto;
  border-top: 1px solid #d2c5b8;
  border-bottom: 1px solid #fff;
}

.page_title:before {
  top: 0;
}

.page_title:after {
  bottom: 0;
}

.userguide_content_title {
  /*margin: 0 -26px 30px;
    padding: 7px 20px;*/
  margin-bottom: 25px;
  background: #f5f1ea;
  font-size: 24px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_title::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-size: cover;
  margin-right: 21px;
}

#order .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title01.png');
}

#delivery .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title02.png');
}

#payment .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title03.png');
}

#refund .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title04.png');
}

#coupon .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title05.png');
}

#stage .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title06.png');
}
#benefits .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title07.png');
}
#campaign .userguide_content_title::before {
  background-image: url('/userguide/img/ico_title08.png');
}
.userguide_content_block_title {
  margin-bottom: 20px;
  color: #502708;
  border-bottom: 1px dashed #b9aa92;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}

.userguide_content_block_title.red {
  color: #df0202;
  font-size: 22px;
  border-bottom: solid 3px #df0202;
}

#order,
#delivery,
#payment,
#refund,
#coupon,
#stage {
  /* padding-top: 92px;
  margin-top: -92px; */
}

/*h3#order_web, h3#regularly, h3#coupon, h3#order_other, h3#delivery_detail, h3#postage, h3#creditcard, h3#amazonpay, h3#docomo, h3#cash, h3#later, h3#bankaccount {
    padding-top: 140px;
    margin-top: -140px;
}

/*↓↓↓↓2207追加↓↓↓↓*/

/*h3#order_web, h3#regularly, h3#coupon, h3#order_other, h3#delivery_detail, h3#postage, h3#creditcard, h3#amazonpay, h3#docomo, h3#cash, h3#later, h3#bankaccount {
    padding-top: 140px;
    margin-top: -140px;
}

div#order, div#delivery, div#payment, div#refund, div#faq, div#formmail {
    padding-top: 140px;
    margin-top: -140px;
}

h3#userguide_stage_01, h3#userguide_stage_02 {
    padding-top: 140px;
    margin-top: -140px;
}*/


/*↑↑↑↑2207追加↑↑↑↑*/

/* __________ ボタン __________ */
.btn {
  position: relative;
  border: 0;
  display: block;
  margin: 32px auto 0;
  color: #fff !important;
  background: #c2a883;
  border-radius: 6px !important;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.btn:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #fff;
}

.btn_sm {
  width: 320px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}

.btn_lg {
  width: 400px;
  height: 72px;
  line-height: 72px;
  font-size: 25px;
}

/* ===============================================================
# ナビゲーション
=============================================================== */
.userguide_nav {
  /*IE10*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 22px auto 55px;
  padding: 32px 36px;
  background: url(../img/bg_stripe_brown.gif) repeat 0 0;
  background-size: 1px 2px;
  border-radius: 5px;
}

.userguide_nav a {
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}

.userguide_nav_item {
  width: 100%;
}

.userguide_nav_item dd {
  margin-left: 20px;
}

.userguide_nav_parent:before {
  display: inline-block;
  content: '';
  width: 0;
  height: 0;
  margin-right: 10px;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #f00 transparent transparent transparent;
  vertical-align: middle;
}

.userguide_nav_parent+dd {
  margin-top: 10px;
}

.userguide_nav_child {
  padding-left: 1em;
  text-indent: -1em;
}

.userguide_nav_child+.userguide_nav_child {
  margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .userguide_nav_item+.userguide_nav_item {
    margin-top: 1em;
  }
}

@media screen and (min-width: 1024px) {
  .userguide_nav_item {
    width: 50%;
    margin: 0 0 35px;
  }
}

@media screen and (min-width: 1320px) {
  .userguide_nav_item {
    width: inherit;
    margin: 0 0 72px 80px;
  }

  .userguide_nav_item:nth-child(3n+1) {
    margin-left: 0;
  }
}


/* ===============================================================
 # ご注文について
=============================================================== */
/* __________ インターネットショッピングからのご注文手順 __________ */
.order_web_list {
  margin-bottom: 32px;
}

.order_web_list>li {
  position: relative;
  /*IE10*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*IE*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  background: #faf5e7;
}

.order_web_list>li+li {
  margin-top: 35px;
}

.order_web_list>li:after {
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 15px 20px 0 20px;
  border-style: solid;
  border-color: #c2a883 transparent transparent;
}

.order_web_list>li:last-of-type:after {
  display: none;
}

.order_web_list_img {
  width: 27.8%;
  max-width: 270px;
}

.order_web_list_img img {
  width: 100%;
  height: auto;
}

.order_web_list_text {
  width: 70%;
}

.order_web_list_num {
  position: relative;
  width: 100px;
  height: 40px;
  margin-bottom: 20px;
  color: #fff;
  background: #df0202;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;
}

.order_web_list_num:after {
  position: absolute;
  top: 40px;
  right: 20px;
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 11px 3px 0 3px;
  border-style: solid;
  border-color: #df0202 transparent transparent;
}

/* __________ インターネット以外でのご注文方法について __________ */
.userguide .order_other p {
  margin-bottom: 1em;
}

.userguide .order_other p:last-of-type {
  margin-bottom: 0;
}

.userguide .order_other_list>li {
  /*IE10*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*IE*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.userguide .order_other_list>li+li {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px dashed #b9aa92;
}

.userguide .order_other_list_img {
  width: 13%;
  max-width: 122px;
  margin-right: auto;
}

.userguide .order_other_list_text {
  width: 82.8%;
  max-width: 779px;
}

.userguide .order_other_list_text.how_to_payment {
  display: block;
  padding: 0;
}

.userguide .order_other_list_text.post .contact_panel.supplement {
  position: relative;
  vertical-align: top;
}

.userguide .contact_panel {
  width: 48%;
  /* display: inline-block; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.userguide .contact_panel.supplement {
  margin-right: 3%;
}

.userguide .contact_panel_ttl {
  background: #e78991;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 60px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.userguide .contact_panel.supplement .contact_panel_ttl {
  padding: 7px 10px;
}

.userguide .contact_panel.skincare .contact_panel_ttl {
  padding: 18px 10px;
}

.userguide .contact_panel_txt {
  border-width: 0 3px 3px;
  border-style: solid;
  border-color: #e9dfd1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px;
  /* height: 100%; */
  /* height: calc(100% - 60px); */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.userguide .order_other_list_text.post .contact_panel.supplement .contact_panel_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* box-sizing: content-box; */
  height: 100%;
}

.userguide .order_other_list_text.post .contact_panel.supplement .contact_panel_txt p {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .userguide .order_other_list_text {
    display: block;
  }

  .userguide .contact_panel {
    width: 80%;
    margin-right: auto !important;
    margin-left: auto;
    display: block;
  }

  .userguide .contact_panel+.contact_panel {
    margin-top: 20px;
  }
}

/* __________ ステージ割引とは __________ */
.stage_table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
  margin: 20px auto 30px;
}

.stage_table th:first-of-type {
  width: 18.8%;
}

.stage_table th::not(:first-of-type) {
  width: 19.8%;
}

.stage_table th,
.stage_table td {
  font-weight: bold;
  text-align: center;
}

.stage_table .th01 {
  padding: 12px 0;
  color: #fff;
  background: #f78490;
  font-size: 16px;
}

.stage_table tbody tr:first-of-type th:not(:first-of-type) {
  padding: 20px 0;
  color: #f40000;
  background: #fff;
  font-size: 18px;
  line-height: 1;
}

.stage_table tbody td {
  padding: 8px 0;
}

.fill_color_default {
  background: #fbf5e5;
}

.fill_color_stage_platina {
  background: #d9e8fa;
}

.fill_color_stage_gold {
  background: #ede5d2;
}

.fill_color_stage_silver {
  background: #e5e5e5;
}

.fill_color_stage_bronze {
  background: #f7e5e4;
}

.stage_table .icon img {
  width: 38px;
  margin-right: 10px;
  vertical-align: middle;
}

.stage_table_discount .icon img {
  margin-right: 20px;
}

.stage_table_discount th,
.stage_table_discount td {
  padding: 8px 3px;
}

.stage_table_discount td span {
  font-size: 30px;
}

@media screen and (max-width: 1023px) {
  .stage_table .icon img {
    display: block;
    margin: 0 auto;
  }
}

.stage_icon {
  width: 32px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}

.tax_att {
  float: right;
  font-size: 14px;
  font-weight: normal;
}

.shopping_table {
  width: 100%;
  border-collapse: collapse;
}

.shopping_table th:first-child {
  width: 31.8%;
}

.shopping_table th:not(:first-child) {
  width: 16.4%;
}

.shopping_table th,
.shopping_table td {
  padding: 12px;
  border: 1px solid #ddd6ca;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.shopping_table thead th {
  background: #faf5e7;
}

.shopping_table_discount th,
.shopping_table_discount td {
  color: #df0202;
  background: #fae9e8;
}

.shopping_table_baloon {
  text-align: right;
}

.shopping_table_baloon p {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  padding: 8px;
  color: #fff;
  background: #df0202;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.shopping_table_baloon p:before {
  position: absolute;
  right: 100px;
  top: -12px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #df0202 transparent;
}

.shopping_table_num {
  font-size: 20px;
}

.userguide_stage_anchror_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.userguide_content .userguide_stage_anchror {
  position: relative;
  background: #c7a77e;
  margin: 0 15px;
  padding: 25px 60px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}

.userguide_content .userguide_stage_anchror::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 50%;
  right: 10px;
  border-color: #fff transparent transparent transparent;
  border-width: 10px 7px 0px 7px;
  border-style: solid;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.stage_detail_wrapper {
  margin: 30px auto;
  padding: 30px;
  background: #f3f3f3;
}

@media screen and (min-width: 1024px) {
  .shopping_table_num {
    font-size: 30px;
  }
}

/* ===============================================================
# 商品のお届けについて
=============================================================== */
.delivery_detail_list li {
  padding-left: 1em;
  text-indent: -1em;
}

/* ===============================================================
# ご利用可能な決済方法について
=============================================================== */
.bankaccount_text {
  width: 54%;
  max-width: 550px;
}

.bankaccount_img {
  width: 44%;
  max-width: 445px;
  margin-left: 1%;
}

.bankaccount_h4 {
  height: 55px;
  margin-bottom: 20px;
  color: #fff;
  background: url(../img/bg_stripe_orange.gif) repeat 0 0;
  background-size: 64px 1px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}

.bankaccount_list li {
  margin-bottom: 15px;
}

.bankaccount_list li:last-of-type {
  margin-bottom: 0;
}

.bankaccount_address {
  display: inline-block;
  margin-top: 10px;
  padding: 20px 28px;
  border: 2px solid #c2a883;
}

.bankaccount_address dt {
  font-size: 16px;
  font-weight: bold;
}

.bankaccount_address dd {
  font-size: 16px;
}

.bankaccount_btn_wrap {
  /*IE10*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*IE*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 32px 0 0;
}

.btn_pdf {
  width: 350px;
  height: 60px;
  margin: 0 25px 0 0;
  padding-right: 14px;
  font-size: 20px;
  line-height: 60px;
}

.btn_pdf img {
  margin-right: 10px;
  vertical-align: middle;
}

.btn_adobe:hover {
  opacity: .7;
}

/* ===============================================================
# 送料について
=============================================================== */

/*.postage_notice {display: inline-block;margin: 10px;padding: 20px 28px;border: 2px solid #df0202; text-align: center;}*/
.postage_notice {
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 10px;
  padding: 20px 28px;
  border: 2px solid #df0202;
}

.postage_a {
  color: #0000ff !important;
  text-decoration: underline !important;
}


#postage {
  margin-top: -220px;
  padding-top: 220px;
}

.userguide_content_block .userguide_stage_anchror_wrapper .btn_guide2023 {
  padding-left: 100px;
}

.userguide_content_block .userguide_stage_anchror_wrapper .btn_guide2023::before {
  padding: 0;
  margin: 0;
  content: "NEW";
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: #fff;
  color: #df0202;
  border-radius: 50%;
  position: absolute;
  left: 32px;
  top: 16px;
  font-size: 0.875rem;
  padding-top: 16px;
  text-align: center;
}

.userguide_content_block .guide2023_title {
  margin-bottom: 24px;
}

.userguide_content_block .center {
  width: 80%;
  text-align: center;
  margin: 16px auto 24px auto;
  font-size: 1.375rem;
}

.userguide_content_block .userguide_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  width: 85%;
  margin: 0 auto;
}

.userguide_content_block .userguide_tit::after {
  display: block;
  content: "";
  width: calc(100% - 24px);
  height: 0;
  border-bottom: 1px solid #c7a77e;
  position: absolute;
  bottom: 16px;
  left: 24px;
}

.userguide_content_block .userguide_tit .icon {
  display: block;
  background-color: #c7a77e;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: relative;
}

.userguide_content_block .userguide_tit .icon span {
  position: absolute;
  width: 100%;
  top: 24px;
  left: 0;
  text-align: center;
  color: #fff;
  font-size: 1rem;
}

.userguide_content_block .userguide_tit .icon::after {
  display: block;
  content: "";
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 16px;
  left: 0;
}

.userguide_content_block .userguide_tit .title {
  width: calc(100% - 140px);
  font-size: 1.75rem;
  text-align: center;
  margin-left: -40px;
  padding-bottom: 32px;
  color: #df0202;
}

.userguide_content_block .tit_01 .icon::after {
  background-image: url(../img/guide2023_ico01.png);
  aspect-ratio: 1.38;
}

.userguide_content_block .tit_02 .icon::after {
  background-image: url(../img/guide2023_ico02.png);
  aspect-ratio: 2.27;
}

.userguide_content_block .tit_03 .icon::after {
  background-image: url(../img/guide2023_ico03.png);
  aspect-ratio: 1.4;
}

.userguide_content_block .tit_01 .title {
  line-height: 0.7;
}

.userguide_content_block .tit_01 span {
  color: #000;
  font-size: 0.875rem;
}

.userguide_content_block .tit_02 span,
.userguide_content_block .tit_03 span {
  color: #000;
  font-size: 1.5rem;
}

.userguide_content_block .s01 {
  background-color: #dde8ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_block .s01::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/shared/modal/stage/img/icon_stage_diamond_modal.png);
  width: 38px;
  height: 43px;
  background-size: cover;
  margin-right: 12px;
}

.userguide_content_block .s02 {
  background-color: #ddf8ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_block .s02::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/shared/modal/stage/img/icon_stage_platina_modal.png);
  width: 38px;
  height: 43px;
  background-size: cover;
  margin-right: 36px;
}

.userguide_content_block .s03 {
  background-color: #fff2c7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_block .s03::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/shared/modal/stage/img/icon_stage_gold_modal.png);
  width: 38px;
  height: 43px;
  background-size: cover;
  margin-right: 37px;
}

.userguide_content_block .s04 {
  background-color: #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_block .s04::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/shared/modal/stage/img/icon_stage_silver_modal.png);
  width: 38px;
  height: 43px;
  background-size: cover;
  margin-right: 36px;
}

.userguide_content_block .s05 {
  background-color: #ffe7d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.userguide_content_block .s05::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(/shared/modal/stage/img/icon_stage_bronze_modal.png);
  width: 38px;
  height: 43px;
  background-size: cover;
  margin-right: 36px;
}

.userguide_content_block .guide2023_tbl01 {
  width: 100%;
  margin: 24px auto;
  text-align: center;
  border: 1px solid #cccccc;
  border-collapse: collapse;
}

.userguide_content_block .guide2023_tbl01 .stage,
.userguide_content_block .guide2023_tbl01 .price {
  width: 50%;
}

.userguide_content_block .guide2023_tbl01 tr,
.userguide_content_block .guide2023_tbl01 td {
  border: 1px solid #cccccc;
}

.userguide_content_block .guide2023_tbl01 td {
  padding: 8px 0;
  font-size: 24px;
}

.userguide_content_block .guide2023_tbl01 td span {
  font-size: 18px;
}

.userguide_content_block .guide2023_tbl01 td.s01,
.userguide_content_block .guide2023_tbl01 td.s02,
.userguide_content_block .guide2023_tbl01 td.s03,
.userguide_content_block .guide2023_tbl01 td.s04,
.userguide_content_block .guide2023_tbl01 td.s05 {
  border: none;
}

.userguide_content_block .guide2023_tbl01 .guide2023_tbl_title {
  border-top: 1px solid #cccccc;
  background-color: #c7a77e;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.userguide_content_block .guide2023_tbl02 {
  width: 100%;
  margin: 24px auto;
  text-align: center;
  border: 1px solid #cccccc;
  border-collapse: collapse;
}

.userguide_content_block .guide2023_tbl02 tr,
.userguide_content_block .guide2023_tbl02 td {
  border: 1px solid #cccccc;
}

.userguide_content_block .guide2023_tbl02 td {
  padding: 8px 0;
  font-size: 28px;
}

.userguide_content_block .guide2023_tbl02 td span {
  font-size: 20px;
}

.userguide_content_block .guide2023_tbl02 td.s01,
.userguide_content_block .guide2023_tbl02 td.s02,
.userguide_content_block .guide2023_tbl02 td.s03,
.userguide_content_block .guide2023_tbl02 td.s04,
.userguide_content_block .guide2023_tbl02 td.s05 {
  border: none;
  font-size: 24px;
}

.userguide_content_block .guide2023_tbl02 .guide2023_tbl_title {
  width: 50%;
  background-color: #c7a77e;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.userguide_content_block .guide2023_tbl02 .guide2023_tbl_title02 {
  background-color: #faf5e7;
  border: 1px solid #c7a77e;
  font-size: 20px;
}
.userguide_content_block a {
  text-decoration: underline;
}
.w940 {
  width: 98%;
  margin: 0 auto;
}

.title01 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 14px 0;
  border: 1px solid #c7a77e;
  border-bottom: 0;
  background-color: #5e381b;
}

.img01 {
  border: 1px solid #c7a77e;
  padding: 31px 90px;
  margin-bottom: 60px;
}

.img01 img {
  max-width: 100%;
}

.mb_txt {
  margin-bottom: 34px;
}

.small {
  font-size: 14px;
}

.txt_r {
  text-align: right;
}

.mypage_txt {
  text-align: center;
  font-size: 22px;
  margin-top: 20px;
}

.mypage_link .btn {
  margin-top: 20px;
  text-decoration: none;
}

.userguide_content_block {
  font-size: 16px !important;
}
#benefits p a {
  text-decoration: underline;
}
#campaign .userguide_att {
  font-size: 16px;
  font-weight: normal;
}
#campaign .userguide_att li {
  padding-left: 0;
  text-indent: 0;
}
#campaign .userguide_att li a {
  text-decoration: underline;
}
#campaign .campaign_txt_box {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
#campaign .campaign_txt_box div:not(.txt) {
  width: 350px;
}
#campaign .campaign_txt_box div:not(.txt) img {
  width: 100%;
}
#campaign .campaign_txt_box div.txt {
  width: calc( 100% - 400px - 16px );
  font-size: 16px;
  font-weight: normal;
}
#campaign .campaign_txt_box div.txt .userguide_att {
  font-size: 12px;
}