@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
/* 基本設定
 *----------------------------------------------------------------------*/
html {
  font-size: 62.3%;
}

body {
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp_only {
  display: none;
}

#sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
}

#sysWrap {
  padding: 0;
  overflow: hidden;
}

#sysHeader {
  margin: 0;
  padding: 0;
}

div#sysMain {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#sysAside {
  display: none;
  float: none;
  padding: 0;
}

#sysFooter {
  margin: 0;
  padding: 0;
}

#top #sysWrap {
  margin-top: 0;
}

.sysContent {
  padding: 0 !important;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  letter-spacing: inherit;
}

a {
  text-decoration: none;
  font-weight: inherit;
}

img {
  vertical-align: bottom;
  /*you kakunin*/
  height: auto;
}

a:hover img {
  opacity: 0.5;
}

a:hover img.nohover {
  opacity: 1;
}

p {
  margin: 10px auto;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* フォーム要素の基本レイアウト */
/* 検索ボックス */
.search_bx form {
  overflow: hidden;
  border: 1px solid #dddddd;
}

.search_bx .sysItemSearchFormWord {
  float: left;
  width: 70%;
}

.search_bx input[type=search] {
  height: 40px;
  border: none;
  padding: 5px;
  width: 100%;
}

.search_bx .sysSearchButton {
  overflow: hidden;
  float: left;
  display: block;
  width: 30%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  border-radius: 0px;
  border: none;
  background: #222222 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

/* submitボタンの調整 */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
  background: #666;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-shadow: none;
  border-color: transparent;
  border-radius: 3px;
  width: 80%;
  height: 50px;
  margin: 0 auto;
}

/* 商品カテゴリページ */
.sysFuncItemCategory a {
  line-height: 1.75;
}

.sysFuncItemCategory a:hover {
  background: #eee;
}

#sysItemCategory h1.itemCategory {
  margin-left: 5px;
  border-left: 5px solid #222222;
  padding-left: 10px;
  font-size: 18px;
  margin: 20px 0 10px;
}

.sysSelectionDescription {
  margin: 2px 0 10px;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
  font-size: small;
}

.sysItemCategoryCtl a {
  display: inline-block;
  padding: 2px 4px;
  background: #ddd;
  border: 1px solid #999;
  border-radius: 3px;
  text-decoration: none;
  margin: 2px 0;
}

/* PRアイコン設定 */
.sysItemPr {
  font-size: small;
  padding: 0 5px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
}

/*PRアイコン(商品詳細ページ)*/
.sysPr span {
  width: 24%;
  padding: 3px 10px;
  color: #222222;
  font-weight: bold;
  font-size: 13px;
  border-radius: 15px;
  margin: 0 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

span.icon_online, span.icon_kyobashi {
  display: inline-block;
  background: #ff1000;
  border: 3px solid #ff1000;
  color: #fff;
}

span.icon_book {
  display: inline-block;
  border: 3px solid #ff1000;
  color: #ff1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.icon_chilled {
  display: inline-block;
  background: #4472c4;
  border: 3px solid #4472c4;
  color: #fff;
  text-indent: 0.5em;
  letter-spacing: 0.5em;
}

/* カートボタン */
.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #222222;
  color: #fff;
  cursor: pointer;
}

.sysCartButton:hover {
  background: #999;
}

/* アーカイブリスト */
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}

/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.sysItemList ul.sysThumbnail {
  letter-spacing: -0.4em;
}

.sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}

/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #da4636;
  border-radius: 3px;
}

/* お気に入り登録時の画面 */
/* バツボタン */
.modaal-close {
  width: 50px;
  height: 50px;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 0;
  border: 1px solid #da4636 !important;
  background-color: #fff;
}

.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 0.3px !important;
  left: 8px !important;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #da4636 !important;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

@media (min-width: 1024px) {
  .modaal-close {
    width: 44px;
    height: 44px;
    right: 30px;
    top: 30px;
  }
  button, input, optgroup, select, textarea {
    font: inherit;
  }
}
/* サンプルイメージ */
.mdl-dialog__image::before {
  content: "お気に入り登録完了";
  margin-bottom: 15px;
  display: block;
  text-align: center;
  font-size: 1.3rem;
}

.mdl-dialog__image {
  width: 88.81%;
  max-width: 250px;
  margin: auto;
}

.massage {
  text-align: center;
}

/* ログインボタン */
.sysWishlistLoginButton {
  width: 167px;
  /* height: 35px; */
  line-height: 35px;
  position: relative;
  background-color: #da4636;
  text-align: center;
  font-size: 1.3rem;
  transition: 0.2s;
  color: #fff;
}

.sysWishlistLoginGroup {
  margin: auto auto 30px !important;
  text-align: center;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
  background-repeat: no-repeat;
  box-sizing: inherit;
}

@media (min-width: 1024px) {
  .mdl-dialog__content {
    padding: 0 0 30px;
    font-size: 1.6rem;
  }
}
/* 会員登録ボタン */
.sysWishlistMemberRegisterGroup::before {
  content: "会員登録をされていないお客様はこちら";
  margin-top: 12px;
  display: block;
  font-size: 1.1rem;
  text-align: center;
}

.sysWishlistMemberRegisterGroup {
  width: 80%;
  text-align: center;
  height: 92px;
  border: 1px solid #bbb;
  position: relative;
  background-color: #fff;
  margin: auto auto 30px !important;
}

.sysWishlistMemberRegistButton {
  width: 167px;
  /* height: 35px; */
  line-height: 35px;
  position: relative;
  background-color: #da4636;
  text-align: center;
  font-size: 1.3rem;
  transition: 0.2s;
  color: #fff;
}

/* この画面を閉じるボタン */
.sysWishlistCloseBottomButtonGroup button {
  border-bottom: 1px solid #da4636;
  transition: 0.2s;
  background-color: transparent;
  border-radius: 0px;
}

.sysWishlistCloseBottomButtonGroup {
  margin-top: 30px;
  text-align: right;
  font-size: 1.3rem;
}

/*SNSボタン*/
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}

#sysItemDetail .sysShare .sysFacebook {
  position: relative;
  top: 2px;
}

#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}

#sysItemDetail .sysShare .sysLine, #sysItemDetail .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}

#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
}

/***********************************
  カートページ
***********************************/
/*カートページ内レイアウト調整*/
.sysCart .sysBox, .sysCart .sysSelectPaymentArea,
.sysCart .sysSelectDeliveryArea, .sysCart .sysRemarksArea,
.sysCart .sysSelectOptionArea, .sysCart .sysDetail,
.sysCart .sysOrder .nav,
.sysCart .sysAcceptDomainArea,
.sysCart .sysRepeatOrderSetting {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  box-shadow: none;
  margin: 1em auto 2em;
  padding: 1em;
}

.sysCart .sysBox hr {
  display: block;
  border: 0;
  height: 0;
  border-bottom: 1px solid #cfcfcf;
  margin: 5px 0;
  padding: 0;
}

.sysCart #sysMain input[type=text],
.sysCart #sysMain input[type=password],
.sysCart #sysMain input[type=email],
.sysCart #sysMain input[type=number],
.sysCart #sysMain input[type=tel],
.sysCart #sysMain input[type=search],
.sysCart #sysMain textarea {
  background: none;
  border-radius: 0;
  border: 1px solid #dddddd;
}

.sysCart .sysTotalTxt {
  text-shadow: none;
}

.sysTotal .sysTotalTxt .sysCartAttention {
  font-size: 2rem;
}

.sysCart .sysSubTotalArea {
  margin: 10px 0;
}

.sysCart .sysNextSubmitArea {
  margin-bottom: 20px;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636;
  border: none;
}

.sysCart .sysCartAttention, .sysCart .sysRequired {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysGetPoint {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}

.sysCart .sysCartTitle {
  color: #000;
  font-size: large;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 2-px;
}

.sysCart .sysCartTitle span {
  font-size: 1.2rem;
}

.sysCart #sysMain input {
  background: #fff;
}

.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sysCart .sysDeleteArea, .sysCart .sysConfirmButton {
  text-align: right;
}

.sysCart .sysNavImg {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.sysCart .sysFreeArea {
  color: #000;
  margin: 20px 0;
}

.sysSelectPayment li:last-child,
.sysSelectDelivery li:last-child,
.sysSelectOption li:last-child,
.sysCart .sysDetail li:last-child,
.sysRemarks, .sysCart .sysOrder .nav li:last-child {
  border-bottom: none;
}

.sysCart .sysAcceptDomainArea input {
  padding: 0 10px;
}

.sysCart .cart_btn {
  color: #000;
  text-align: center;
  margin-top: 40px;
}

.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}

.sysCart .cart_btn .btn {
  margin-top: 5px;
}

.sysCart .cart_btn img {
  width: 200px;
  border: 1px solid #d0d0d0;
}

.sysCart #sysMain .sysConfirmButton input[type=submit] {
  width: auto;
}

.sysCart #sysMain select {
  display: inline-block;
}

.sysCart .sysBtnChange {
  margin-bottom: 10px;
}

/*登録せずに購入*/
#sysBillingAddress .input-append input[type=text] {
  display: inline-block;
}

/*都道府県*/
#sysBillingAddress .sysPrefState select {
  width: 200px;
}

/*性別*/
#sysBillingAddress .sysGender {
  margin-bottom: 20px;
}

#sysBillingAddress .sysGender input {
  vertical-align: middle;
}

#sysBillingAddress .sysGender label {
  display: inline-block;
  margin-right: 20px;
}

/*メルマガ*/
#sysBillingAddress .sysAcceptMailmagazine {
  margin-bottom: 20px;
}

/*注文完了ページ*/
.cart_completion {
  text-align: center;
}

/*ご注文番号*/
#sysThanks #sysMain .sysOrderNumber {
  font-size: 1.5rem;
  font-weight: bold;
}

/*お買い物を続ける*/
body#sysBasket .sysBackButton2 {
  font-weight: bold;
  background: #b4f4ff;
  border-color: #000;
}

/***********************************
  ワンページカート
***********************************/
.mdl_btn_.opcDialog, form.opcUseAmazon {
  width: 100%;
  padding-right: 0;
}

.sysCart #sysMain h3 {
  font-size: 20px;
}

.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit {
  display: block;
  width: 100%;
  padding: 15px 10px;
  margin: 5px 0;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  background: #da4636;
}

.sysCart #sysMain #show-dlg-2,
.sysCart #sysMain #show-dlg-3 {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0 0 30px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  background: #000;
}

.sysCart #sysMain #show-dlg-3 {
  color: #fff;
  background: #da4636;
}

.sysCart #sysMain .next_btn {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  border: none;
  background: #000;
}

.sysCart #sysMain #order_price_confirm_btn {
  color: #fff;
  width: 100%;
  box-shadow: none;
  background: #000;
}

.sysCart #sysMain .mdl-js-button {
  box-shadow: none;
}

.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr {
  line-height: 1;
  border: none;
  background: #000;
}

.sysCart #sysMain p.user_type {
  font-size: 1.2rem;
}

.sysOpcProduct .sysOpcItemName {
  font-size: 1.2rem;
}

/*情報入力ページ調整*/
.sysOpcBody div#sysWrap {
  margin: 0 auto;
}

.sysOpcBody div#sysMain {
  padding: 3em 200px 0;
  margin-bottom: 60px;
}

.sysOpcBody .header_wrap {
  height: auto;
  position: static;
  border-bottom: none;
}

.sysOpcBody .header_h1_under a {
  pointer-events: none;
}

.sysOpcBody .footer .f_gnav_all {
  display: none;
}

input[type=button],
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
}

select {
  padding: 0 0.5em;
}

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

.opcCommonInputText,
.opcCommonInputSelect,
.opcCommonInputRadio,
.opcCommonInputCheckbox {
  margin-left: 0;
}

.opcCommonEditModeBlock {
  background: #fff;
  padding: 0;
  border: none;
}

.opcOrderSummaryTitle,
.opcBillingAddressTitle,
.opcDeliveryAddressTitle,
.opcItemTitle,
.opcPaymentMethodTitle {
  font-size: large;
  margin-bottom: 0.5em;
}

.opcItem {
  padding: 3%;
  border: 1px solid #9b9b9b;
  margin-top: 10px;
}

.opcCommonInputSelect,
.opcCommonButton {
  /*width: 100px;*/
  background: #fff;
}

.opcCommonInputSelect {
  background: #f1f1f1;
}

.opcBillingAddress_completeButton_edit,
.opcDeliveryMethod_completeButton_edit,
.opcPaymentMethod_completeButton_edit,
.opcItem_completeButton_edit,
.opcDeliveryAddress_completeButton_edit,
.opcPointAndCouponDialog_applyButton_edit,
.opcRemarks_completeButton_edit {
  background: #da4636;
  border: 1px solid #da4636;
  color: #fff;
  font-weight: bold;
}

.opcConfirm_inputStatus {
  display: block;
  width: 700px;
  margin: 0 auto 1em;
  background: #da4636;
  color: #fff;
  border: 1px solid #da4636;
  font-weight: bold;
}

.opcConfirm_inputStatus_disable {
  display: block;
  width: 700px;
  margin: 0 auto 1em;
  background: #ccc;
  color: #000;
}

.opcConfirm_order {
  display: block;
  width: 700px;
  margin: 0 auto;
  background: #da4636;
  color: #fff;
  border: 1px solid #da4636;
  font-weight: bold;
}

.opcConfirm_order_disable {
  display: block;
  width: 700px;
  margin: 0 auto;
  background: #ccc;
  color: #000;
}

.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit {
  width: 30px;
  background: #f1f1f1;
}

.opcCommonButtonGroup {
  margin-top: 1em;
}

.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit {
  width: 15%;
}

.opcBillingAddress_acceptMailmagazineYesLabel_edit {
  margin-top: 1em;
  display: inline-block;
}

.opcOrderSummary_totalPriceAndLabelGroup {
  padding-bottom: 10px;
}

.opcOrderSummary_priceBreakDownGroup {
  padding-top: 1em;
  padding-bottom: 1em;
}

.opcOrderSummary_feeAndLabelGroup,
.opcOrderSummary_usePointPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.opcBillingAddress_prefState_edit {
  margin: 5px 0;
}

.opcBillingAddressButtonGroup_edit,
.opcDeliveryAddress_buttonGroup,
.opcDeliveryMethod_buttonGroup_edit {
  padding: 1em 0;
}

.opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit,
.opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
  margin-bottom: 1em;
}

.opcItem_itemSubTotalPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.opcDeliveryAddressAndDeliveryMethodGroup,
.opcItemList {
  margin-bottom: 0;
  border: none;
  padding: 0;
  position: static;
}

.opcBillingAddress .opcCommonReferenceLabel {
  width: 70px;
  display: inline-block;
  position: relative;
}

.opcBillingAddress .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcDeliveryMethod .opcCommonReferenceLabel {
  width: 123px;
  display: inline-block;
  position: relative;
}

.opcDeliveryMethod .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcCommonRequireLabel {
  color: #da4636;
  font-weight: bold;
}

.opcRemarks_remark_edit {
  width: 100%;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
}

.opcDeliveryAddressEditDialog_directChangeLabel {
  width: 100%;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
  width: calc(32% - 1em);
}

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

.opcConfirm_headerErrorMessage {
  width: 100%;
  max-width: 800px;
}

.opcRemarks_remark,
.opcRemarks_cartOption {
  margin-left: 0;
  width: 100%;
  white-space: normal;
}

#sysOpc > form + div {
  margin-bottom: 60px;
}

.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
  padding-left: 0;
  margin-left: 0;
  border-bottom: none;
}

.opcDeliveryAddress {
  border-bottom: 1px solid #9b9b9b;
  margin-bottom: 1em;
}

.opcDeliveryMethod_hopeDeliveryDateLabel_edit {
  width: 126px;
  display: inline-block;
}

/*完了ページ調整*/
#sysThanks #sysMain {
  border: none;
}

#sysThanks .sysNavImg {
  display: none;
}

#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(1),
#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(2) {
  margin-bottom: 1em;
}

/***********************************
  検索ページ
***********************************/
#sysItemSearch div#sysMain {
  max-width: 980px;
  margin: 20px auto 40px;
}

#sysItemSearch .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}

#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}

#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}

#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}

#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
}

#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #222222;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit {
  display: inline-block;
  margin: 5px auto;
}

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

/***********************************
  お問い合わせ
***********************************/
#sysFormConfirm .sysNextSubmit {
  width: 100%;
  margin: 20px 0 0;
}

#sysFormConfirm button.sysButton {
  width: 30%;
  margin-bottom: 20px;
}

/***********************************
  新規会員登録
***********************************/
/***********************************
  マイページ
***********************************/
/***********************************
  ヘッダー
***********************************/
/***********************************
  カート情報
***********************************/
/* カート内商品数表示 */
button.itemCount {
  display: none;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  color: #222222;
  background: #fff;
  border-radius: 10px;
}

/***********************************
  ナビゲーション
***********************************/
#headNavigation {
  max-width: 1100px;
  margin: 0 auto;
  height: 60px;
}

#headNavigation .pcnone {
  display: none;
}

#headNavigation li.tab1 {
  width: 220px;
  float: left;
  text-align: center;
}

#headNavigation li a {
  display: block;
  font-weight: 700;
}

#headNavigation li a span {
  display: block;
  font-size: 10px;
}

.tabmenu .border:after {
  background-color: #000;
  content: " ";
  height: 15px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 42px;
  width: 1px;
}

/*ナビゲーショントグル*/
.tabmenu:before {
  display: block;
  content: "";
  clear: both;
}

.tabmenu {
  margin: 10px 0 0;
}

.toggleNav {
  display: none;
  width: 220px;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 50px;
  left: 0;
  background: rgb(255, 255, 255);
  z-index: 110;
  box-shadow: 2px 2px 4px 0px #ccc;
  -moz-box-shadow: 2px 2px 4px 0px #ccc;
  -webkit-box-shadow: 2px 2px 4px 0px #ccc;
}

.toggleNav:hover {
  overflow: visible;
}

.tabmenu li.tab1 {
  position: relative;
}

.tabmenu li.tab1 a {
  font-size: 14px;
}

.tabmenu li.tab2 {
  text-align: left;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  position: relative;
}

.tabmenu li.tab2:hover {
  background: #ededed;
}

.tabmenu li.tab2 a {
  display: block;
  position: relative;
  padding: 10px;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}

.tabmenu li.tab2 a i {
  position: absolute;
  right: 10px;
  top: 10px;
}

.tabmenu li.tab2 .subCategory {
  position: absolute;
  width: 200px;
  left: 200px;
  top: 0px;
  background: rgb(255, 255, 255);
  visibility: hidden;
  transition: all 0.1s ease;
  z-index: 120;
  box-shadow: 2px 2px 4px 0px #ccc;
  -moz-box-shadow: 2px 2px 4px 0px #ccc;
  -webkit-box-shadow: 2px 2px 4px 0px #ccc;
}

.tabmenu li.tab2:hover .subCategory {
  visibility: visible;
}

.tabmenu li.tab3 {
  font-size: 14px;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}

.tabmenu li.tab3:hover {
  background: #ededed;
}

/***********************************
  フッター
***********************************/
.footer {
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
  background: #ededed;
  letter-spacing: 2px;
}

.footer .f_navi_all {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 0;
}

.footer .f_navi h3 {
  margin: 10px 0 0;
  font-size: 15px;
}

.footer .f_navi ul {
  width: 671px;
  text-align: left;
  margin: 0 auto;
}

.footer .f_navi li {
  display: inline-block;
  padding: 0 15px 0 5px;
  margin: 10px 5px 0;
  font-size: 15px;
  position: relative;
}

.footer .f_navi li:after {
  background-color: #000;
  content: "　";
  height: 10px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 41px;
  width: 1px;
}

.footer .f_navi .b_none {
  border-right: 0px;
}

.footer .telephone {
  margin: 20px 0 5px;
}

.footer .telephone .telephone01 {
  width: 250px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #000;
  border-radius: 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}

.footer .telephone .telephone02 {
  width: 300px;
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
}

.footer .telephone .telephone02 a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 25px;
}

.footer .telephone .telephone02 a img {
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}

.footer .telephone:after {
  display: block;
  content: "";
  clear: both;
}

.footer .time {
  font-size: 15px;
  margin: 0 0 10px;
}

.footer .f_gnav_all {
  background: #c3c3c3;
  padding: 15px 0 10px;
  letter-spacing: 2px;
}

.footer .f_gnav li {
  display: inline-block;
  padding: 0px 20px 0 15px;
  font-size: 12px;
  position: relative;
}

.footer .f_gnav li:after {
  background-color: #000;
  content: "　";
  height: 10px;
  margin-top: -35px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 1px;
}

.footer .f_gnav li:last-child {
  border-right: 0px;
}

.footer .f_gnav {
  margin-bottom: 5px;
}

.footer .f_copy {
  background: #fff;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}

/***********************************
  フッター部分のご利用ガイド
***********************************/
.f_guide {
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 50px;
}

.f_guide .sysContent {
  width: 1100px;
  margin: 0 auto;
}

.f_guide .Title {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 30px;
}

.f_guide .clearfix {
  font-size: 0;
}

.f_guide .guideBlock {
  display: inline-block;
  width: 550px;
  font-size: 14px;
  vertical-align: top;
}

.f_guide .guideBlock:after {
  display: block;
  content: "";
  clear: both;
}

.f_guide .guide01 {
  padding-right: 50px;
}

.f_guide .guide02 {
  padding-left: 50px;
}

.f_guide .guideTitle {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 15px;
  margin-bottom: 10px;
}

.f_guide p {
  font-size: 15px;
  line-height: 22px;
  margin: 5px 0;
}

.f_guide .mt {
  margin-top: 20px;
}

.f_guide .smaller {
  font-size: 12px;
}

.f_guide .freedial {
  background: rgba(0, 0, 0, 0) url("/img/common/dial.png") no-repeat scroll left center/45px auto;
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 50px;
}

/*ボタン*/
.f_guide .common_btn {
  margin: 10px auto;
}

.f_guide .common_btn a {
  font-size: 13px;
  padding: 10px 0;
}

/* ページトップに戻る*/
.pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  text-align: center;
  z-index: 999999;
}

.pagetop #page-top {
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background: #000;
  border-radius: 5px;
  padding-top: 4px;
  height: 51px;
}

.pagetop #page-top:hover {
  background: #999;
}

/***********************************
  サイド
***********************************/
/*検索ボックス*/
.side_search {
  margin-bottom: 30px;
}

.side_search form {
  border: none;
}

.side_search input[type=search] {
  height: 40px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}

.side_search .sysItemSearchFormWord {
  float: none;
  width: 100%;
  margin-bottom: 5px;
}

.side_search .sysSearchButton {
  float: none;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #000 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  text-indent: -999px;
}

.side_navi .sysHeadline,
.side_navi_item .sysHeadline {
  font-size: 14px;
  margin: 0;
  text-align: left;
  font-weight: bold;
  letter-spacing: 2px;
  width: auto;
  border-bottom: 1px solid #222222;
}

.side_navi .sysHeadline:before,
.side_navi_item .sysHeadline:before {
  content: none;
}

.side_navi a {
  position: relative;
  padding: 7px 5px 7px 20px;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd;
}

.side_navi a:after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: ">";
  font-size: 14px;
}

.side_navi a:hover {
  background: #eee;
}

.side_navi {
  margin-bottom: 30px;
}

/*商品別*/
.side_navi_item {
  margin-bottom: 0;
  border-bottom: 1px solid #000;
}

.side_navi_item .sysHeadline,
.side_navi_item .sysContent {
  width: 90%;
  margin-left: auto;
}

.side_navi_item a {
  position: relative;
  padding: 7px 5px;
  letter-spacing: 1px;
  border-bottom: 1px dotted #cdcdcd;
}

.side_navi_item a:after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: ">";
  font-size: 14px;
}

.side_navi_item li:last-child a {
  border-bottom: none;
}

.side_navi_item .sysHeadline {
  font-size: 13px;
  padding: 0;
  border-bottom: 1px dotted #cdcdcd;
}

.side_navi_item .sysHeadline a {
  display: block;
  border-bottom: none;
}

/*お買い物ガイド 最後2つ*/
.side_navi_guide li:nth-last-child(1),
.side_navi_guide li:nth-last-child(2) {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #222222;
  margin-bottom: 10px;
}

.side_navi_guide li:nth-last-child(1) a,
.side_navi_guide li:nth-last-child(2) a {
  padding: 7px 5px;
  border: none;
}

.side_navi_guide li:nth-last-child(1) a:hover,
.side_navi_guide li:nth-last-child(2) a:hover {
  background-color: #fff;
}

.side_navi_guide li:nth-last-child(3) {
  margin-bottom: 10px;
}

/***********************************
  共通パーツ
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}

/*RW編集20241226*/
/*RW編集二 20241226*/
.sysTitle::before, .sysFuncItemBlock .sysHeadline::before, .sysFuncBanner .sysHeadline::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.contentsWrap {
  width: 1100px;
  margin: 0 auto;
}

/***********************************
  特商法テーブルレイアウト
***********************************/
#main_tradelaw, .main_tradelaw {
  border: 1px solid #ddd;
  margin: 0 auto 30px;
  max-width: 1100px;
}

#main_tradelaw dl, .main_tradelaw dl {
  background: #ededed;
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
}

#main_tradelaw dl:last-child, .main_tradelaw dl:last-child {
  border: 0px;
}

#main_tradelaw dt, .main_tradelaw dt {
  padding: 15px 0 15px 20px;
  float: left;
  clear: both;
  font-weight: bolder;
}

#main_tradelaw dd, .main_tradelaw dd {
  margin-left: 200px;
  padding: 15px;
  background: #fff;
}

.shipFee {
  max-width: 1100px;
  margin: 20px auto;
}

.shipFee .tableTitle {
  font-size: 16px;
  height: 70px;
  padding: 10px;
  color: #424242;
  margin: 50px 0 0px;
  border: 0px;
  text-align: leftr;
}

table.shipFeeTable {
  border-collapse: collapse;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.5;
  text-align: center;
}

table.shipFeeTable .eyeCatch {
  width: 120px;
  display: block;
  margin: 5px auto;
  height: 25px;
  line-height: 25px;
  color: #000;
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
}

table.shipFeeTable thead {
  background: #555;
  text-align: center;
}

.spThead {
  display: none;
}

table.shipFeeTable thead th {
  padding: 10px;
  vertical-align: top;
  font-weight: normal;
  color: #fff;
}

table.shipFeeTable tbody .sum {
  position: relative;
}

table.shipFeeTable tbody .sum i {
  position: absolute;
  color: #888;
  font-size: 35px;
  right: -15px;
  bottom: 30px;
  z-index: 20;
}

table.shipFeeTable tbody th {
  width: 600px;
  padding: 10px;
  vertical-align: top;
  background: #fff;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table.shipFeeTable td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

table.shipFeeTable b {
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}

div#main_tradelaw a {
  display: inline-block;
  color: #068acc;
  text-decoration: underline;
}

/*クロネコペイボタン装飾調整*/
div#kuronekoPayFlex {
  margin-right: 21px;
}

.sysCart #sysMain #kuronekoPayFlex button img {
  margin-top: -11px;
}

.sysCart #sysMain button#kmid-login-subwindow-launch,
.sysCart #sysMain button[onclick="Sys('#kmid-login-subwindow-launch').click()"] {
  padding: 10px 0px 0px 0px;
}

.sysConfirmButton input#open_dlg_edit_customer_info {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*ソーシャルギフト*/
.opcSocialGiftLetter_message_edit {
  height: 200px;
}

.opcSocialGiftLetter_letterImagePreviewAndMessageGroup_edit {
  width: 80%;
}

.opcSocialGiftLetter_letterImageAndTitleGroup_edit {
  width: 20%;
  float: left;
  margin-right: 10px;
}

.opcSocialGiftLetter_messageTitleAndMessageGroup_edit {
  clear: both;
}

input.opcSocialGiftLetter_letterImageId_edit.opcCommonInputRadio:checked ~ .opcSocialGiftLetter_imageUrlGroup_edit {
  border: 3px solid #c03d3d;
}

.opcSocialGiftLetter_letterImageId_edit, .opcSocialGiftLetter_letterImageIdTitle_edit {
  display: none;
}

.sysSocialGiftReceiveUrlSendLineButton {
  background: #00B900 !important;
  color: #fff !important;
  border: none !important;
}

.sysSocialGiftReceiveGiftLetterArea {
  width: 70%;
  border: 1px solid #999;
  border-radius: 5px;
  margin: 0 auto;
}

.sysSocialGiftReceiveGiftLetterMessage {
  padding: 10px;
}

.opcSocialGiftLetter_messageTitleLabel {
  display: none;
}

.sysSocialGiftReceiveGiftLetterMessage {
  height: 200px;
}

.sysSocialGiftReceiveButton {
  font-weight: bold;
  width: 30% !important;
  font-size: 20px;
  width: 70% !important;
}

/*カレンダー調整*/
.sysNextCalendar {
  z-index: 0;
}

.sysPrevCalendar {
  z-index: 0;
}

/*表アンティナより載せ替え*/
.detail-txt {
  margin-bottom: 50px;
}

.detail-txt .lead-txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 28px;
}

.detail-txt .txt {
  font-size: 16px;
  line-height: 28px;
}

.catalogtype {
  font-size: 0;
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.catalogtype {
  font-size: 0;
  margin-top: 10px;
}

.catalogtype__catch {
  font-size: 13px;
}

.catalogtype__table {
  width: 100%;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  margin: 5px 0 0px 0;
}

.catalogtype__heading {
  width: 33.3333333333%;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  background-color: #f0f0f0;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}

.catalogtype__heading.catalogtype__heading--selected {
  background-color: #888;
  color: #fff;
}

.catalogtype__name {
  display: inline;
}

.catalogtype__link {
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  padding: 10px;
}

.catalogtype__link--off {
  color: #cacaca;
}

.catalogtype__mark {
  font-size: 18px;
}

.catalogtype__text {
  font-size: 13px;
  position: relative;
}

.catalogtype__link a {
  text-decoration: none;
  color: #000;
}

.catalogtype__link a .catalogtype__text::after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 6px;
  height: 6px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  transition-delay: 0s;
  transition-timing-function: linear;
  transition-duration: 0.12s;
  transition-property: border-color;
  -webkit-transform: translateY(-25%) rotate(45deg);
  transform: translateY(-25%) rotate(45deg);
}

#courseListLink {
  /* カテゴリーページ コース一覧 遷移先位置調整 */
  padding-top: 60px;
  margin-top: -60px;
}

.catalogtype__sasshi {
  display: inline;
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-sasshi.png);
  background-repeat: no-repeat;
  background-position: 15% center;
  background-size: 25px;
  padding-left: 1.5em;
}

.catalogtype__heading.catalogtype__heading--selected .catalogtype__sasshi {
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-sasshi--selected.png);
}

.catalogtype__card {
  display: inline;
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-card.png);
  background-repeat: no-repeat;
  background-position: 10% center;
  background-size: 28px;
  padding-left: 1.6em;
}

.catalogtype__heading.catalogtype__heading--selected .catalogtype__card {
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-card--selected.png);
}

.catalogtype__social {
  display: inline;
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-social.png);
  background-repeat: no-repeat;
  background-position: 1% center;
  background-size: 25px;
  padding-left: 1.2em;
}

.catalogtype__heading.catalogtype__heading--selected .catalogtype__social {
  background-image: url(https://antina.jp//AOS/user_data/packages/default/images/products/icon-social--selected.png);
}

.box {
  display: grid;
  width: calc(100% - 10px);
  grid-auto-rows: auto;
  grid-template-columns: 1fr 4fr;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.box__title {
  font-size: 14px;
  padding: 5px;
  background-color: #f4f4f4;
  border-bottom: 1px dotted #000;
}

.box__itmes {
  font-size: 14px;
  padding: 5px;
  color: #333;
  background-color: #fff;
  border-bottom: 1px dotted #000;
}

@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysDisplayTabletNone {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .sysDisplayMobileNone {
    display: none;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.pc_only {
  display: block;
}
@media screen and (max-width: 750px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  .sp_only {
    display: block;
  }
}

html.pause {
  overflow: hidden;
}

body {
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  color: #1d1d1d;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
body * {
  margin: 0;
  padding: 0;
}
body .isLogin {
  display: none !important;
}
body .isLogout {
  display: block !important;
}
body[data-member-login=true] .isLogin {
  display: block !important;
}
body[data-member-login=true] .isLogout {
  display: none !important;
}
body .mt10 {
  margin-top: 10px;
}
body .mt20 {
  margin-top: 20px;
}
body .mt30 {
  margin-top: 30px;
}
body .mt40 {
  margin-top: 40px;
}
body .mt50 {
  margin-top: 50px;
}
body .mb10 {
  margin-bottom: 10px;
}
body .mb20 {
  margin-bottom: 20px;
}
body .mb30 {
  margin-bottom: 30px;
}
body .mb40 {
  margin-bottom: 40px;
}
body .mb50 {
  margin-bottom: 50px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
}
body input,
body button,
body select {
  cursor: pointer;
  outline: none;
}
body select {
  font-weight: 700;
}
body select option {
  font-weight: 700;
}
body a {
  text-decoration: none;
  color: #1d1d1d;
  transition-duration: 0.3s;
}
body a img {
  transition-duration: 0.3s;
}
body a:hover {
  color: #e94709;
}
body a:hover img {
  opacity: 0.7;
}
body li {
  list-style-type: none;
}
body .taxin {
  padding-left: 0.3em;
  font-size: 0.55em;
}

div#sysAll {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  div#sysAll {
    overflow: visible;
  }
  div#sysAll #sysHeader.active .infobar {
    display: none;
  }
  div#sysAll #sysHeader:has(.h_navi_funeral).active .h_navi {
    display: none;
  }
}
div#sysAll .sysFuncItemBlock .sysItemBlock li {
  display: flex;
  flex-direction: column;
  height: auto !important;
}
div#sysAll .sysFuncItemBlock .sysItemBlock li .sysItemName {
  flex-grow: 1;
}
div#sysAll .sysFuncItemBlock .sysItemBlock li .sysItemName a {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #1d1d1d;
}
div#sysAll .sysFuncItemBlock .sysItemBlock li .sysItemName a:hover {
  color: #044EA1;
}
div#sysAll .sysFuncItemBlock .sysItemBlock li .sysItemPrice .sysItemBlockVariationPrice {
  display: block;
}

div#sysWrap {
  width: 100%;
  flex-grow: 1;
}
div#sysWrap::after {
  display: none !important;
}
@media screen and (max-width: 750px) {
  div#sysWrap {
    display: block;
  }
}
div#sysWrap #sysMain {
  width: 100%;
  margin: 0 auto;
  float: none;
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain {
    max-width: 100%;
  }
}
div#sysWrap #sysMain .fade {
  opacity: 0;
  transform: translateY(50px);
  transition-duration: 0.5s;
}
div#sysWrap #sysMain .fade.active {
  opacity: 1;
  transform: translateY(0);
}
div#sysWrap #sysMain .sysFuncItemBlock .sysItemBlock li {
  padding: 0;
}
div#sysWrap #sysMain .sysFuncItemBlock .sysItemBlock li a {
  display: block;
}
div#sysWrap #sysMain .sysHeadline {
  display: block;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain .sysHeadline {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}
div#sysWrap #sysMain .sysHeadline:has(.view_more) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  div#sysWrap #sysMain .sysHeadline:has(.view_more) {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain .sysHeadline:has(.view_more) {
    margin-bottom: 5.3333333333vw;
  }
}
div#sysWrap #sysMain .sysHeadline:has(.view_more) .common_h2 {
  margin-bottom: 0;
}
div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more {
  flex-shrink: 0;
  width: fit-content;
  height: 38px;
}
div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  height: 100%;
  border: 1px solid #6e6966;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d1d1d;
  white-space: nowrap;
}
div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more a:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more {
    height: 3.064516129vw;
  }
  div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more a {
    padding: 0.7258064516vw 1.6129032258vw;
    border-radius: 1.4516129032vw;
    font-size: 1.0483870968vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more {
    height: 10.4vw;
  }
  div#sysWrap #sysMain .sysHeadline:has(.view_more) .view_more a {
    border-radius: 5.0666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
    letter-spacing: 0;
  }
}
div#sysWrap #sysMain .sysHeadline::before {
  display: none;
}
div#sysWrap #sysMain .sysHeadline .common_h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: left;
  margin-bottom: 30px;
}
div#sysWrap #sysMain .sysHeadline .common_h2 small {
  display: inline-block;
  font-size: 13px;
}
div#sysWrap #sysMain .sysHeadline .common_h2 span {
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #e94709;
  text-align: left;
}
div#sysWrap #sysMain .sysHeadline .common_h2.center {
  text-align: center;
}
div#sysWrap #sysMain .sysHeadline .common_h2.center span {
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  div#sysWrap #sysMain .sysHeadline .common_h2 {
    font-size: 2.5806451613vw;
    line-height: 3.3870967742vw;
    margin-bottom: 2.4193548387vw;
  }
  div#sysWrap #sysMain .sysHeadline .common_h2 small {
    font-size: 1.0483870968vw;
  }
  div#sysWrap #sysMain .sysHeadline .common_h2 span {
    padding: 0.4032258065vw 0 0 0;
    font-size: 1.1290322581vw;
    line-height: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain .sysHeadline .common_h2 {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    margin-bottom: 5.3333333333vw;
  }
  div#sysWrap #sysMain .sysHeadline .common_h2 small {
    display: block;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
  div#sysWrap #sysMain .sysHeadline .common_h2 span {
    padding: 1.0666666667vw 0 0 0;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain .sysHeadline h2.common_h2 small {
    display: inline-block;
  }
}
div#sysWrap #sysMain h1.page_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
  color: #1d1d1d;
  margin: 0 0 30px;
}
div#sysWrap #sysMain h1.page_ttl > span {
  padding: 5px 0 0;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  div#sysWrap #sysMain h1.page_ttl {
    font-size: 2.5806451613vw;
    line-height: 3.3870967742vw;
    margin: 0 0 2.4193548387vw;
  }
  div#sysWrap #sysMain h1.page_ttl > span {
    padding: 0.4032258065vw 0 0;
    font-size: 1.1290322581vw;
    line-height: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  div#sysWrap #sysMain h1.page_ttl {
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
    margin: 0 0 4vw;
  }
  div#sysWrap #sysMain h1.page_ttl > span {
    padding: 1.0666666667vw 0 0;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}

#sysFooter .sysHeadline {
  display: block;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #sysFooter .sysHeadline {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}
#sysFooter .sysHeadline:has(.view_more) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .sysHeadline:has(.view_more) {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .sysHeadline:has(.view_more) {
    margin-bottom: 5.3333333333vw;
  }
}
#sysFooter .sysHeadline:has(.view_more) .common_h2 {
  margin-bottom: 0;
}
#sysFooter .sysHeadline:has(.view_more) .view_more {
  flex-shrink: 0;
  width: fit-content;
  height: 38px;
}
#sysFooter .sysHeadline:has(.view_more) .view_more a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  height: 100%;
  border: 1px solid #6e6966;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d1d1d;
  white-space: nowrap;
}
#sysFooter .sysHeadline:has(.view_more) .view_more a:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .sysHeadline:has(.view_more) .view_more {
    height: 3.064516129vw;
  }
  #sysFooter .sysHeadline:has(.view_more) .view_more a {
    padding: 0.7258064516vw 1.6129032258vw;
    border-radius: 1.4516129032vw;
    font-size: 1.0483870968vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .sysHeadline:has(.view_more) .view_more {
    height: 10.4vw;
  }
  #sysFooter .sysHeadline:has(.view_more) .view_more a {
    border-radius: 5.0666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
    letter-spacing: 0;
  }
}
#sysFooter .sysHeadline::before {
  display: none;
}
#sysFooter .sysHeadline .common_h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: left;
  margin-bottom: 30px;
}
#sysFooter .sysHeadline .common_h2 small {
  display: inline-block;
  font-size: 13px;
}
#sysFooter .sysHeadline .common_h2 span {
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #e94709;
  text-align: left;
}
#sysFooter .sysHeadline .common_h2.center {
  text-align: center;
}
#sysFooter .sysHeadline .common_h2.center span {
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .sysHeadline .common_h2 {
    font-size: 2.5806451613vw;
    line-height: 3.3870967742vw;
    margin-bottom: 2.4193548387vw;
  }
  #sysFooter .sysHeadline .common_h2 small {
    font-size: 1.0483870968vw;
  }
  #sysFooter .sysHeadline .common_h2 span {
    padding: 0.4032258065vw 0 0 0;
    font-size: 1.1290322581vw;
    line-height: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .sysHeadline .common_h2 {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    margin-bottom: 5.3333333333vw;
  }
  #sysFooter .sysHeadline .common_h2 small {
    display: block;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
  #sysFooter .sysHeadline .common_h2 span {
    padding: 1.0666666667vw 0 0 0;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
#sysFooter div.addItemBlocks {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 70px;
  padding: 70px 0;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks {
    max-width: 96.7741935484vw;
    margin: 0 auto 5.6451612903vw;
    padding: 5.6451612903vw 0;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks {
    margin: 0 auto;
    padding: 10.6666666667vw 5.3333333333vw;
    background: #fcf8f0;
    overflow: hidden;
  }
  #sysFooter div.addItemBlocks::after {
    display: none;
  }
}
#sysFooter div.addItemBlocks div.sysHeadline {
  padding: 0;
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysHeadline div.view_more {
    position: absolute;
    bottom: 10.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock {
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock {
    overflow: visible;
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemImage {
  margin: 0 0 12px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemImage {
    margin: 0 0 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemImage {
    margin: 0 0 2.1333333333vw;
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName {
  margin: 0 0 7px;
  text-align: left;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName > a {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName {
    margin: 0 0 0.564516129vw;
  }
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName > a {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName {
    margin: 0 0 1.3333333333vw;
  }
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemName > a {
    font-size: 3.2vw;
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 600;
  text-align: left;
  min-height: 2em;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice span.taxin {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice {
    font-size: 1.6129032258vw;
  }
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice span.taxin {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice {
    font-size: 4.5333333333vw;
  }
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock ul.sysHorizontal > li div.sysItemPrice span.taxin {
    font-size: 2.6666666667vw;
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-next {
  position: absolute;
  top: 50%;
  right: -65px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  display: block;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-next::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/common/swiper_arr_right.png) top center no-repeat;
  background-size: 100% 100%;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-next::after {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-next {
    right: -5.2419354839vw;
    width: 3.2258064516vw;
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-next {
    display: none;
  }
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -65px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  display: block;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-prev::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/common/swiper_arr_left.png) top center no-repeat;
  background-size: 100% 100%;
}
#sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-prev::after {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-prev {
    left: -5.2419354839vw;
    width: 3.2258064516vw;
    height: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter div.addItemBlocks div.sysContent div.sysItemBlock .swiper-button-prev {
    display: none;
  }
}

.under_search_blk {
  margin: 0;
  padding: 70px 0;
  background: #ebebe7;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk {
    padding: 5.6451612903vw 0;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk {
    padding: 12vw 0;
  }
}
.under_search_blk div.sysHeadline {
  margin-bottom: 40px;
}
.under_search_blk div.sysHeadline > p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 10px;
  color: #1d1d1d;
}
.under_search_blk div.sysHeadline > p > span {
  color: #e94709;
}
.under_search_blk div.sysHeadline > h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
.under_search_blk div.sysHeadline > small {
  display: block;
  font-size: 13px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk div.sysHeadline {
    margin-bottom: 3.2258064516vw;
  }
  .under_search_blk div.sysHeadline > p {
    font-size: 1.2096774194vw;
    margin: 0 0 0.8064516129vw;
  }
  .under_search_blk div.sysHeadline > h2 {
    font-size: 2.5806451613vw;
    margin-bottom: 1.6129032258vw;
  }
  .under_search_blk div.sysHeadline > small {
    font-size: 1.0483870968vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk div.sysHeadline {
    margin-bottom: 5.6vw;
  }
  .under_search_blk div.sysHeadline > p {
    gap: 1em;
    font-size: 3.2vw;
    margin: 0 0 2.6666666667vw;
  }
  .under_search_blk div.sysHeadline > h2 {
    font-size: 5.3333333333vw;
    margin-bottom: 4vw;
  }
  .under_search_blk div.sysHeadline > small {
    font-size: 2.9333333333vw;
  }
}
.under_search_blk form.sysItemSearchForm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm {
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups > div[class^=itemCategoryGroup] {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
  width: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
    width: 4.2666666667vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
  display: block;
  width: 300px;
  height: 62px;
  border: 1px solid #6e6966;
  border-radius: 5px;
  background: #ffffff;
  padding: 19px 35px;
  cursor: pointer;
  position: relative;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
  display: block;
  text-align: center;
  font-size: 16px;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span.default {
  color: #979797;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span br {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/img/common/arrow_black_d.png") top center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 15px;
  pointer-events: none;
  transform: translateY(-50%);
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target.open::after {
  transform: translateY(-50%) scaleY(-1);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
    width: 24.1935483871vw;
    height: 5vw;
    border-radius: 0.4032258065vw;
    padding: 1.5322580645vw 2.8225806452vw;
  }
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
    font-size: 1.2903225806vw;
  }
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
    width: 1.2096774194vw;
    height: 1.2096774194vw;
    right: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
    width: 73.3333333333vw;
    height: 14.9333333333vw;
    padding: 5.0666666667vw 9.3333333333vw;
    border-radius: 1.3333333333vw;
  }
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
    width: 4vw;
    height: 4vw;
    right: 4vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
  display: none;
  width: 1040px;
  padding: 40px;
  background: #cdcdc4;
  border-radius: 15px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 100%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
    width: 83.8709677419vw;
    padding: 3.2258064516vw;
    border-radius: 1.2096774194vw;
    bottom: -2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
    width: 89.3333333333vw;
    max-height: 114.9333333333vw;
    overflow-y: scroll;
    padding: 8vw 5.8666666667vw;
    border-radius: 4vw;
    bottom: auto;
    top: 20.2666666667vw;
    transform: translate(-50%, 0);
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_items_wrap {
  order: 1;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_items_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
  display: none;
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_items_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap {
  order: 2;
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap {
    top: 48.8vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap span[class^=itemCategoryGroupTitle] {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
  width: calc((100% - 40px) / 5);
  height: 51px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
    width: calc((100% - 3.2258064516vw) / 5);
    height: 4.1129032258vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
    width: calc((100% - 2.6666666667vw) / 2);
    height: 10.6666666667vw;
  }
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input {
  display: none;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input:checked + label {
  background: #e94709 !important;
  color: #ffffff !important;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input:disabled + label {
  opacity: 1;
  pointer-events: none;
  color: #979797 !important;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 15px;
}
.under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
    font-size: 1.2096774194vw;
    line-height: 1.6129032258vw;
    border-radius: 0.8064516129vw;
    padding: 0 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
    font-size: 3.2vw;
    line-height: 3.3333333333vw;
    border-radius: 1.3333333333vw;
    padding: 0 1.3333333333vw;
  }
}
.under_search_blk form.sysItemSearchForm input.sysSearchButton {
  margin: 0;
  width: 300px;
  height: 62px;
  background: #e94709 url("/img/common/search_white.png") center left 59px no-repeat;
  background-size: 36px auto;
  color: #ffffff;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 700;
  transition-duration: 0.3s;
}
.under_search_blk form.sysItemSearchForm input.sysSearchButton:hover {
  background: #ffffff url("/img/common/search_orange.png") center left 59px no-repeat;
  background-size: 36px auto;
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .under_search_blk form.sysItemSearchForm input.sysSearchButton {
    width: 24.1935483871vw;
    height: 5vw;
    background: #e94709 url("/img/common/search_white.png") center left 4.7580645161vw no-repeat;
    background-size: 2.9032258065vw auto;
    border-radius: 1.2096774194vw;
    font-size: 1.2903225806vw;
  }
  .under_search_blk form.sysItemSearchForm input.sysSearchButton:hover {
    background: #ffffff url("/img/common/search_orange.png") center left 4.7580645161vw no-repeat;
    background-size: 2.9032258065vw auto;
  }
}
@media screen and (max-width: 750px) {
  .under_search_blk form.sysItemSearchForm input.sysSearchButton {
    width: 89.3333333333vw;
    height: 13.3333333333vw;
    background: #e94709 url("/img/common/search_white.png") center left 17.6vw no-repeat;
    background-size: 8vw auto;
    border-radius: 2.6666666667vw;
    font-size: 3.2vw;
    transition-duration: 0.3s;
  }
  .under_search_blk form.sysItemSearchForm input.sysSearchButton:hover {
    background: #e94709 url("/img/common/search_orange.png") center left 17.6vw no-repeat;
    background-size: 8vw auto;
    color: #e94709;
  }
}

#sysHeader {
  width: 100%;
  background: #ffffff;
  position: relative;
  z-index: 500;
}
#sysHeader.view .infobar {
  display: block;
}
#sysHeader.view .header {
  display: block;
}
@media screen and (max-width: 750px) {
  #sysHeader {
    position: absolute;
    top: 0;
    left: 0;
  }
  #sysHeader.active {
    position: fixed;
    top: -24.8vw;
    transform: translateY(24.8vw);
    transition: transform 0.3s;
  }
  #sysHeader.active .h_navi .navi_wrap_sp .toggle_wrap {
    height: calc(100vh - 20vw);
  }
}
#sysHeader .infobar {
  display: none;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  background: #313131;
  transition-duration: 0.3s;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .infobar {
    padding: 0.4032258065vw 0;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .infobar {
    padding: 1.3333333333vw 0;
    position: relative;
    z-index: 1100;
  }
}
#sysHeader .infobar .infobar_txt {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .infobar .infobar_txt {
    font-size: 0.8870967742vw;
    line-height: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .infobar .infobar_txt {
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
#sysHeader .header {
  width: 100%;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
}
#sysHeader .header .h_inner {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 30px;
  background: #ffffff;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner {
    height: 6.4516129032vw;
    padding: 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner {
    height: 13.3333333333vw;
    padding: 0 2.6666666667vw 0 5.3333333333vw;
  }
}
#sysHeader .header .h_inner .h_logo_wrap {
  width: 290px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .h_logo_wrap img {
    width: 23.3870967742vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .h_logo_wrap {
    width: 50.6666666667vw;
    transform: translate(-55%, -50%);
    margin-top: 0.1333333333vw;
  }
}
#sysHeader .header .h_inner .menu_btn {
  width: 20px;
  height: 20px;
  position: fixed;
  left: 37px;
  z-index: 9999;
  top: 64px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .menu_btn {
    width: 1.6129032258vw;
    height: 1.6129032258vw;
    left: 2.9838709677vw;
    top: 5.1612903226vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .menu_btn {
    width: 4.5333333333vw;
    height: 5.3333333333vw;
    left: 5.3333333333vw;
    top: 40%;
    position: absolute;
  }
}
#sysHeader .header .h_inner .menu_btn::after {
  content: "メニュー";
  display: block;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 100%);
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .menu_btn::after {
    font-size: 2.6666666667vw;
    bottom: -0.5333333333vw;
  }
}
#sysHeader .header .h_inner .menu_btn.active {
  top: 35px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .menu_btn.active {
    top: 2.8225806452vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .menu_btn.active {
    top: 40%;
  }
}
#sysHeader .header .h_inner .menu_btn span {
  display: block;
  width: 100%;
  height: 2px;
  background: #6e6966;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition-duration: 0.3s;
}
#sysHeader .header .h_inner .menu_btn span:nth-child(1) {
  transform: translate(-50%, -9px);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .menu_btn span:nth-child(1) {
    transform: translate(-50%, -0.7258064516vw);
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .menu_btn span:nth-child(1) {
    transform: translate(-50%, -1.8666666667vw);
  }
}
#sysHeader .header .h_inner .menu_btn span:nth-child(2) {
  transform: translate(-50%, -50%);
}
#sysHeader .header .h_inner .menu_btn span:nth-child(3) {
  transform: translate(-50%, 7px);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .menu_btn span:nth-child(3) {
    transform: translate(-50%, 0.564516129vw);
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .menu_btn span:nth-child(3) {
    transform: translate(-50%, 1.3333333333vw);
  }
}
#sysHeader .header .h_inner .menu_btn.open::after {
  display: none;
}
#sysHeader .header .h_inner .menu_btn.open span:nth-child(1) {
  transform: translate(-50%, -50%) rotateZ(225deg);
}
#sysHeader .header .h_inner .menu_btn.open span:nth-child(2) {
  opacity: 0;
}
#sysHeader .header .h_inner .menu_btn.open span:nth-child(3) {
  transform: translate(-50%, -50%) rotateZ(-225deg);
}
#sysHeader .header .h_inner .sys_navi_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap {
    gap: 0.4032258065vw;
    margin-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap {
    gap: 1.6vw;
    margin-top: -1.8666666667vw;
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap {
  width: 495px;
  flex-shrink: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  padding: 30px;
  background: #9c9c89;
  transform-origin: right;
  transform: translate(0, 100%) scaleX(0);
  transition-duration: 0.3s;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap.view {
  transform: translate(0, 100%) scaleX(1);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap {
    width: 39.9193548387vw;
    padding: 2.4193548387vw;
    border-top-left-radius: 1.2096774194vw;
    border-bottom-left-radius: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap {
    width: 100%;
    bottom: -8vw;
    right: auto;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 100%);
    padding: 5.3333333333vw;
    opacity: 0;
    pointer-events: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap.view {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 100%);
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm {
  position: relative;
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
  width: 100%;
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 15px 10px 45px;
  margin: 0;
  font-size: 15px;
  line-height: 19px;
  border: none;
  background: #ffffff;
  border-radius: 20px;
  outline: none;
  cursor: text;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    height: 3.2258064516vw;
    padding: 0.7258064516vw 1.2096774194vw 0.8064516129vw 3.6290322581vw;
    font-size: 1.2096774194vw;
    line-height: 1.5322580645vw;
    border-radius: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
    width: 100%;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    display: block;
    width: 100%;
    height: 10.6666666667vw;
    padding: 3.2vw 4vw 2.9333333333vw 12vw;
    margin: 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    border: none;
    border-radius: 5.3333333333vw;
    outline: none;
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
  display: block;
  outline: none;
  width: 24px;
  height: 24px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("/img/common/search_grey.png") top center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
    width: 1.935483871vw;
    height: 1.935483871vw;
    left: 1.0483870968vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
    width: 6.4vw;
    height: 6.4vw;
    left: 3.4666666667vw;
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .sys_navi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
#sysHeader .header .h_inner .sys_navi_wrap .sys_navi li {
  width: 55px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap .sys_navi {
    gap: 0.4032258065vw;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sys_navi li {
    width: 4.435483871vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .sys_navi {
    display: none;
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn {
  display: block;
  width: 55px;
  height: 42px;
  background: rgba(255, 255, 255, 0) url("/img/common/header_btn_pc.png") top center no-repeat;
  background-size: 100% 100%;
  position: relative;
  transition-duration: 0.3s;
  cursor: pointer;
}
#sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn span {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn {
    width: 4.435483871vw;
    height: 3.3870967742vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn {
    display: block;
    width: 8vw;
    height: 8vw;
    background: rgba(255, 255, 255, 0) url("/img/common/search_grey_sp.png") top center no-repeat;
    background-size: 100% 100%;
    position: relative;
    background-blend-mode: overlay;
    transition-duration: 0.3s;
    z-index: 10;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn::before, #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    background: #9c9c89;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-duration: 0.3s;
    opacity: 0;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn::before {
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn::after {
    transform: translate(-50%, -50%) rotateZ(-45deg);
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn.view {
    background: rgb(255, 255, 255);
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn.view::before, #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn.view::after {
    opacity: 1;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sp_search_btn span {
    display: block;
    font-size: 2.6666666667vw;
    text-align: center;
    position: absolute;
    bottom: -2.4vw;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
#sysHeader .header .h_inner .sys_navi_wrap .sys_navi_sp {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .header .h_inner .sys_navi_wrap .sys_navi_sp {
    display: block;
    width: 8vw;
    position: relative;
    z-index: 10;
  }
  #sysHeader .header .h_inner .sys_navi_wrap .sys_navi_sp span {
    font-size: 2.6666666667vw;
    text-align: center;
    position: absolute;
    bottom: -2.4vw;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
#sysHeader .header.s_header .h_inner {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 30px;
  background: #ffffff;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner {
    height: 6.4516129032vw;
    padding: 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner {
    height: 13.3333333333vw;
    padding: 0 2.6666666667vw 0 5.3333333333vw;
  }
}
#sysHeader .header.s_header .h_inner .h_logo_wrap {
  width: 413px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .h_logo_wrap img {
    width: 33.3064516129vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .h_logo_wrap {
    width: 50.6666666667vw;
    transform: translate(-55%, -50%);
    margin-top: 0.1333333333vw;
  }
}
#sysHeader .header.s_header .h_inner .shinwa_logo {
  width: 150px;
  position: absolute;
  top: 20px;
  left: 85px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .shinwa_logo img {
    width: 12.0967741935vw;
    position: absolute;
    top: 1.6129032258vw;
    left: 6.8548387097vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .shinwa_logo {
    display: none;
  }
}
#sysHeader .header.s_header .h_inner .menu_btn {
  width: 20px;
  height: 20px;
  position: fixed;
  left: 37px;
  z-index: 9999;
  top: 64px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .menu_btn {
    width: 1.6129032258vw;
    height: 1.6129032258vw;
    left: 2.9838709677vw;
    top: 5.1612903226vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .menu_btn {
    width: 4.5333333333vw;
    height: 5.3333333333vw;
    left: 5.3333333333vw;
    top: 40%;
    position: absolute;
  }
}
#sysHeader .header.s_header .h_inner .menu_btn::after {
  content: "メニュー";
  display: block;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%, 100%);
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .menu_btn::after {
    font-size: 2.6666666667vw;
    bottom: -0.5333333333vw;
  }
}
#sysHeader .header.s_header .h_inner .menu_btn.active {
  top: 35px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .menu_btn.active {
    top: 2.8225806452vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .menu_btn.active {
    top: 40%;
  }
}
#sysHeader .header.s_header .h_inner .menu_btn span {
  display: block;
  width: 100%;
  height: 2px;
  background: #6e6966;
  border-radius: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition-duration: 0.3s;
}
#sysHeader .header.s_header .h_inner .menu_btn span:nth-child(1) {
  transform: translate(-50%, -9px);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .menu_btn span:nth-child(1) {
    transform: translate(-50%, -0.7258064516vw);
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .menu_btn span:nth-child(1) {
    transform: translate(-50%, -1.8666666667vw);
  }
}
#sysHeader .header.s_header .h_inner .menu_btn span:nth-child(2) {
  transform: translate(-50%, -50%);
}
#sysHeader .header.s_header .h_inner .menu_btn span:nth-child(3) {
  transform: translate(-50%, 7px);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .menu_btn span:nth-child(3) {
    transform: translate(-50%, 0.564516129vw);
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .menu_btn span:nth-child(3) {
    transform: translate(-50%, 1.3333333333vw);
  }
}
#sysHeader .header.s_header .h_inner .menu_btn.open::after {
  display: none;
}
#sysHeader .header.s_header .h_inner .menu_btn.open span:nth-child(1) {
  transform: translate(-50%, -50%) rotateZ(225deg);
}
#sysHeader .header.s_header .h_inner .menu_btn.open span:nth-child(2) {
  opacity: 0;
}
#sysHeader .header.s_header .h_inner .menu_btn.open span:nth-child(3) {
  transform: translate(-50%, -50%) rotateZ(-225deg);
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap {
    gap: 0.4032258065vw;
    margin-top: 0.8064516129vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap {
    gap: 1.6vw;
    margin-top: -1.8666666667vw;
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap {
  width: 495px;
  flex-shrink: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  padding: 30px;
  background: #9c9c89;
  transform-origin: right;
  transform: translate(0, 100%) scaleX(0);
  transition-duration: 0.3s;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap.view {
  transform: translate(0, 100%) scaleX(1);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap {
    width: 39.9193548387vw;
    padding: 2.4193548387vw;
    border-top-left-radius: 1.2096774194vw;
    border-bottom-left-radius: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap {
    width: 100%;
    bottom: -8vw;
    right: auto;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 100%);
    padding: 5.3333333333vw;
    opacity: 0;
    pointer-events: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap.view {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 100%);
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm {
  position: relative;
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
  width: 100%;
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 15px 10px 45px;
  margin: 0;
  font-size: 15px;
  line-height: 19px;
  border: none;
  background: #ffffff;
  border-radius: 20px;
  outline: none;
  cursor: text;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    height: 3.2258064516vw;
    padding: 0.7258064516vw 1.2096774194vw 0.8064516129vw 3.6290322581vw;
    font-size: 1.2096774194vw;
    line-height: 1.5322580645vw;
    border-radius: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
    width: 100%;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    display: block;
    width: 100%;
    height: 10.6666666667vw;
    padding: 3.2vw 4vw 2.9333333333vw 12vw;
    margin: 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    border: none;
    border-radius: 5.3333333333vw;
    outline: none;
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
  display: block;
  outline: none;
  width: 24px;
  height: 24px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("/img/common/search_grey.png") top center no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
    width: 1.935483871vw;
    height: 1.935483871vw;
    left: 1.0483870968vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .h_search_wrap form.sysItemSearchForm input.sysSearchButton {
    width: 6.4vw;
    height: 6.4vw;
    left: 3.4666666667vw;
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi li {
  width: 55px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi {
    gap: 0.4032258065vw;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi li {
    width: 4.435483871vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi {
    display: none;
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn {
  display: block;
  width: 55px;
  height: 42px;
  background: rgba(255, 255, 255, 0) url("/img/common/header_btn_pc.png") top center no-repeat;
  background-size: 100% 100%;
  position: relative;
  transition-duration: 0.3s;
  cursor: pointer;
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn span {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn {
    width: 4.435483871vw;
    height: 3.3870967742vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn {
    display: block;
    width: 8vw;
    height: 8vw;
    background: rgba(255, 255, 255, 0) url("/img/common/search_grey_sp.png") top center no-repeat;
    background-size: 100% 100%;
    position: relative;
    background-blend-mode: overlay;
    transition-duration: 0.3s;
    z-index: 10;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn::before, #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn::after {
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    background: #9c9c89;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-duration: 0.3s;
    opacity: 0;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn::before {
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn::after {
    transform: translate(-50%, -50%) rotateZ(-45deg);
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn.view {
    background: rgb(255, 255, 255);
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn.view::before, #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn.view::after {
    opacity: 1;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sp_search_btn span {
    display: block;
    font-size: 2.6666666667vw;
    text-align: center;
    position: absolute;
    bottom: -2.4vw;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
#sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi_sp {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi_sp {
    display: block;
    width: 8vw;
    position: relative;
    z-index: 10;
  }
  #sysHeader .header.s_header .h_inner .sys_navi_wrap .sys_navi_sp span {
    font-size: 2.6666666667vw;
    text-align: center;
    position: absolute;
    bottom: -2.4vw;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}
#sysHeader .h_navi {
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0;
  background: #ffffff;
}
#sysHeader .h_navi .catalog_info {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#sysHeader .h_navi .catalog_info a {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
  background: #313131;
  padding: 6px 20px;
  border: 1px solid #313131;
  border-right: none;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  transition-duration: 0.3s;
}
#sysHeader .h_navi .catalog_info a:hover {
  background: #ffffff;
  color: #313131;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .catalog_info a {
    font-size: 1.0483870968vw;
    line-height: 1.6129032258vw;
    padding: 0.4838709677vw 1.6129032258vw;
    border-top-left-radius: 1.2903225806vw;
    border-bottom-left-radius: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .catalog_info {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner {
    overflow: hidden;
  }
}
@media screen and (min-width: 1241px) {
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper {
    overflow: visible !important;
  }
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper .simplebar-mask {
    overflow: visible !important;
  }
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper {
    overflow: visible !important;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper {
    overflow: visible !important;
  }
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper .simplebar-mask {
    overflow: visible !important;
  }
  #sysHeader .h_navi .h_navi_inner .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper {
    overflow: visible !important;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap {
  width: 100%;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  overflow: visible;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .simplebar-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .simplebar-content::before {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap {
    display: none;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list {
  width: fit-content;
  padding: 16px 22px 17px;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list.list06 {
  display: none;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi {
  opacity: 1;
  color: #e94709;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi {
    color: #1d1d1d;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi a {
    pointer-events: none;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e94709;
  position: absolute;
  left: 50%;
  bottom: -19px;
  z-index: 10;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi::after {
    display: none;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .toggle_wrap {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list {
    padding: 1.2903225806vw 1.7741935484vw 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list {
    padding: 1.0666666667vw 2.6666666667vw 2vw;
    flex-shrink: 0;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list.active {
    position: relative;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list.active .main_navi {
    opacity: 1;
    color: #e94709;
    position: static;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi_list.active .main_navi::after {
    content: "";
    display: block;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    background: #e94709;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  transition-duration: 0.3s;
  color: #1d1d1d;
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi {
    font-size: 1.2096774194vw;
    line-height: 1.6935483871vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi {
    font-size: 2.9333333333vw;
    line-height: 4.2666666667vw;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap {
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.3s;
  width: fit-content;
  padding: 40px 60px 70px;
  border-top: 1px solid #f0f0f0;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 45px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap {
    padding: 3.2258064516vw 4.8387096774vw 5.6451612903vw;
    gap: 3.6290322581vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap {
    display: none;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .sp_cate_thumb {
  display: none;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand {
  flex-wrap: wrap;
  width: 100%;
  max-width: 816px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand {
    max-width: 65.8064516129vw;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link {
  width: 100%;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a {
  display: block;
  margin: 0 0 0 auto;
  width: 202px;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #1d1d1d;
  position: relative;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a:hover {
  opacity: 1;
  color: #e94709;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a:hover::after {
  border-top: 1px solid #e94709;
  border-right: 1px solid #e94709;
  transform: translate(0, -50%) rotateZ(45deg);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a {
    width: 16.2903225806vw;
    font-size: 1.0483870968vw;
    line-height: 1.5322580645vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a::after {
    width: 0.6451612903vw;
    height: 0.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link {
    padding-top: 5.3333333333vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a {
    width: 100%;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
    padding-right: 8vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap.brand .brand_list_link a::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row {
  width: 202px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row.sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row.sp_only {
    display: flex;
  }
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dt {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 15px;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a {
  display: block;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #1d1d1d;
  position: relative;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a:hover {
  opacity: 1;
  color: #e94709;
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a:hover::after {
  border-top: 1px solid #e94709;
  border-right: 1px solid #e94709;
  transform: translate(0, -50%) rotateZ(45deg);
}
#sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li.top a {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row {
    width: 16.2903225806vw;
    gap: 3.2258064516vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dt {
    font-size: 1.2096774194vw;
    line-height: 1.6935483871vw;
    margin-bottom: 1.2096774194vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul {
    gap: 1.2096774194vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a {
    font-size: 1.0483870968vw;
    line-height: 1.5322580645vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl dd ul li a::after {
    width: 0.6451612903vw;
    height: 0.6451612903vw;
  }
  #sysHeader .h_navi .h_navi_inner .navi_wrap .main_navi + .toggle_wrap .row dl:not(:has(dt)) {
    padding-top: 2.9032258065vw;
  }
}
#sysHeader .h_navi .navi_wrap_sp {
  display: none;
  padding: 0;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp {
    display: flex;
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list {
  width: fit-content;
  padding: 16px 22px 17px;
  flex-shrink: 0;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list06 {
  display: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap .row {
  border-top: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap .row + .row {
  border-top: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap dl dt {
  display: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap dl dd {
  display: block;
  background: transparent;
  border-bottom: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap dl dd ul li a {
  border-bottom: 1px solid #f0f0f0;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap dl dd ul li a::after {
  border-right: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list02 .main_navi + .toggle_wrap dl dd ul li:last-child a {
  border-bottom: 1px solid #979797;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list05 .main_navi a {
  pointer-events: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .main_navi {
  opacity: 1;
  color: #e94709;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .main_navi {
    color: #1d1d1d;
  }
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .main_navi a {
    pointer-events: none;
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .main_navi::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e94709;
  position: absolute;
  left: 50%;
  bottom: -19px;
  z-index: 10;
  transform: translate(-50%, 50%);
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .main_navi::after {
    display: none;
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.open .toggle_wrap {
  opacity: 1;
  pointer-events: auto;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.open::after {
  content: "";
  display: block;
  pointer-events: none;
  background: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.list03.open .main_navi {
    pointer-events: auto;
  }
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.list03.open .main_navi a {
    pointer-events: auto;
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi_list.list03.open::after {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list {
    padding: 1.2903225806vw 1.7741935484vw 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list {
    padding: 1.0666666667vw 2.6666666667vw 2vw;
    flex-shrink: 0;
  }
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.active {
    position: relative;
  }
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.active .main_navi {
    opacity: 1;
    color: #e94709;
    position: static;
  }
  #sysHeader .h_navi .navi_wrap_sp .main_navi_list.active .main_navi::after {
    content: "";
    display: block;
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    background: #e94709;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi {
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  transition-duration: 0.3s;
  color: #1d1d1d;
  cursor: pointer;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi {
    font-size: 1.2096774194vw;
    line-height: 1.6935483871vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_navi .navi_wrap_sp .main_navi {
    font-size: 2.9333333333vw;
    line-height: 4.2666666667vw;
  }
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(calc(100% - 2px));
  width: 100vw;
  height: calc(100vh - 29.3333333333vw);
  padding: 0 0 calc(100vh - 100svh + 21.3333333333vw);
  background: #ffffff;
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.3s;
  overflow-y: scroll;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.active {
  pointer-events: auto;
  opacity: 1;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .sp_cate_thumb {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 4vw;
  padding: 2.6666666667vw 5.3333333333vw 5.3333333333vw;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .sp_cate_thumb:blank {
  display: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .sp_cate_thumb li {
  width: calc((100% - 4vw) / 2);
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .sp_cate_thumb li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 21.3333333333vw;
  background: #ebebe7;
  color: #1d1d1d;
  border-radius: 2.6666666667vw;
  font-size: 3.2vw;
  line-height: 4.5333333333vw;
  font-weight: 500;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .brand_list_link {
  padding-top: 5.3333333333vw;
  padding-right: 5.3333333333vw;
  text-align: right;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .brand_list_link a {
  width: 100%;
  font-size: 3.4666666667vw;
  line-height: 5.0666666667vw;
  padding-right: 8vw;
  position: relative;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .brand_list_link a::after {
  content: "";
  display: block;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  border-top: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .row {
  border-top: 1px solid #979797;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .row + .row {
  border-top: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap .row.pc_only {
  display: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dt {
  position: relative;
  padding: 3.2vw 10.6666666667vw 3.2vw 8vw;
  border-bottom: 1px solid #979797;
  font-size: 2.9333333333vw;
  line-height: 4.2666666667vw;
  font-weight: 700;
  position: relative;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dt::after {
  content: "";
  display: block;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  border-right: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  position: absolute;
  top: 44%;
  right: 5.3333333333vw;
  transform: translate(0, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dt.open::after {
  top: 56%;
  transform: translate(0, -50%) rotateZ(-135deg);
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dd {
  display: none;
  background: #fcf8f0;
  border-bottom: 1px solid #979797;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dd ul li {
  padding-left: 8vw;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dd ul li a {
  display: block;
  position: relative;
  padding: 3.2vw 10.6666666667vw 3.2vw 2.6666666667vw;
  font-size: 2.9333333333vw;
  line-height: 4.2666666667vw;
  font-weight: 400;
  color: #1d1d1d;
  border-bottom: 1px solid #eedcb3;
  position: relative;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dd ul li a::after {
  content: "";
  display: block;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  border-right: 1px solid #eedcb3;
  border-bottom: 1px solid #eedcb3;
  position: absolute;
  top: 50%;
  right: 5.3333333333vw;
  transform: translate(0, -50%) rotateZ(-45deg);
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap dl dd ul li:last-child a {
  border-bottom: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 .row {
  border-top: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 .row + .row {
  border-top: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 dl dt {
  display: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 dl dd {
  display: block;
  background: transparent;
  border-bottom: none;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 dl dd ul li a {
  border-bottom: 1px solid #f0f0f0;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 dl dd ul li a::after {
  border-right: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
}
#sysHeader .h_navi .navi_wrap_sp .main_navi + .toggle_wrap.list02 dl dd ul li:last-child a {
  border-bottom: 1px solid #979797;
}
#sysHeader .funeral_navi_wrap {
  position: relative;
  z-index: 0;
  margin-bottom: 10px;
  padding: 15px 0;
  background: #f7f5f7;
}
#sysHeader .funeral_navi_wrap .simplebar-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
}
#sysHeader .funeral_navi_wrap li a {
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #888888;
}
#sysHeader .funeral_navi_wrap li.current a {
  color: #674267;
}
@media screen and (max-width: 750px) {
  #sysHeader .funeral_navi_wrap {
    margin-bottom: 0;
    padding: 0;
    z-index: 1;
  }
  #sysHeader .funeral_navi_wrap .simplebar-content {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 1px !important;
    gap: 0;
  }
  #sysHeader .funeral_navi_wrap .simplebar-content li {
    padding: 1.8666666667vw 2.6666666667vw 2.6666666667vw;
    flex-shrink: 0;
  }
  #sysHeader .funeral_navi_wrap .simplebar-content li a {
    font-size: 3.2vw;
  }
  #sysHeader .funeral_navi_wrap .simplebar-track.simplebar-horizontal {
    bottom: 0;
    height: 2px;
  }
  #sysHeader .funeral_navi_wrap .simplebar-scrollbar {
    top: 0;
    height: 2px;
  }
}
#sysHeader .fixed_gift_search {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: -1;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  #sysHeader .fixed_gift_search {
    display: none;
  }
}
#sysHeader .fixed_gift_search a .inner {
  width: 86px;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  color: #1d1d1d;
  text-align: center;
  background: #ffffff;
  border: 1px solid #6e6966;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition-duration: 0.3s;
}
#sysHeader .fixed_gift_search a .inner::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/img/common/arrow_black_r.png") top center no-repeat;
  background-size: 100% auto;
  margin-top: 8px;
}
#sysHeader .fixed_gift_search a .inner img {
  width: 15px;
}
#sysHeader .fixed_gift_search a:hover {
  text-decoration: none;
}
#sysHeader .fixed_gift_search a:hover .inner {
  background: #6e6966;
  color: #ffffff;
  text-decoration: none;
}
#sysHeader .fixed_gift_search a:hover .inner::after {
  background: url("/img/common/arrow_white_r.png") top center no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .fixed_gift_search a .inner {
    width: 6.935483871vw;
    height: 8.3870967742vw;
    font-size: 1.1290322581vw;
    line-height: 1.6935483871vw;
    border-top-left-radius: 0.8064516129vw;
    border-bottom-left-radius: 0.8064516129vw;
  }
  #sysHeader .fixed_gift_search a .inner img {
    width: 1.2096774194vw;
  }
  #sysHeader .fixed_gift_search a .inner::after {
    width: 1.2096774194vw;
    height: 1.2096774194vw;
    margin-top: 0.6451612903vw;
  }
}
#sysHeader .h_menu {
  margin: 0;
  padding: 0;
}
#sysHeader .h_menu .h_menu_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  width: 380px;
  height: 100vh;
  background: #ffffff;
  transition-duration: 0.3s;
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap {
    width: 82.6666666667vw;
    height: 100vh;
  }
}
#sysHeader .h_menu .h_menu_wrap .menu_head {
  width: 100%;
  padding: 13px 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head {
    padding: 4vw 5.3333333333vw 0;
  }
}
#sysHeader .h_menu .h_menu_wrap .menu_head .close_btn {
  opacity: 0;
  pointer-events: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
}
#sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::before, #sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::after {
  content: "";
  display: block;
  width: 35px;
  height: 2px;
  background: #1d1d1d;
  position: absolute;
  top: 50%;
  left: 50%;
}
#sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::before {
  transform: translate(-50%, -50%) rotateZ(30deg);
}
#sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::after {
  transform: translate(-50%, -50%) rotateZ(-30deg);
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head .close_btn {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  #sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::before, #sysHeader .h_menu .h_menu_wrap .menu_head .close_btn::after {
    width: 6.4vw;
    height: 0.5333333333vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap {
    display: none;
  }
}
#sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm {
  position: relative;
}
#sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
  width: 100%;
}
#sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 15px 10px 45px;
  margin: 0;
  font-size: 15px;
  line-height: 19px;
  border: none;
  background: #ffffff;
  border-radius: 20px;
  outline: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
    width: 100%;
  }
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    height: 3.2258064516vw;
    padding: 0.7258064516vw 1.2096774194vw 0.8064516129vw 3.6290322581vw;
    font-size: 1.2096774194vw;
    line-height: 1.5322580645vw;
    border-radius: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord {
    width: 100%;
  }
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm .sysItemSearchFormWord input[type=search] {
    display: block;
    width: 100%;
    height: 10.6666666667vw;
    padding: 2.9333333333vw 4vw 3.2vw 12vw;
    margin: 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    border: none;
    border-radius: 5.3333333333vw;
    outline: none;
  }
}
#sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm input.sysSearchButton {
  display: block;
  outline: none;
  width: 24px;
  height: 24px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("/img/common/search_grey.png") top center no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .menu_head .menu_search_wrap form.sysItemSearchForm input.sysSearchButton {
    width: 6.4vw;
    height: 6.4vw;
    left: 3.4666666667vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .inner {
  height: calc(100% - 93px);
  overflow-y: scroll;
  padding-bottom: 70px;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner {
    height: calc(100% - 17.3333333333vw);
    padding-bottom: calc(100vh - 100svh + 10.6666666667vw);
  }
}
#sysHeader .h_menu .h_menu_wrap .inner::-webkit-scrollbar {
  display: none;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap {
    padding: 0 5.3333333333vw;
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog {
    padding-left: 3.2vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a {
  display: block;
  padding: 15px 0;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  color: #1d1d1d;
  border-bottom: 1px solid #979797;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a:hover {
  opacity: 1;
  color: #e94709;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a:hover::after {
  border-top: 1px solid #e94709;
  border-right: 1px solid #e94709;
  transform: translate(0, -50%) rotateZ(45deg);
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a {
    padding: 3.4666666667vw 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.catalog a::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk .menu_ttl {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk .menu_ttl {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    margin-bottom: 0.5333333333vw;
  }
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul {
    padding-left: 3.2vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li {
  border-bottom: 1px solid #979797;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a {
  display: block;
  padding: 15px 0;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  color: #1d1d1d;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1d1d1d;
  border-right: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%) rotateZ(45deg);
  transition-duration: 0.3s;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a:hover {
  opacity: 1;
  color: #e94709;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a:hover::after {
  border-top: 1px solid #e94709;
  border-right: 1px solid #e94709;
  transform: translate(0, -50%) rotateZ(45deg);
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a {
    padding: 3.4666666667vw 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk ul li a::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com .menu_ttl {
  margin-bottom: 20px;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li {
  border-bottom: none;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li a {
  display: inline-block;
  padding: 0;
  font-size: 13px;
  line-height: 19px;
  position: relative;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li a::after {
  display: none;
}
#sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li a:hover {
  opacity: 1;
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com .menu_ttl {
    margin-bottom: 5.3333333333vw;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul {
    display: flex;
    flex-direction: column;
    gap: 5.3333333333vw;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li {
    border-bottom: none;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li a {
    display: inline-block;
    padding: 0;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    position: relative;
  }
  #sysHeader .h_menu .h_menu_wrap .inner .blk_wrap .blk.com ul li a::after {
    display: none;
  }
}
#sysHeader .h_menu .close_layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  transition-duration: 0.3s;
  opacity: 0;
  pointer-events: none;
}
#sysHeader .h_menu.open .h_menu_wrap {
  transform: translateX(0);
}
#sysHeader .h_menu.open .close_layer {
  opacity: 1;
  pointer-events: auto;
}
#sysHeader .header_min {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-110%);
  transition-duration: 0.3s;
  margin: 0;
}
#sysHeader .header_min.active {
  transform: translateY(0);
}
#sysHeader .header_min.active .h_navi {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 750px) {
  #sysHeader .header_min {
    display: none;
  }
}
#sysHeader .header_min .funeral_navi_wrap {
  margin-bottom: 0;
}
#sysHeader .header_min .min_nav_wrap {
  padding: 0;
  background: #ffffff;
}
#sysHeader .header_min .min_nav_wrap .h_navi .min_logo_wrap {
  width: 240px;
  position: absolute;
  top: 48%;
  left: 90px;
  transform: translateY(-50%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header_min .min_nav_wrap .h_navi .min_logo_wrap {
    width: 19.3548387097vw;
    left: 7.2580645161vw;
  }
}
#sysHeader .header_min .min_nav_wrap .h_navi .min_logo_wrap .yamato_logo {
  display: none;
}
#sysHeader .header_min .min_nav_wrap .h_navi .h_navi_inner .navi_wrap .main_navi_list {
  padding: 29px 22px 30px;
}
#sysHeader .header_min .min_nav_wrap .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi::after {
  bottom: -32px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header_min .min_nav_wrap .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .main_navi::after {
    bottom: -2.5806451613vw;
  }
}
#sysHeader .header_min .min_nav_wrap .h_navi .h_navi_inner .navi_wrap .main_navi_list:hover .toggle_wrap {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header_min .min_nav_wrap .h_navi .h_navi_inner .navi_wrap .main_navi_list {
    padding: 2.3387096774vw 1.7741935484vw 2.4193548387vw;
  }
}
#sysHeader .header_min .min_nav_wrap .h_navi .min_cart {
  width: 30px;
  position: absolute;
  top: 35px;
  right: 30px;
  transform: translateY(-50%);
}
#sysHeader .header_min .min_nav_wrap .h_navi .min_cart::after {
  content: "カート";
  display: block;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #sysHeader .header_min .min_nav_wrap .h_navi .min_cart::after {
    font-size: 2.6666666667vw;
    bottom: -3.7333333333vw;
  }
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysHeader .header_min .min_nav_wrap .h_navi .min_cart {
    width: 2.4193548387vw;
    top: 2.8225806452vw;
    right: 2.4193548387vw;
  }
}

#sysFooter .fixed_bottom_navi {
  display: none;
}
@media screen and (max-width: 750px) {
  #sysFooter .fixed_bottom_navi {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
  }
  #sysFooter .fixed_bottom_navi ul {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
  }
  #sysFooter .fixed_bottom_navi ul li {
    flex-grow: 1;
    display: none;
  }
  #sysFooter .fixed_bottom_navi ul li:nth-child(3) {
    margin: 0 1px;
  }
  #sysFooter .fixed_bottom_navi ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3.4666666667vw;
    width: 100%;
    height: 10.6666666667vw;
    font-size: 4vw;
    letter-spacing: 0.06em;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    background: #e94709;
    white-space: nowrap;
  }
  #sysFooter .fixed_bottom_navi ul li a:hover {
    text-decoration: none;
  }
  #sysFooter .fixed_bottom_navi ul li.toTop {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    width: 11.2vw;
  }
  #sysFooter .fixed_bottom_navi ul li.toTop a {
    padding: 0;
    position: relative;
    background: #ffffff;
  }
  #sysFooter .fixed_bottom_navi ul li.toTop a::after {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 1px solid #1d1d1d;
    border-left: 1px solid #1d1d1d;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  #sysFooter .fixed_bottom_navi .toCart_pc {
    display: none;
  }
}
#sysFooter .footer {
  margin: 0;
  padding: 75px 20px 20px;
  background: #9c9c89;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer {
    padding: 6.0483870968vw 1.6129032258vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer {
    padding: 10.6666666667vw 5.3333333333vw 6.6666666667vw;
  }
}
#sysFooter .footer div.f_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#sysFooter .footer div.f_inner div.related_sites {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
  margin-bottom: 60px;
}
#sysFooter .footer div.f_inner div.related_sites > span {
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
}
#sysFooter .footer div.f_inner div.related_sites > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}
#sysFooter .footer div.f_inner div.related_sites > ul > li > a {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 13px;
}
#sysFooter .footer div.f_inner div.related_sites > ul > li > a::after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url("/img/common/footer/icon_link.png") top center no-repeat;
  background-size: 100% auto;
  margin-top: 2px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer div.f_inner div.related_sites {
    gap: 4.0322580645vw;
    margin-bottom: 4.8387096774vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > span {
    font-size: 1.3709677419vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul {
    gap: 3.2258064516vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul > li > a {
    font-size: 1.2096774194vw;
    gap: 1.0483870968vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul > li > a::after {
    width: 1.3709677419vw;
    height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer div.f_inner div.related_sites {
    display: block;
    margin-bottom: 8vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > span {
    display: block;
    font-size: 4.5333333333vw;
    text-align: left;
    margin-bottom: 4vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.2vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul > li > a {
    font-size: 4vw;
    gap: 3.4666666667vw;
  }
  #sysFooter .footer div.f_inner div.related_sites > ul > li > a::after {
    width: 4vw;
    height: 4vw;
  }
}
#sysFooter .footer div.f_inner ul.sns_links {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 60px;
}
#sysFooter .footer div.f_inner ul.sns_links > li {
  width: 270px;
}
#sysFooter .footer div.f_inner ul.sns_links > li > a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  text-align: left;
}
#sysFooter .footer div.f_inner ul.sns_links > li > a > img {
  width: 44px;
}
#sysFooter .footer div.f_inner ul.sns_links > li > a > div {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: left;
}
#sysFooter .footer div.f_inner ul.sns_links > li > a > div span {
  display: block;
  padding-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer div.f_inner ul.sns_links {
    gap: 3.2258064516vw;
    margin-bottom: 4.8387096774vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li {
    width: 21.7741935484vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a {
    gap: 1.2096774194vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > img {
    width: 3.5483870968vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > div {
    font-size: 1.2096774194vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > div span {
    padding-top: 0.6451612903vw;
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer div.f_inner ul.sns_links {
    flex-direction: column;
    gap: 1.3333333333vw;
    margin-bottom: 8vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li {
    width: 100%;
    height: 12.5333333333vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a {
    width: 100%;
    height: 100%;
    background: #ebebe7;
    border-radius: 2.6666666667vw;
    padding: 0 2.6666666667vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.6vw;
    text-align: left;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > img {
    width: 8vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > div {
    font-size: 3.7333333333vw;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > div > br {
    display: none;
  }
  #sysFooter .footer div.f_inner ul.sns_links > li > a > div span {
    display: none;
  }
}
#sysFooter .footer div.f_inner ul.sys_navi {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 40px;
  width: 750px;
  margin: 0 auto 70px;
}
#sysFooter .footer div.f_inner ul.sys_navi > li > a {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer div.f_inner ul.sys_navi {
    gap: 0.8064516129vw 3.2258064516vw;
    width: 60.4838709677vw;
    margin: 0 auto 5.6451612903vw;
  }
  #sysFooter .footer div.f_inner ul.sys_navi > li > a {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer div.f_inner ul.sys_navi {
    gap: 3.2vw 4vw;
    width: 100%;
    margin: 0 auto 10.6666666667vw;
  }
  #sysFooter .footer div.f_inner ul.sys_navi > li > a {
    font-size: 2.9333333333vw;
  }
}
#sysFooter .footer div.f_inner div.logo_wrap {
  margin-bottom: 20px;
}
#sysFooter .footer div.f_inner div.logo_wrap > a > img {
  display: block;
}
#sysFooter .footer div.f_inner div.logo_wrap > a > img.pr_logo {
  width: 270px;
  margin: 0 auto 15px;
}
#sysFooter .footer div.f_inner div.logo_wrap > a > img.yamato_logo {
  width: 130px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer div.f_inner div.logo_wrap {
    margin-bottom: 1.6129032258vw;
  }
  #sysFooter .footer div.f_inner div.logo_wrap > a > img.pr_logo {
    width: 21.7741935484vw;
    margin: 0 auto 1.2096774194vw;
  }
  #sysFooter .footer div.f_inner div.logo_wrap > a > img.yamato_logo {
    width: 10.4838709677vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer div.f_inner div.logo_wrap {
    margin-bottom: 4vw;
  }
  #sysFooter .footer div.f_inner div.logo_wrap > a > img {
    display: block;
  }
  #sysFooter .footer div.f_inner div.logo_wrap > a > img.pr_logo {
    width: 48vw;
    margin: 0 auto 4vw;
  }
  #sysFooter .footer div.f_inner div.logo_wrap > a > img.yamato_logo {
    width: 23.2vw;
  }
}
#sysFooter .footer div.f_inner div.f_txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .footer div.f_inner div.f_txt {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .footer div.f_inner div.f_txt {
    font-size: 2.9333333333vw;
    text-align: left;
  }
}
#sysFooter .f_copyrights {
  margin: 0;
  padding: 0 0 20px;
  background: #9c9c89;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .f_copyrights {
    padding: 0 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .f_copyrights {
    padding: 0 0 4vw;
  }
}
#sysFooter .f_copyrights .copyrights {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #sysFooter .f_copyrights .copyrights {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #sysFooter .f_copyrights .copyrights {
    font-size: 2.9333333333vw;
  }
}
#sysFooter .f_copyrights .pageTop {
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  position: fixed;
  bottom: 20px;
  right: 28px;
  z-index: 100;
}
#sysFooter .f_copyrights .pageTop a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-top: 2px solid #1d1d1d;
}
#sysFooter .f_copyrights .pageTop a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1d1d1d;
  border-left: 2px solid #1d1d1d;
  transform: translateY(50%) rotateZ(45deg);
}
@media screen and (max-width: 750px) {
  #sysFooter .f_copyrights .pageTop {
    display: none;
  }
}
#sysFooter .f_copyrights .pageTop.change a {
  border-top: 2px solid #ffffff;
}
#sysFooter .f_copyrights .pageTop.change a::after {
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}

#sysAside {
  display: none;
}
#sysAside .side_gift_search .sysHeadline {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  padding-bottom: 11px;
  border-bottom: 1px solid #979797;
  margin-bottom: 20px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle {
  display: none;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] {
  display: none;
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] span[class*=itemCategoryGroupTitle] {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  background: #ffffff url("/img/common/select_arr.png") center right 11px no-repeat;
  background-size: 8px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] span[class*=itemCategoryGroupTitle] {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    background: #ffffff url("/img/common/select_arr.png") center right 2.9333333333vw no-repeat;
    background-size: 2.1333333333vw auto;
  }
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] > ul {
  display: none;
  width: 100%;
  border: 1px solid #979797;
  background: #ffffff;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateY(100%);
  max-height: 320px;
  overflow-y: scroll;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] > ul > li input {
  display: none;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] > ul > li input[data-is-checked] + label {
  background: #ebebe7;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] > ul > li input:disabled + label {
  opacity: 1;
  pointer-events: none;
  color: #979797 !important;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div[class*=itemCategoryGroup] > ul > li > label {
  display: block;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0 {
  order: 3;
  display: block;
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup0::before {
  content: "カテゴリ";
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 11px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2 {
  order: 1;
  display: block;
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup2::before {
  content: "贈るシーン";
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 11px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup3 {
  order: 2;
  display: block;
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups div.itemCategoryGroup3::before {
  content: "贈る相手";
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 11px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups span.sysItemSearchFormItemPrGroupsTitle {
  display: none;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] {
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] span[class*=itemPrGroupTitle] {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  background: #ffffff url("/img/common/select_arr.png") center right 11px no-repeat;
  background-size: 8px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] span[class*=itemPrGroupTitle] {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    background: #ffffff url("/img/common/select_arr.png") center right 2.9333333333vw no-repeat;
    background-size: 2.1333333333vw auto;
  }
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] > ul {
  display: none;
  width: 100%;
  border: 1px solid #979797;
  background: #ffffff;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateY(100%);
  max-height: 320px;
  overflow-y: scroll;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] > ul > li input {
  display: none;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] > ul > li input[data-is-checked] + label {
  background: #ebebe7;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] > ul > li input:disabled + label {
  opacity: 1;
  pointer-events: none;
  color: #979797 !important;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div[class*=itemPrGroup] > ul > li > label {
  display: block;
  padding: 10px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div.itemPrGroup0 {
  order: 3;
  display: block;
  position: relative;
}
#sysAside .side_gift_search form.sysItemSearchForm div.sysItemSearchFormItemPrGroups div.itemPrGroup0::before {
  content: "カタログタイプ又はカタログの商品以外";
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 11px;
}
#sysAside .side_gift_search form.sysItemSearchForm input.sysSearchButton {
  width: 100%;
  height: 47px;
  border: 1px solid #e94709;
  border-radius: 15px;
  background: #e94709;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  transition-duration: 0.3s;
}
#sysAside .side_gift_search form.sysItemSearchForm input.sysSearchButton:hover {
  background: #ffffff;
  color: #e94709;
}
#sysAside .aside_reset_btn {
  margin-top: 20px;
}
#sysAside .aside_reset_btn .reset_btn {
  text-align: right;
}
#sysAside .aside_reset_btn .reset_btn span {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  color: #044EA1;
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #sysAside .aside_reset_btn .reset_btn span {
    font-size: 3.4666666667vw;
  }
}

body#top #sysWrap {
  width: 100%;
  max-width: 100%;
}
body#top #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap {
  display: none;
}
body#top #sysWrap #sysMain div.mv_menu_gift div.sysContent div.mv_wrap_pc {
  aspect-ratio: 240/79;
}
body#top #sysWrap #sysMain div.mv_menu_gift div.sysContent div.mv_wrap_sp div.swiper-horizontal div#swiper-wrapper-4cd4864df344ecb0 div.swiper-slide > img {
  aspect-ratio: 1/1;
}
body#top #sysWrap #sysMain .trending_items {
  display: none;
}
body#top #sysWrap #sysMain .top_mv_lead_fade {
  padding-bottom: 50px;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade {
    padding-bottom: 4.0322580645vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade {
    padding-bottom: 10.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide {
  position: relative;
  width: 100%;
  height: 160px;
  background: #fcf8f0;
  padding: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide {
    height: 12.9032258065vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide {
    height: 26.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 1.35s;
  opacity: 0;
  filter: blur(10px);
  pointer-events: none;
}
body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li.active {
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
}
body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt {
    font-size: 1.6129032258vw;
    line-height: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt {
    font-size: 4vw;
    line-height: 6.9333333333vw;
  }
}
body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt.large {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 44px;
  line-height: 66px;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt.large {
    font-size: 3.5483870968vw;
    line-height: 5.3225806452vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .mv_lead_wrap .txt_fade_slide li .lead_txt.large {
    font-size: 5.8666666667vw;
    line-height: 8.8vw;
  }
}
body#top #sysWrap #sysMain .top_mv_lead_fade .about_pr_link {
  margin: 0;
}
body#top #sysWrap #sysMain .top_mv_lead_fade .about_pr_link a {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  height: 38px;
  border: 1px solid #6e6966;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d1d1d;
  white-space: nowrap;
}
body#top #sysWrap #sysMain .top_mv_lead_fade .about_pr_link a:hover {
  color: #e94709;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_lead_fade .about_pr_link a {
    padding: 2.6666666667vw 5.3333333333vw;
    height: 10.4vw;
    border-radius: 5.0666666667vw;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
  }
}
body#top #sysWrap #sysMain .top_mv_slider {
  max-width: 100%;
  transition-duration: 0.5s;
  padding-top: 40px;
  height: 25vw;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_slider {
    padding-top: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_slider {
    padding-top: 5.3333333333vw;
    height: auto;
  }
}
body#top #sysWrap #sysMain .top_mv_slider .mv_swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_mv_slider .mv_swiper .swiper-slide {
    border-radius: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_mv_slider .mv_swiper .swiper-slide {
    border-radius: 4vw;
  }
}
body#top #sysWrap #sysMain .top_lead {
  display: none;
  opacity: 0;
}
body#top #sysWrap #sysMain .top_lead_wrap {
  margin: 0 auto;
  padding: 70px 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_lead_wrap {
    padding: 5.6451612903vw 1.6129032258vw;
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_wrap {
    gap: 6.9333333333vw;
    padding: 12vw 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_lead_wrap .top_lead {
  display: block;
  margin: 0;
  padding: 0;
  opacity: 1;
}
body#top #sysWrap #sysMain .top_lead_txt .lead_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_lead_txt .lead_ttl {
    font-size: 3.8709677419vw;
    line-height: 4.8387096774vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_txt .lead_ttl {
    font-size: 6.9333333333vw;
    line-height: 9.0666666667vw;
    margin-bottom: 4vw;
  }
}
body#top #sysWrap #sysMain .top_lead_txt .lead_txt {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_lead_txt .lead_txt {
    font-size: 1.2903225806vw;
    line-height: 2.5806451613vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_txt .lead_txt {
    font-size: 3.2vw;
    line-height: 6.4vw;
  }
}
body#top #sysWrap #sysMain .top_lead_txt .about_pr_link {
  margin: 20px 0 0;
}
body#top #sysWrap #sysMain .top_lead_txt .about_pr_link a {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  height: 38px;
  border: 1px solid #6e6966;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d1d1d;
  white-space: nowrap;
}
body#top #sysWrap #sysMain .top_lead_txt .about_pr_link a:hover {
  color: #e94709;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_txt .about_pr_link {
    margin: 4vw 0 0;
  }
  body#top #sysWrap #sysMain .top_lead_txt .about_pr_link a {
    padding: 2.6666666667vw 5.3333333333vw;
    height: 10.4vw;
    border-radius: 5.0666666667vw;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_image {
    max-width: 89.3333333333vw;
    margin: 0 auto;
  }
}
body#top #sysWrap #sysMain .top_lead_image ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
body#top #sysWrap #sysMain .top_lead_image ul li img {
  width: 100%;
  max-width: 580px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_lead_image ul {
    gap: 3.2258064516vw;
  }
  body#top #sysWrap #sysMain .top_lead_image ul li img {
    max-width: 46.7741935484vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_lead_image ul {
    flex-wrap: wrap;
    gap: 4vw;
  }
  body#top #sysWrap #sysMain .top_lead_image ul li {
    width: 70.6666666667vw;
    max-height: unset;
  }
}
body#top #sysWrap #sysMain .kokuti2 {
  width: 100%;
  max-width: 650px;
  margin: 0 auto !important;
}
body#top #sysWrap #sysMain .trending_items_select_blk {
  margin: 0 auto;
  padding: 70px 0;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk {
    padding: 5.6451612903vw 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk {
    padding: 12vw 0 29.8666666667vw !important;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .sysHeadline {
  max-width: 1240px;
  margin: 0 auto 30px;
  padding: 0 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .sysHeadline {
    padding: 0 1.6129032258vw;
    margin: 0 auto 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .sysHeadline {
    padding: 0 5.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .sysHeadline .view_more {
    bottom: 12vw !important;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .sysContent {
  max-width: 1240px;
  margin: 0 auto;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap {
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  overflow-x: scroll;
  -webkit-appearance: none;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap {
    padding: 0 1.6129032258vw;
    gap: 0.6451612903vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap {
    gap: 1.6vw;
    margin-bottom: 4vw;
    padding: 0 5.3333333333vw 1.3333333333vw;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap li {
  margin: 0;
  padding: 10px 15px 11px;
  background: #ffffff;
  border-radius: 19px;
  cursor: pointer;
  color: #1d1d1d;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  transition-duration: 0.3s;
  flex-shrink: 0;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap li.active {
  background: #e94709 !important;
  color: #ffffff !important;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap li:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap li {
    padding: 0.8064516129vw 1.2096774194vw 0.8870967742vw;
    border-radius: 1.5322580645vw;
    font-size: 0.9677419355vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .select_tab_wrap li {
    flex-shrink: 0;
    padding: 1.3333333333vw 3.2vw;
    border-radius: 3.4666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock {
  position: relative;
  overflow: hidden;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHeadline {
  display: none;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items.active .sysHorizontal li {
  transform: translateX(0);
  opacity: 1;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 25px;
  padding: 0 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal {
    gap: 2.0161290323vw;
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal {
    overflow-x: scroll;
    gap: 4vw;
    padding: 0 5.3333333333vw 1.3333333333vw;
    -webkit-appearance: none;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal::-webkit-scrollbar {
    display: none;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal::after {
  display: none;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li {
  width: calc((100% - 100px) / 5);
  padding: 0;
  float: none;
  transform: translateX(100%);
  opacity: 1;
  transition-duration: 0.5s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li:nth-child(1) {
  transition-delay: 0.1s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li:nth-child(2) {
  transition-delay: 0.2s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li:nth-child(3) {
  transition-delay: 0.3s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li:nth-child(4) {
  transition-delay: 0.4s;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li:nth-child(5) {
  transition-delay: 0.5s;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li {
    width: calc((100% - 8.064516129vw) / 5);
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li {
    width: 36vw;
    flex-shrink: 0;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemImage {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 12px;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemImage a {
  display: block;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemImage a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemImage {
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemImage {
    margin-bottom: 2.1333333333vw;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName {
  margin: 0 0 10px;
  text-align: left;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName a {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName {
    margin: 0 0 0.8064516129vw;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName a {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName {
    margin: 0 0 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemName a {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice,
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
}
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice .taxin,
body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice .taxin {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  padding-left: 2px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice,
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 1.6129032258vw;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice .taxin,
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 0.9677419355vw;
    padding-left: 0.1612903226vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice,
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 4.5333333333vw;
    line-height: 1;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemPrice .taxin,
  body#top #sysWrap #sysMain .trending_items_select_blk .inner .selected_itemblock .trending_items .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
body#top #sysWrap #sysMain .top_catalog_wrap {
  padding: 70px 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_catalog_wrap {
    padding: 5.6451612903vw 0;
    gap: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_wrap {
    padding: 12vw 0 32vw;
    gap: 8vw;
    position: relative;
  }
}
body#top #sysWrap #sysMain .top_catalog_wrap .top_catalog_gift {
  opacity: 1;
}
body#top #sysWrap #sysMain .top_catalog_wrap .catalog_bnr_wrap {
  opacity: 1;
}
body#top #sysWrap #sysMain .top_catalog_gift {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  opacity: 0;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift {
    position: static;
  }
  body#top #sysWrap #sysMain .top_catalog_gift .sysContent {
    position: relative;
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .sysHeadline {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_catalog_gift .sysHeadline {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .sysHeadline {
    margin: 0 auto 5.3333333333vw;
    padding: 0 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_catalog_gift .sysHeadline .view_more {
    position: absolute;
    bottom: 12vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper {
  width: 1920px;
  height: 460px;
  overflow: visible;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper {
    width: 100%;
    height: 97.3333333333vw;
    left: 0;
    transform: translateX(0);
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper {
  align-items: flex-end;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide {
  transform: scale(1);
  transition: 0.5s;
  height: auto;
  transform-origin: bottom;
  position: relative;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a {
  display: block;
  position: relative;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  object-fit: contain;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a img.normal {
  transition-duration: 0.5s;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a img.active {
  transition-duration: 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a > span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 15px;
  transition-duration: 0s;
  transform-origin: bottom;
  height: 4.5em;
  margin-top: 0.75em;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a span {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a {
    margin-bottom: 0;
  }
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide a span {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide .baloon_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fcf8f0;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide .baloon_icon span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  margin-bottom: 0;
  transform: scale(1.85);
  z-index: 1;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide.swiper-slide-active a img {
  width: 100%;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide.swiper-slide-active a img.normal {
  opacity: 0;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide.swiper-slide-active a img.active {
  opacity: 1;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper .swiper-wrapper .swiper-slide.swiper-slide-active a span {
  transform: scale(0.55);
  transition-duration: 0s;
}
body#top #sysWrap #sysMain .top_catalog_gift .sysContent {
  position: relative;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 {
  width: 1920px;
  overflow: visible;
  position: relative;
  top: 0;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  margin: 0;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper {
  align-items: flex-end;
  transition-timing-function: cubic-bezier(0.43, 0.01, 0.47, 0.97) !important;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper {
    position: static;
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide {
  transition: 0.5s;
  height: auto;
  transform-origin: bottom;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide {
    position: static;
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a {
  position: relative;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  will-change: opacity;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a img.normal {
  position: relative;
  z-index: 10;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a img.active {
  transition-duration: 0.4s;
  transition-delay: 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-size: 15px;
  transition-duration: 0.5s;
  transform-origin: bottom;
  height: 4.5em;
  margin-top: 0.75em;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon {
  width: 110px;
  height: 110px;
  position: absolute;
  bottom: 70px;
  right: 60px;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fcf8f0;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  pointer-events: none;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon > div {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-feature-settings: "palt";
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon > div span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon.large {
  width: 130px;
  height: 130px;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon.large > div {
  font-size: 15px;
  line-height: 23px;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon.large > div span {
  font-size: 20px;
  line-height: 29px;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active {
  margin-bottom: 0;
  z-index: 1;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active a img {
  width: 100%;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active a img.active {
  opacity: 1;
}
body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide.swiper-slide-active a span {
  opacity: 1;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a span {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide {
    margin-bottom: 0;
  }
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide a span {
    font-size: 3.2vw;
  }
  body#top #sysWrap #sysMain .top_catalog_gift .catalog_swiper2 .swiper-wrapper .swiper-slide .baloon_icon {
    display: none;
  }
}
body#top #sysWrap #sysMain .top_catalog_gift .sp_baloon_wrap {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
body#top #sysWrap #sysMain .top_catalog_gift .sp_baloon_wrap li {
  width: 25.6vw;
  height: 25.6vw;
  position: absolute;
  bottom: 16vw;
  right: 10.6666666667vw;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fcf8f0;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  pointer-events: none;
  padding-right: 2px;
  opacity: 0;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_catalog_gift .sp_baloon_wrap li.active {
  opacity: 1;
  transition-duration: 1s;
  transition-delay: 0.5s;
}
body#top #sysWrap #sysMain .top_catalog_gift .sp_baloon_wrap li > div {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.4666666667vw;
  line-height: 4.8vw;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-feature-settings: "palt";
}
body#top #sysWrap #sysMain .top_catalog_gift .sp_baloon_wrap li > div span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 4.5333333333vw;
  line-height: 5.8666666667vw;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
body#top #sysWrap #sysMain .catalog_bnr_wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  opacity: 0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .catalog_bnr_wrap {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .catalog_bnr_wrap {
    padding: 0 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .catalog_bnr_wrap ul {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1610px;
  margin: 0 auto;
}
body#top #sysWrap #sysMain .catalog_bnr_wrap ul li {
  width: calc((100% - 90px) / 4);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .catalog_bnr_wrap ul {
    gap: 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .catalog_bnr_wrap ul li {
    width: calc((100% - 7.2580645161vw) / 4);
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .catalog_bnr_wrap ul {
    flex-wrap: wrap;
    gap: 4vw;
  }
  body#top #sysWrap #sysMain .catalog_bnr_wrap ul li {
    width: calc((100% - 4vw) / 2);
  }
}
body#top #sysWrap #sysMain .top_search_blk {
  margin-bottom: 0;
}
body#top #sysWrap #sysMain .top_search_blk_wrap {
  padding: 70px 0 0;
  background: #ebebe7;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_blk_wrap {
    padding: 5.6451612903vw 0 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_blk_wrap {
    padding: 12vw 0 0;
  }
}
body#top #sysWrap #sysMain .top_gift_finder {
  margin-bottom: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder {
    margin-bottom: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder {
    margin-bottom: 10.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: relative;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm {
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
    gap: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups {
    flex-direction: column;
    gap: 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups > div[class^=itemCategoryGroup] {
  display: none;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups span.sysItemSearchFormItemCategoryGroupsTitle {
  display: none;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
  width: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups img.search_cross_img {
    width: 4.2666666667vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
  display: block;
  width: 300px;
  height: 62px;
  border: 1px solid #6e6966;
  border-radius: 5px;
  background: #ffffff;
  padding: 19px 35px;
  cursor: pointer;
  position: relative;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
  display: block;
  text-align: center;
  font-size: 16px;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span.default {
  color: #979797;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span br {
  display: none;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/img/common/arrow_black_d.png") top center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 15px;
  pointer-events: none;
  transform: translateY(-50%);
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target.open::after {
  transform: translateY(-50%) scaleY(-1);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
    width: 24.1935483871vw;
    height: 5vw;
    border-radius: 0.4032258065vw;
    padding: 1.5322580645vw 2.8225806452vw;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
    font-size: 1.2903225806vw;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
    width: 1.2096774194vw;
    height: 1.2096774194vw;
    right: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target {
    width: 73.3333333333vw;
    height: 14.9333333333vw;
    padding: 5.0666666667vw 9.3333333333vw;
    border-radius: 1.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target span {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .search_target::after {
    width: 4vw;
    height: 4vw;
    right: 4vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
  display: none;
  width: 1040px;
  padding: 40px;
  background: #cdcdc4;
  border-radius: 15px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 100%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
    width: 83.8709677419vw;
    padding: 3.2258064516vw;
    border-radius: 1.2096774194vw;
    bottom: -2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap {
    width: 89.3333333333vw;
    max-height: 114.9333333333vw;
    overflow-y: scroll;
    padding: 8vw 5.8666666667vw;
    border-radius: 4vw;
    bottom: auto;
    top: 20.2666666667vw;
    transform: translate(-50%, 0);
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap {
  order: 1;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap .inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap .inner {
    gap: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap .inner {
    gap: 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
  display: block;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 10px;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap div[class^=itemCategoryGroup].itemCategoryGroup7 {
  order: 10;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
    font-size: 1.2096774194vw;
    margin-bottom: 0.8064516129vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_scene_wrap div[class^=itemCategoryGroup] span[class^=itemCategoryGroupTitle] {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap {
  order: 2;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap {
    top: 48.8vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap.search_price_wrap span[class^=itemCategoryGroupTitle] {
  display: none;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
  width: calc((100% - 40px) / 5);
  height: 51px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
    width: calc((100% - 3.2258064516vw) / 5);
    height: 4.1129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li {
    width: calc((100% - 2.6666666667vw) / 2);
    height: 10.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input {
  display: none;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input:checked + label {
  background: #e94709 !important;
  color: #ffffff !important;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li input:disabled + label {
  opacity: 1;
  pointer-events: none;
  color: #979797 !important;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 15px;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
    line-height: 1.6129032258vw;
    border-radius: 0.8064516129vw;
    padding: 0 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm div.sysItemSearchFormItemCategoryGroups .itemCategoryGroup_wrap div[class^=itemCategoryGroup] ul li label {
    font-size: 3.2vw;
    line-height: 3.3333333333vw;
    border-radius: 1.3333333333vw;
    padding: 0 1.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton {
  margin: 0;
  width: 300px;
  height: 62px;
  background: #e94709 url("/img/common/search_white.png") center left 59px no-repeat;
  background-size: 36px auto;
  color: #ffffff;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 700;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton:hover {
  background: #ffffff url("/img/common/search_orange.png") center left 59px no-repeat;
  background-size: 36px auto;
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton {
    width: 24.1935483871vw;
    height: 5vw;
    background: #e94709 url("/img/common/search_white.png") center left 4.7580645161vw no-repeat;
    background-size: 2.9032258065vw auto;
    border-radius: 1.2096774194vw;
    font-size: 1.2903225806vw;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton:hover {
    background: #ffffff url("/img/common/search_orange.png") center left 4.7580645161vw no-repeat;
    background-size: 2.9032258065vw auto;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton {
    width: 89.3333333333vw;
    height: 13.3333333333vw;
    background: #e94709 url("/img/common/search_white.png") center left 17.6vw no-repeat;
    background-size: 8vw auto;
    border-radius: 2.6666666667vw;
    font-size: 3.2vw;
    transition-duration: 0.3s;
  }
  body#top #sysWrap #sysMain .top_gift_finder form.sysItemSearchForm input.sysSearchButton:hover {
    background: #ffffff url("/img/common/search_orange.png") center left 17.6vw no-repeat;
    background-size: 8vw auto;
    color: #e94709;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 15px;
}
body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li {
  width: 200px;
  height: 70px;
  background: #cdcdc4;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #6e6966;
}
body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  font-weight: 500;
  color: #fcf8f0;
}
body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li.active {
  background: #fcf8f0;
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li.active span {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap {
    gap: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li {
    width: 16.1290322581vw;
    height: 5.6451612903vw;
    border-top-left-radius: 1.2096774194vw;
    border-top-right-radius: 1.2096774194vw;
    font-size: 1.6129032258vw;
    line-height: 2.0967741935vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li span {
    font-size: 0.9677419355vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap {
    gap: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li {
    width: 28vw;
    height: 13.3333333333vw;
    border-top-left-radius: 2.6666666667vw;
    border-top-right-radius: 2.6666666667vw;
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
    letter-spacing: 0;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_tab_wrap li span {
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap {
  position: relative;
  overflow: hidden;
  background: #fcf8f0;
  padding: 0 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap {
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap {
    padding: 0;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap {
  display: block;
  width: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition-duration: 0s;
  max-width: 1200px;
  margin: 0;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap {
  padding: 70px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  left: 0;
  transform: none;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap {
    padding: 5.6451612903vw 0;
    gap: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap {
    padding: 10.6666666667vw 5.3333333333vw;
    gap: 4vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl {
  width: calc((100% - 60px) / 3);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl {
    width: calc((100% - 4.8387096774vw) / 3);
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl {
    width: calc((100% - 4vw) / 2);
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt {
  width: 100%;
  aspect-ratio: 38/22;
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  opacity: 0.6;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt span {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt:hover {
  opacity: 1;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt:hover img {
  opacity: 0.4;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt:hover span {
  color: #1d1d1d;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt {
    border-radius: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt span {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt {
    aspect-ratio: 2/1;
    border-radius: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dt span {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.5s;
  background: rgba(42, 42, 42, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd {
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd {
    padding: 0;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd.active {
  opacity: 1;
  pointer-events: auto;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul {
  width: fit-content;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px 25px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul {
    gap: 2.4193548387vw 2.0161290323vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul {
    width: 100%;
    max-width: 89.3333333333vw;
    gap: 4vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li {
  width: 220px;
  aspect-ratio: 1/1;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li {
    width: 17.7419354839vw;
    border-radius: 0.8064516129vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li {
    width: calc((100% - 4vw) / 2);
    aspect-ratio: 2/1;
    border-radius: 1.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a span {
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.3s;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a span {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a {
    padding: 0;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a span {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a:hover {
  opacity: 1;
  text-decoration: none;
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a:hover img {
  opacity: 0.4;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.scene_wrap dl dd ul li a:hover span {
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap {
  padding: 80px 0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap {
    padding: 6.4516129032vw 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 25px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list {
    gap: 2.0161290323vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list {
    gap: 4vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li {
  width: calc((100% - 100px) / 5);
  height: 100px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li {
    width: calc((100% - 8.064516129vw) / 5);
    height: 8.064516129vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li {
    width: calc((100% - 4vw) / 2);
    height: 21.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  position: relative;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a img, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a span, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a span {
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  transition-duration: 0.3s;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a {
    border-radius: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a span, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a span {
    font-size: 1.2903225806vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a {
    border-radius: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a span, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a span {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a:hover, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a:hover {
  opacity: 1;
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a:hover img, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a:hover img {
  opacity: 0.4;
}
body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.recipient_wrap .cate_list li a:hover span, body#top #sysWrap #sysMain .top_search_tab .finder_wrap .cate_wrap.feeling_wrap .cate_list li a:hover span {
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_category {
  padding: 70px 0;
  background: #fcf8f0;
}
body#top #sysWrap #sysMain .top_category .sysHeadline {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto 30px;
}
body#top #sysWrap #sysMain .top_category ul {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 35px 24px;
}
body#top #sysWrap #sysMain .top_category ul li {
  width: calc((100% - 120px) / 6);
}
body#top #sysWrap #sysMain .top_category ul li img {
  margin-bottom: 15px;
}
body#top #sysWrap #sysMain .top_category ul li span {
  text-align: center;
  display: block;
  font-size: 15px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_category {
    padding: 5.6451612903vw 0;
  }
  body#top #sysWrap #sysMain .top_category .sysHeadline {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    margin: 0 auto 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_category ul {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    gap: 2.8225806452vw 1.935483871vw;
  }
  body#top #sysWrap #sysMain .top_category ul li {
    width: calc((100% - 9.6774193548vw) / 6);
  }
  body#top #sysWrap #sysMain .top_category ul li img {
    margin-bottom: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_category ul li span {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_category {
    padding: 12vw 0;
  }
  body#top #sysWrap #sysMain .top_category .sysHeadline {
    max-width: 100%;
    padding: 0 5.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_category ul {
    max-width: 89.3333333333vw;
    padding: 0;
    gap: 5.3333333333vw 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_category ul li {
    width: calc((100% - 5.3333333333vw) / 3);
  }
  body#top #sysWrap #sysMain .top_category ul li img {
    margin-bottom: 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .top_category ul li span {
    font-size: 3.2vw;
    line-height: 4.5333333333vw;
  }
}
body#top #sysWrap #sysMain .top_brands {
  padding: 70px 0;
}
body#top #sysWrap #sysMain .top_brands .sysHeadline {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto 30px;
}
body#top #sysWrap #sysMain .top_brands ul {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 32px 30px;
}
body#top #sysWrap #sysMain .top_brands ul li {
  width: calc((100% - 180px) / 7);
}
body#top #sysWrap #sysMain .top_brands ul li:nth-child(1), body#top #sysWrap #sysMain .top_brands ul li:nth-child(2) {
  width: calc((100% - 30px) / 2);
}
body#top #sysWrap #sysMain .top_brands ul li:nth-child(3), body#top #sysWrap #sysMain .top_brands ul li:nth-child(4), body#top #sysWrap #sysMain .top_brands ul li:nth-child(5), body#top #sysWrap #sysMain .top_brands ul li:nth-child(6) {
  width: calc((100% - 90px) / 4);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_brands {
    padding: 5.6451612903vw 0;
  }
  body#top #sysWrap #sysMain .top_brands .sysHeadline {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    margin: 0 auto 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_brands ul {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    gap: 2.5806451613vw 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li {
    width: calc((100% - 14.5161290323vw) / 7);
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(1), body#top #sysWrap #sysMain .top_brands ul li:nth-child(2) {
    width: calc((100% - 2.4193548387vw) / 2);
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(3), body#top #sysWrap #sysMain .top_brands ul li:nth-child(4), body#top #sysWrap #sysMain .top_brands ul li:nth-child(5), body#top #sysWrap #sysMain .top_brands ul li:nth-child(6) {
    width: calc((100% - 6.4516129032vw) / 4);
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_brands {
    padding: 12vw 0 29.8666666667vw !important;
  }
  body#top #sysWrap #sysMain .top_brands .sysHeadline {
    max-width: 100%;
    padding: 0 5.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_brands .sysHeadline .view_more {
    bottom: 12vw !important;
  }
  body#top #sysWrap #sysMain .top_brands ul {
    max-width: 89.3333333333vw;
    padding: 0;
    justify-content: center;
    gap: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li {
    width: calc((100% - 5.3333333333vw) / 3);
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(1), body#top #sysWrap #sysMain .top_brands ul li:nth-child(2) {
    width: 70.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(1) {
    margin-bottom: 1.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(2) {
    margin-bottom: 4vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(3), body#top #sysWrap #sysMain .top_brands ul li:nth-child(4), body#top #sysWrap #sysMain .top_brands ul li:nth-child(5), body#top #sysWrap #sysMain .top_brands ul li:nth-child(6) {
    width: 42.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_brands ul li:nth-child(n+19) {
    display: none;
  }
}
body#top #sysWrap #sysMain .top_campaign {
  padding: 70px 0;
  margin: 0;
}
body#top #sysWrap #sysMain .top_campaign .sysHeadline {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto 30px;
}
body#top #sysWrap #sysMain .top_campaign ul {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
}
body#top #sysWrap #sysMain .top_campaign ul li {
  width: calc((100% - 60px) / 3);
}
body#top #sysWrap #sysMain .top_campaign ul li img {
  display: block;
  margin-bottom: 12px;
}
body#top #sysWrap #sysMain .top_campaign ul li span {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_campaign {
    padding: 5.6451612903vw 0;
  }
  body#top #sysWrap #sysMain .top_campaign .sysHeadline {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    margin: 0 auto 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_campaign ul {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    gap: 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_campaign ul li {
    width: calc((100% - 4.8387096774vw) / 3);
  }
  body#top #sysWrap #sysMain .top_campaign ul li img {
    margin-bottom: 0.9677419355vw;
  }
  body#top #sysWrap #sysMain .top_campaign ul li span {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_campaign {
    padding: 10vw 0 8vw;
  }
  body#top #sysWrap #sysMain .top_campaign .sysHeadline {
    max-width: 100%;
    padding: 0 5.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_campaign .swiper {
    width: 100%;
    padding: 0 8vw !important;
    margin: 0 auto;
    overflow: visible;
    position: relative;
  }
  body#top #sysWrap #sysMain .top_campaign .swiper .swiper-button-prev {
    width: 8vw;
    height: 8vw;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
  }
  body#top #sysWrap #sysMain .top_campaign .swiper .swiper-button-prev::after {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 1px solid #1d1d1d;
    border-left: 1px solid #1d1d1d;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%) rotateZ(-45deg);
  }
  body#top #sysWrap #sysMain .top_campaign .swiper .swiper-button-next {
    width: 8vw;
    height: 8vw;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: translateY(-50%);
  }
  body#top #sysWrap #sysMain .top_campaign .swiper .swiper-button-next::after {
    content: "";
    display: block;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 1px solid #1d1d1d;
    border-right: 1px solid #1d1d1d;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  body#top #sysWrap #sysMain .top_campaign ul {
    max-width: 100%;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0 0 1.3333333333vw;
    -webkit-appearance: none;
  }
  body#top #sysWrap #sysMain .top_campaign ul::-webkit-scrollbar {
    display: none;
  }
  body#top #sysWrap #sysMain .top_campaign ul li {
    display: block;
    flex-shrink: 0;
  }
  body#top #sysWrap #sysMain .top_campaign ul li img {
    margin-bottom: 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .top_campaign ul li span {
    font-size: 3.2vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
body#top #sysWrap #sysMain .top_feature_wrap {
  display: flex;
  flex-direction: column;
  gap: 70px;
  padding: 70px 0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_feature_wrap {
    gap: 5.6451612903vw;
    padding: 5.6451612903vw 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_feature_wrap {
    gap: 12vw;
    padding: 12vw 0;
  }
}
body#top #sysWrap #sysMain .top_feature {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_feature {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_feature {
    max-width: 100%;
    padding: 0;
  }
}
body#top #sysWrap #sysMain .top_feature.jsActive .sysHorizontal li {
  transform: translateX(0);
  opacity: 1;
}
body#top #sysWrap #sysMain .top_feature .sysItemBlock {
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_feature .sysItemBlock {
    padding: 0 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal::-webkit-scrollbar {
  display: none;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal::after {
  display: none;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li {
  width: calc((100% - 72px) / 4);
  padding: 0;
  flex-shrink: 0;
  float: none;
  transform: translateX(100%);
  opacity: 1;
  transition-duration: 0.5s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li:nth-child(1) {
  transition-delay: 0.1s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li:nth-child(2) {
  transition-delay: 0.2s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li:nth-child(3) {
  transition-delay: 0.3s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li:nth-child(4) {
  transition-delay: 0.4s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li:nth-child(5) {
  transition-delay: 0.5s;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemImage {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 12px;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemImage a {
  display: block;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemImage a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName {
  width: 100%;
  margin: 0 0 10px;
  text-align: left;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName a {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice,
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
}
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice .taxin,
body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice .taxin {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  padding-left: 2px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li {
    width: calc((100% - 5.8064516129vw) / 4);
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemImage {
    margin-bottom: 0.9677419355vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName {
    margin: 0 0 0.8064516129vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName a {
    font-size: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice,
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 1.6129032258vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice .taxin,
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 0.9677419355vw;
    padding-left: 0.1612903226vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li {
    width: calc((100% - 4vw) / 2);
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemImage {
    margin-bottom: 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName {
    margin: 0 0 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemName a {
    font-size: 3.2vw;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice,
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 4.5333333333vw;
    line-height: 1;
  }
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemPrice .taxin,
  body#top #sysWrap #sysMain .top_feature .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
body#top #sysWrap #sysMain .concierge_introduction {
  padding: 70px 0;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction {
    padding: 5.6451612903vw 0;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction {
    padding: 12vw 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .concierge_introduction .intro_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 38px;
  line-height: 49px;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction .intro_ttl {
    font-size: 3.064516129vw;
    line-height: 3.9516129032vw;
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction .intro_ttl {
    font-size: 5.8666666667vw;
    line-height: 7.7333333333vw;
    letter-spacing: 0;
    margin-bottom: 3.3333333333vw;
  }
}
body#top #sysWrap #sysMain .concierge_introduction .txt {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction .txt {
    font-size: 1.2096774194vw;
    line-height: 1.6935483871vw;
    margin-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction .txt {
    font-size: 3.2vw;
    line-height: 6.4vw;
    margin-bottom: 3.3333333333vw;
  }
}
body#top #sysWrap #sysMain .concierge_introduction .info_wrap {
  width: 830px;
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto 48px;
}
body#top #sysWrap #sysMain .concierge_introduction .info_wrap .intro_ttl {
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .intro_ttl {
    font-size: 2.0967741935vw;
    margin-bottom: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .intro_ttl {
    font-size: 5.8666666667vw;
    line-height: 7.7333333333vw;
    letter-spacing: 0;
    margin-bottom: 3.3333333333vw;
  }
}
body#top #sysWrap #sysMain .concierge_introduction .info_wrap .tel_num {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  line-height: 43px;
  letter-spacing: 0.06em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
body#top #sysWrap #sysMain .concierge_introduction .info_wrap .time {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap {
    width: 66.935483871vw;
    padding: 2.4193548387vw;
    border-radius: 0.8064516129vw;
    margin: 0 auto 3.8709677419vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .tel_num {
    font-size: 2.4193548387vw;
    line-height: 3.4677419355vw;
    margin-bottom: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .time {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap {
    width: 100%;
    border-radius: 2.6666666667vw;
    padding: 6.6666666667vw;
    margin: 0 auto 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .tel_num {
    font-size: 6.9333333333vw;
    line-height: 9.6vw;
    margin-bottom: 1.3333333333vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .info_wrap .time {
    font-size: 3.2vw;
    line-height: 2;
  }
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0 20px;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li {
  width: 400px;
  height: 62px;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 15px;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_orange a {
  border: 1px solid #e94709;
  background: #e94709;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_orange a:hover {
  opacity: 1;
  color: #e94709;
  background-color: #ffffff;
  text-decoration: none;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a {
  border: 1px solid #313131;
  background: #313131;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/img/common/footer/icon_link_w.png") top center no-repeat;
  background-size: contain;
  margin-left: 10px;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a:hover {
  opacity: 1;
  color: #313131;
  background-color: #ffffff;
  text-decoration: none;
}
body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a:hover::after {
  background: url("/img/common/footer/icon_link.png") top center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap {
    gap: 2.4193548387vw;
    padding: 0 1.6129032258vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li {
    width: 32.2580645161vw;
    height: 5vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li a {
    font-size: 1.2096774194vw;
    border-radius: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a::after {
    width: 1.2096774194vw;
    height: 1.2096774194vw;
    margin-left: 0.8064516129vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap {
    flex-direction: column;
    padding: 0;
    gap: 4vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li {
    width: 100%;
    height: 13.3333333333vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li a {
    font-size: 3.2vw;
    border-radius: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .concierge_introduction .btn_wrap li.btn_black a::after {
    width: 4vw;
    height: 4vw;
    margin-left: 2.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_shopinfo {
  width: 100%;
  max-width: 1240px;
  padding: 70px 20px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_shopinfo {
    padding: 5.6451612903vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_shopinfo {
    padding: 10.6666666667vw 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .sysHeadline {
    padding: 0;
  }
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 40px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead span {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead {
    font-size: 1.2096774194vw;
    margin-bottom: 3.2258064516vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead span {
    padding-top: 0.8064516129vw;
    font-size: 1.0483870968vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead {
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .lead span {
    padding-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px;
  margin-bottom: 40px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li {
  width: calc((100% - 60px) / 3);
  display: flex;
  flex-direction: column;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .img_wrap {
  margin: 0 0 10px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .open_date {
  border: 1px solid #cdcdc4;
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: #e94709;
  margin-bottom: 15px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 10px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place span {
  flex-shrink: 0;
  padding: 2px 10px;
  background: #9c9c89;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .details {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 15px;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .map_btn a {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist {
    gap: 2.4193548387vw;
    margin-bottom: 3.2258064516vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li {
    width: calc((100% - 4.8387096774vw) / 3);
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .img_wrap {
    margin: 0 0 0.8064516129vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .open_date {
    height: 2.9032258065vw;
    font-size: 1.4516129032vw;
    margin-bottom: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place {
    gap: 1.4516129032vw;
    font-size: 1.6129032258vw;
    margin-bottom: 0.8064516129vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place span {
    padding: 0.1612903226vw 0.8064516129vw;
    font-size: 1.3709677419vw;
    line-height: 2.0967741935vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .details {
    font-size: 1.2096774194vw;
    margin-bottom: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .map_btn a {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist {
    flex-direction: column;
    gap: 8vw;
    margin-bottom: 8vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li {
    width: 100%;
    display: block;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .img_wrap {
    margin: 0 0 1.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .open_date {
    height: 8.2666666667vw;
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place {
    gap: 3.2vw;
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .place span {
    padding: 0.5333333333vw 2.6666666667vw;
    font-size: 4vw;
    line-height: 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .details {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner ul.shoplist li .map_btn a {
    font-size: 3.2vw;
  }
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .store_info_link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0 auto;
  padding: 0;
  background: #313131;
  border: 1px solid #313131;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
}
body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .store_info_link a:hover {
  background: #ffffff;
  color: #313131;
  text-decoration: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .store_info_link a {
    max-width: 32.2580645161vw;
    border-radius: 1.2096774194vw;
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_shopinfo .shopinfo_inner .store_info_link a {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
body#top #sysWrap #sysMain .top_column {
  padding: 70px 20px;
  max-width: 1240px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column {
    padding: 5.6451612903vw 1.6129032258vw;
    max-width: 100vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column {
    padding: 12vw 0;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper {
  margin-bottom: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper {
    margin-bottom: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper {
    margin-bottom: 10.6666666667vw;
    padding: 0 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide {
  display: block;
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .img_wrap {
  margin-bottom: 12px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .img_wrap {
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .img_wrap {
    margin-bottom: 2.1333333333vw;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 12px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon {
    gap: 0.4032258065vw;
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon {
    gap: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon span {
  display: block;
  padding: 3px 11px 2px;
  background: #1d1d1d;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  border-radius: 11px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon span {
    padding: 0.2419354839vw 0.8870967742vw 0.1612903226vw;
    font-size: 0.9677419355vw;
    line-height: 1.3709677419vw;
    border-radius: 0.8870967742vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .icon span {
    padding: 0.5333333333vw 2.1333333333vw 0.2666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
    border-radius: 2.4vw;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .post_ttl {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .post_ttl {
    font-size: 1.2096774194vw;
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .post_ttl {
    font-size: 3.2vw;
    margin-bottom: 2.1333333333vw;
    -webkit-line-clamp: 3;
  }
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap span a {
  display: block;
  padding: 10px 15px 11px;
  background: #ebebe7;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  color: #1d1d1d;
  text-align: center;
  border-radius: 19px;
}
body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap span a:hover {
  color: #1d1d1d;
  text-decoration: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap {
    gap: 0.6451612903vw;
  }
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap span a {
    padding: 0.8064516129vw 1.2096774194vw 0.8870967742vw;
    font-size: 0.9677419355vw;
    line-height: 1.3709677419vw;
    border-radius: 1.5322580645vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap {
    gap: 1.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_column .column_swiper .swiper-slide .details .tag_wrap span a {
    padding: 1.3333333333vw 2.6666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
    border-radius: 3.4666666667vw;
  }
}
body#top #sysWrap #sysMain .top_column .column_category_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 50px 30px;
}
body#top #sysWrap #sysMain .top_column .column_category_wrap li {
  width: calc((100% - 60px) / 3);
}
body#top #sysWrap #sysMain .top_column .column_category_wrap li .img_wrap {
  margin-bottom: 15px;
}
body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_name {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 8px;
}
body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_info {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_column .column_category_wrap {
    gap: 4.0322580645vw 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li {
    width: calc((100% - 4.8387096774vw) / 3);
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .img_wrap {
    margin-bottom: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_name {
    font-size: 1.4516129032vw;
    margin-bottom: 0.6451612903vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_info {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_column .column_category_wrap {
    padding: 0 5.3333333333vw;
    gap: 4.8vw 4vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li {
    width: calc((100% - 4vw) / 2);
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .img_wrap {
    margin-bottom: 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_name {
    font-size: 3.7333333333vw;
    margin-bottom: 0.8vw;
  }
  body#top #sysWrap #sysMain .top_column .column_category_wrap li .category_info {
    font-size: 2.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_news {
  max-width: 1240px;
  padding: 0 20px;
  margin: 70px auto;
}
body#top #sysWrap #sysMain .top_news nav {
  border: 1px solid #6e6966;
  padding: 50px 20px;
}
body#top #sysWrap #sysMain .top_news nav ul {
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body#top #sysWrap #sysMain .top_news nav ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  white-space: normal;
  color: #1d1d1d;
}
body#top #sysWrap #sysMain .top_news nav ul li a > br {
  display: none;
}
body#top #sysWrap #sysMain .top_news nav ul li a time {
  display: block;
  width: 130px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 500;
}
body#top #sysWrap #sysMain .top_news nav ul li a:hover {
  color: #e94709;
  text-decoration: underline;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_news {
    max-width: 100vw;
    padding: 0 1.6129032258vw;
    margin: 0 auto 5.6451612903vw;
  }
  body#top #sysWrap #sysMain .top_news nav {
    padding: 4.0322580645vw 1.6129032258vw;
  }
  body#top #sysWrap #sysMain .top_news nav ul {
    max-width: 66.935483871vw;
    gap: 1.6129032258vw;
  }
  body#top #sysWrap #sysMain .top_news nav ul li a {
    gap: 2.4193548387vw;
    font-size: 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_news nav ul li a time {
    width: 10.4838709677vw;
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_news {
    max-width: 100%;
    padding: 0;
    margin: 0 auto 12vw;
  }
  body#top #sysWrap #sysMain .top_news nav {
    max-width: 89.3333333333vw;
    margin: 0 auto;
    padding: 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_news nav ul {
    max-width: 100%;
    gap: 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_news nav ul li a {
    width: 100%;
    display: block;
    font-size: 3.2vw;
    white-space: normal;
  }
  body#top #sysWrap #sysMain .top_news nav ul li a time {
    width: 100%;
    display: block;
    margin-bottom: 2.6666666667vw;
    font-size: 2.9333333333vw;
  }
}
body#top #sysWrap #sysMain .top_about {
  padding: 70px 20px;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_about {
    padding: 5.6451612903vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_about {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_about .sysContent {
  max-width: 1200px;
  margin: 0 auto;
}
body#top #sysWrap #sysMain .top_about .sysContent .about_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 38px;
  line-height: 49px;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 50px;
}
body#top #sysWrap #sysMain .top_about .sysContent .about_ttl span {
  font-size: 28px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_about .sysContent .about_ttl {
    font-size: 3.064516129vw;
    line-height: 3.9516129032vw;
    margin-bottom: 4.0322580645vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .about_ttl span {
    font-size: 2.2580645161vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_about .sysContent .about_ttl {
    font-size: 5.8666666667vw;
    line-height: 8vw;
    margin-bottom: 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .about_ttl span {
    font-size: 4.8vw;
  }
}
body#top #sysWrap #sysMain .top_about .sysContent .about_lead {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 50px;
}
body#top #sysWrap #sysMain .top_about .sysContent .about_lead span {
  font-weight: 700;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_about .sysContent .about_lead {
    font-size: 1.2096774194vw;
    margin: 0 auto 4.0322580645vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_about .sysContent .about_lead {
    max-width: 100%;
    font-size: 3.2vw;
    text-align: left;
    margin: 0 auto 10.6666666667vw;
  }
}
body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
}
body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl::after {
  content: "";
  display: block;
  width: 20px;
  height: 0;
  border-bottom: 1px solid #ed6c3a;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl {
    font-size: 1.6129032258vw;
    padding-bottom: 1.2096774194vw;
    margin-bottom: 2.4193548387vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl::after {
    width: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl {
    font-size: 4.2666666667vw;
    padding-bottom: 3.2vw;
    margin-bottom: 4vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .benefits_ttl::after {
    width: 5.3333333333vw;
  }
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 50px 40px;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .icon_wrap {
  width: 160px;
  margin: 0 auto 15px;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .txt_wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .txt_wrap div {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 15px;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .txt_wrap div span {
  font-weight: 700;
  color: #e94709;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap {
  width: 160px;
  height: 38px;
  margin: 0 auto;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #6e6966;
  border-radius: 19px;
  transition-duration: 0.3s;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap a:hover {
  background: #6e6966;
  color: #ffffff;
}
body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #6e6966;
  border-radius: 19px;
  transition-duration: 0.3s;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  cursor: default;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits {
    max-width: 74.1935483871vw;
    gap: 4.0322580645vw 3.2258064516vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li {
    width: 16.1290322581vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .icon_wrap {
    width: 12.9032258065vw;
    margin: 0 auto 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .txt_wrap div {
    font-size: 1.2096774194vw;
    margin: 0 auto 1.2096774194vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap {
    width: 12.9032258065vw;
    height: 3.064516129vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap a {
    border-radius: 1.5322580645vw;
    font-size: 1.0483870968vw;
  }
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits {
    justify-content: space-between;
    gap: 8vw 5.3333333333vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li {
    width: calc((100% - 5.3333333333vw) / 2);
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .icon_wrap {
    width: 38.6666666667vw;
    margin: 0 auto 2.1333333333vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .txt_wrap div {
    font-size: 3.2vw;
    margin: 0 auto 2.6666666667vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap {
    width: 41.3333333333vw;
    height: 10.4vw;
  }
  body#top #sysWrap #sysMain .top_about .sysContent .limited_benefits li .btn_wrap a {
    border-radius: 5.0666666667vw;
    font-size: 3.4666666667vw;
  }
}
body#top #sysWrap #sysMain .itemblk_catalog_gift {
  display: none;
}
@media screen and (max-width: 750px) {
  body#top #sysWrap #sysMain .top_campaign {
    position: relative;
  }
  body#top #sysWrap #sysMain .top_campaign .sysHeadline .view_more {
    position: absolute;
    bottom: 12vw;
    left: 50%;
    transform: translateX(-50%);
  }
  body#top #sysWrap #sysMain .top_campaign .sysHeadline .view_more a {
    white-space: nowrap;
  }
  body#top #sysWrap #sysMain .top_column {
    position: relative;
    padding-bottom: 33.8666666667vw;
  }
  body#top #sysWrap #sysMain .top_column .sysHeadline .view_more {
    position: absolute;
    bottom: 12vw;
    left: 50%;
    transform: translateX(-50%);
  }
  body#top #sysWrap #sysMain .top_column .sysHeadline .view_more a {
    white-space: nowrap;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk:has(.view_more),
  body#top #sysWrap #sysMain .top_brands:has(.view_more),
  body#top #sysWrap #sysMain .top_feature:has(.view_more) {
    position: relative;
    padding-bottom: 17.8666666667vw;
  }
  body#top #sysWrap #sysMain .trending_items_select_blk:has(.view_more) .sysHeadline .view_more,
  body#top #sysWrap #sysMain .top_brands:has(.view_more) .sysHeadline .view_more,
  body#top #sysWrap #sysMain .top_feature:has(.view_more) .sysHeadline .view_more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  body#top #sysWrap #sysMain .trending_items_select_blk:has(.view_more) .sysHeadline .view_more a,
  body#top #sysWrap #sysMain .top_brands:has(.view_more) .sysHeadline .view_more a,
  body#top #sysWrap #sysMain .top_feature:has(.view_more) .sysHeadline .view_more a {
    white-space: nowrap;
  }
}

body[class^=form-] input[type=radio] {
  appearance: none;
  outline: none;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 50%;
  border: 1px solid #979797 !important;
  background: #ffffff;
  position: relative;
}
body[class^=form-] input[type=radio]:checked {
  border: 1px solid #ed6c3a !important;
}
body[class^=form-] input[type=radio]:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ed6c3a;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body[class^=form-] input[type=checkbox] {
  appearance: none;
  outline: none;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
  border-radius: 3px;
  border: 1px solid #979797 !important;
  background: #ffffff;
  position: relative;
}
body[class^=form-] input[type=checkbox]::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  border-right: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  position: absolute;
  top: 3px;
  left: 6px;
  transform: rotateZ(45deg);
}
body[class^=form-] input[type=checkbox]:checked {
  background: #ed6c3a !important;
  border: 1px solid #ed6c3a !important;
}
@media screen and (max-width: 750px) {
  body[class^=form-] input[type=checkbox] {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    border-radius: 0.8vw;
  }
  body[class^=form-] input[type=checkbox]::after {
    width: 1.8666666667vw;
    height: 3.2vw;
    border-right: 0.5333333333vw solid #ffffff !important;
    border-bottom: 0.5333333333vw solid #ffffff !important;
    top: 0.5333333333vw;
    left: 1.4666666667vw;
  }
}
body[class^=form-] div#sysHeader .fixed_gift_search {
  display: none;
}
body[class^=form-] div#sysWrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 65px 20px 0;
}
@media screen and (max-width: 750px) {
  body[class^=form-] div#sysWrap {
    padding: 10.6666666667vw 5.3333333333vw 0;
  }
}
body[class^=form-] div#sysWrap div#sysMain {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0 0 140px;
}
@media screen and (max-width: 750px) {
  body[class^=form-] div#sysWrap div#sysMain {
    margin: 0 0 17.3333333333vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > h2 {
  display: none;
}
body[class^=form-]#sysFormIndex div#sysMain > p {
  display: none;
}
body[class^=form-]#sysFormIndex div#sysMain div.form_head div.sysContent div.txtBlock > p {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0 0 60px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain div.form_head div.sysContent div.txtBlock > p {
    font-size: 3.2vw;
    margin: 0 0 8vw;
    text-align: left;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > p {
  display: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm {
  display: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm:has(.label_wrap) {
  display: block;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm :nth-last-child(1 of .sysFormItem) {
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm :nth-last-child(1 of .sysFormItem) {
    border-bottom: none;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-top: 1px solid #cccccc;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem {
    flex-wrap: wrap;
    gap: 4vw 2.6666666667vw;
    border-top: none;
    padding-bottom: 6.6666666667vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  padding: 30px 15px;
  flex-shrink: 0;
  background: #ebebe7;
  gap: 16px;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap label.sysFormLabel {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap label.sysFormLabel {
    font-size: 3.2vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap span.sysRequired {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: #ed6c3a;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
  flex-shrink: 0;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap span.sysRequired::before {
  display: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap span.sysRequired::after {
  display: none;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem .label_wrap {
    width: calc(100% + 5.3333333333vw);
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
    position: relative;
    left: -5.3333333333vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField {
  width: 100%;
  padding: 20px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField {
    padding: 0;
    font-size: 2.9333333333vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField > textarea {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  min-height: 150px;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField > textarea::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField > textarea:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField > textarea {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField select {
  width: 225px;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  background: #ffffff url("/img/common/select_arr.png") center right 11px no-repeat;
  background-size: 8px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField select {
    width: 60vw;
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    background: #ffffff url("/img/common/select_arr.png") center right 2.9333333333vw no-repeat;
    background-size: 2.1333333333vw auto;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) {
    gap: 2.6666666667vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) input {
  width: 225px;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) input {
    max-width: calc(100% - 29.3333333333vw);
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) button.sysButton {
  display: block;
  width: 100%;
  max-width: 100px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #313131;
  border: 1px solid #313131;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) button.sysButton:hover {
  background: #ffffff;
  color: #313131;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) button.sysButton {
    height: 10.6666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sysFormItem div.sysFormField:has(.sysButton) button.sysButton {
    max-width: 26.6666666667vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys1 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys1 div.sysFormField > input::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys1 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys1 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys2 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys2 div.sysFormField > input::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys2 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys2 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys3 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys3 div.sysFormField > input::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys3 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys3 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=text]) div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=text]) div.sysFormField > input::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=text]) div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=text]) div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=text]) div.sysFormField:has(br) > input {
  margin-top: 5px;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=radio]) div.sysFormField:not(:has(a)) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=radio]) div.sysFormField:not(:has(a)) {
    flex-wrap: wrap;
    gap: 2.6666666667vw 8vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=radio]) div.sysFormField label {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=radio]) div.sysFormField label {
    font-size: 3.2vw;
    gap: 1.8666666667vw;
    margin-right: 5.3333333333vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=checkbox]) div.sysFormField {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=checkbox]) div.sysFormField label {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div:has(input[type=checkbox]) div.sysFormField label {
    font-size: 3.2vw;
    gap: 1.8666666667vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys7 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys7 div.sysFormField > input::placeholder {
  color: #979797;
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys7 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys7 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys8 div.sysFormField > label {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form div.sysForm div.sys8 div.sysFormField > label {
    font-size: 3.2vw;
    gap: 1.8666666667vw;
    margin-right: 5.3333333333vw;
  }
}
body[class^=form-]#sysFormIndex div#sysMain > form input.sysNextSubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
  margin: 60px auto 0;
}
body[class^=form-]#sysFormIndex div#sysMain > form input.sysNextSubmit:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form input.sysNextSubmit {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormIndex div#sysMain > form input.sysNextSubmit {
    margin: 4vw auto 0;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > h2 {
  display: none;
}
body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm :nth-last-child(1 of .sysFormItem) {
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm :nth-last-child(1 of .sysFormItem) {
    border-bottom: none;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-top: 1px solid #cccccc;
  gap: 0 20px;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem {
    flex-wrap: wrap;
    gap: 2.6666666667vw;
    border-top: none;
    padding-bottom: 4vw;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem label.sysFormLabel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 290px;
  padding: 20px 15px;
  flex-shrink: 0;
  background: #ebebe7;
  gap: 16px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem label.sysFormLabel {
    width: calc(100% + 5.3333333333vw);
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
    position: relative;
    left: -5.3333333333vw;
    font-size: 3.2vw;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem div.sysFormField {
  width: 100%;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  padding: 20px 0;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form div.sysForm div.sysFormItem div.sysFormField {
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 2.9333333333vw 0 3.2vw;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > form button.sysButton {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/50;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #979797;
  border-radius: 15px;
  background: #ffffff;
  color: #1d1d1d;
  font-size: 15px;
  font-weight: 700;
  transition-duration: 0.3s;
  margin: 135px auto 15px;
}
body[class^=form-]#sysFormConfirm div#sysMain > form button.sysButton:hover {
  background: #979797;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form button.sysButton {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form button.sysButton {
    margin: 20vw auto 2.6666666667vw;
  }
}
body[class^=form-]#sysFormConfirm div#sysMain > form input.sysNextSubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
  margin: -140px auto 0;
}
body[class^=form-]#sysFormConfirm div#sysMain > form input.sysNextSubmit:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form input.sysNextSubmit {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormConfirm div#sysMain > form input.sysNextSubmit {
    margin: -29.3333333333vw auto 33.3333333333vw;
  }
}
body[class^=form-]#sysFormThanks div#sysMain > h2 {
  display: none;
}
body[class^=form-]#sysFormThanks div#sysMain div.completeText h1.page_ttl {
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormThanks div#sysMain div.completeText h1.page_ttl {
    margin-bottom: 10.6666666667vw;
  }
}
body[class^=form-]#sysFormThanks div#sysMain div.completeText p.message {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormThanks div#sysMain div.completeText p.message {
    font-size: 12px;
  }
}
body[class^=form-]#sysFormThanks div#sysMain div.completeText > a {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/50;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #979797;
  border-radius: 15px;
  background: #ffffff;
  color: #1d1d1d;
  font-size: 15px;
  font-weight: 700;
  transition-duration: 0.3s;
  margin: 60px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
body[class^=form-]#sysFormThanks div#sysMain div.completeText > a:hover {
  background: #979797;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormThanks div#sysMain div.completeText > a {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 750px) {
  body[class^=form-]#sysFormThanks div#sysMain div.completeText > a {
    margin: 10.6666666667vw auto 0;
  }
}

.sysSocialGiftBody div#sysHeader .fixed_gift_search {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive {
  width: 100%;
  max-width: 960px;
  padding: 70px 20px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveGiftLetterArea {
  width: 100%;
  max-width: 820px;
  margin: 0 auto 50px;
  padding: 0;
  border: none;
  border-radius: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveGiftLetterArea div.sysSocialGiftReceiveGiftLetterImageGroup {
  font-size: 0;
  margin-bottom: 30px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveGiftLetterArea div.sysSocialGiftReceiveGiftLetterMessageGroup {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveGiftLetterArea div.sysSocialGiftReceiveGiftLetterMessageGroup pre.sysSocialGiftReceiveGiftLetterMessage {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: auto;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveGiftLetterArea div.sysSocialGiftReceiveGiftLetterMessageGroup pre.sysSocialGiftReceiveGiftLetterMessage {
    font-size: 3.4666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveButtonArea > form input.sysSocialGiftReceiveButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
  margin: 0 auto 30px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveButtonArea > form input.sysSocialGiftReceiveButton:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveButtonArea > form input.sysSocialGiftReceiveButton {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveButtonArea > form input.sysSocialGiftReceiveButton {
    margin-bottom: 8vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveLimitDate > div {
  text-align: center;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemsTitle {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0 0 15px;
  border-bottom: 1px solid #979797;
  margin: 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemsTitle {
    font-size: 1.6129032258vw;
    padding: 0 0 1.2096774194vw;
    margin: 0 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemsTitle {
    font-size: 4.2666666667vw;
    padding: 0 0 2.6666666667vw;
    margin: 0 0 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup {
  padding: 0;
  border: none;
  margin: 0 auto 45px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup {
    margin: 0 auto 8vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem {
  padding: 0;
  border: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup {
  padding: 30px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup span.sysSocialGiftReceiveItems_assortmentParentName {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup span.sysRequired {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: #ed6c3a;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup span.sysRequired::before {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup span.sysRequired::after {
  display: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup {
    padding: 8vw 0;
    gap: 2.6666666667vw;
  }
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocislGiftReceiveItems_assortmentParentNameLabelGroup span.sysSocialGiftReceiveItems_assortmentParentName {
    font-size: 4vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px 20px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection {
    gap: 8vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup {
  width: calc((100% - 20px) / 2);
  border: 2px solid #ffffff;
  padding: 20px;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup {
    width: 100%;
    padding: 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup:has(input.sysSocialGiftReceiveItems_assortmentChild:checked) {
  border: 2px solid #e94709;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary {
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
    margin-bottom: 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup {
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup input.sysSocialGiftReceiveItems_assortmentChild {
  flex-shrink: 0;
  appearance: none;
  outline: none;
  display: block;
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
  border-radius: 50%;
  border: 1px solid #979797 !important;
  background: #ffffff;
  position: relative;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup input.sysSocialGiftReceiveItems_assortmentChild:checked {
  border: 1px solid #ed6c3a !important;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup input.sysSocialGiftReceiveItems_assortmentChild:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ed6c3a;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup input.sysSocialGiftReceiveItems_assortmentChild {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 0.5333333333vw 0 0;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup span.sysSocialGiftReceiveItems_assortmentChildName {
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup {
    padding: 0;
    margin-bottom: 2.6666666667vw;
  }
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildNameGroup span.sysSocialGiftReceiveItems_assortmentChildName {
    font-size: 3.7333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
  padding: 0;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
    padding: 0;
    font-size: 3.7333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup {
  margin: 0 auto 45px;
  padding: 0;
  border: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0 0 15px;
  border-bottom: 1px solid #979797;
  margin: 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
    font-size: 1.6129032258vw;
    padding: 0 0 1.2096774194vw;
    margin: 0 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
    font-size: 4.2666666667vw;
    padding: 0 0 2.6666666667vw;
    margin: 0 0 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea {
  margin: 0 auto 50px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea {
    margin: 0 auto 8vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemsTitle {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0;
  margin: 0 0 15px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemsTitle {
    font-size: 3.4666666667vw;
    margin: 0 0 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup {
  padding: 0;
  border: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem {
  margin: 0;
  padding: 0;
  border: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup {
  padding: 20px;
  border: 1px solid #979797;
  margin: 0 auto 50px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup {
    padding: 2.6666666667vw;
    margin: 0 auto 8vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent span.sysSocialGiftReceiveItems_assortmentParentName {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary {
    display: block;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary span.sysSocialGiftReceiveItems_assortmentChildName {
  width: 100%;
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0 0 15px;
  border-bottom: 1px solid #979797;
  margin: 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary span.sysSocialGiftReceiveItems_assortmentChildName {
    font-size: 1.6129032258vw;
    padding: 0 0 1.2096774194vw;
    margin: 0 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary span.sysSocialGiftReceiveItems_assortmentChildName {
    font-size: 4.2666666667vw;
    padding: 0 0 2.6666666667vw;
    margin: 0 0 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
  width: 40%;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
    width: 100%;
    margin-bottom: 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup img.sysSocialGiftReceiveItems_assortmentChildImage {
  width: 100%;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
  width: 60%;
  padding-left: 30px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
    width: 100%;
    padding-left: 0;
    font-size: 3.7333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressTitle {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0 0 15px;
  border-bottom: 1px solid #979797;
  margin: 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressTitle {
    font-size: 1.6129032258vw;
    padding: 0 0 1.2096774194vw;
    margin: 0 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressTitle {
    font-size: 4.2666666667vw;
    padding: 0 0 2.6666666667vw;
    margin: 0 0 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #cccccc;
  gap: 0 20px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem::after {
  content: "";
  display: block;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem {
    flex-wrap: wrap;
    gap: 4vw 2.6666666667vw;
    border-top: none;
    padding-bottom: 6.6666666667vw;
  }
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem::after {
    display: none;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem label.sysFormLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  padding: 30px 15px;
  flex-shrink: 0;
  background: #efedeb;
  gap: 16px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem label.sysFormLabel span.sysRequired {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: #ed6c3a;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
  flex-shrink: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem label.sysFormLabel span.sysRequired::before {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem label.sysFormLabel span.sysRequired::after {
  display: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem label.sysFormLabel {
    width: calc(100% + 5.3333333333vw);
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
    position: relative;
    left: -5.3333333333vw;
    font-size: 3.2vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysFormItem div.sysFormField {
  width: 100%;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
  width: calc((100% - 20px) / 2);
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysName div.sysFormField > input {
    width: 100%;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
  width: calc((100% - 20px) / 2);
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysNameKana div.sysFormField > input {
    width: 100%;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode label.sysFormLabel {
  padding: 20px 15px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode label.sysFormLabel {
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode div.sysFormField {
  width: 225px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode button.sysSocialGiftCommonButton {
  display: block;
  width: 100%;
  max-width: 100px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #313131;
  border: 1px solid #313131;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode button.sysSocialGiftCommonButton:hover {
  background: #ffffff;
  color: #313131;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode button.sysSocialGiftCommonButton {
    height: 10.6666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysZipcode button.sysSocialGiftCommonButton {
    width: calc(100% - 62.6666666667vw);
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysPrefStateId div.sysFormField > select {
  width: 225px;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  background: #ffffff url("/img/common/select_arr.png") center right 11px no-repeat;
  background-size: 8px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysPrefStateId div.sysFormField > select {
    width: 60vw;
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    background: #ffffff url("/img/common/select_arr.png") center right 2.9333333333vw no-repeat;
    background-size: 2.1333333333vw auto;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress1 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress1 div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress1 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress1 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress2 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress2 div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress2 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress2 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress3 div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress3 div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress3 div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysAddress3 div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysTel div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysTel div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysTel div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysTel div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysMailaddress div.sysFormField > input {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  outline: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysMailaddress div.sysFormField > input::placeholder {
  color: #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysMailaddress div.sysFormField > input:focus {
  border: 1px solid #e94708;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysMailaddress div.sysFormField > input {
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #cccccc;
  gap: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea::after {
  content: "";
  display: block;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea {
    flex-wrap: wrap;
    gap: 4vw 2.6666666667vw;
    border-top: none;
    padding-bottom: 6.6666666667vw;
  }
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea::after {
    display: none;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div.sysSocialGiftReceiveDeliveryMethodTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  padding: 30px 15px;
  flex-shrink: 0;
  background: #efedeb;
  gap: 16px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div.sysSocialGiftReceiveDeliveryMethodTitle span.sysRequired {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: #ed6c3a;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
  flex-shrink: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div.sysSocialGiftReceiveDeliveryMethodTitle span.sysRequired::before {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div.sysSocialGiftReceiveDeliveryMethodTitle span.sysRequired::after {
  display: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div.sysSocialGiftReceiveDeliveryMethodTitle {
    width: calc(100% + 5.3333333333vw);
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
    position: relative;
    left: -5.3333333333vw;
    font-size: 3.2vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery {
  width: calc(100% - 310px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
  gap: 30px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery {
    width: 100%;
    padding: 0;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery > li > label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery > li > label > input {
  appearance: none;
  outline: none;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 50%;
  border: 1px solid #979797 !important;
  background: #ffffff;
  position: relative;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery > li > label > input:checked {
  border: 1px solid #ee7800 !important;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea ul.sysSelectDelivery > li > label > input:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ee7800;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery {
  width: 100%;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #cccccc;
  gap: 0 20px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div::after {
  content: "";
  display: block;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div {
    flex-wrap: wrap;
    gap: 4vw 2.6666666667vw;
    border-top: none;
    padding-bottom: 6.6666666667vw;
  }
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div::after {
    display: none;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div > label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  padding: 30px 15px;
  flex-shrink: 0;
  background: #efedeb;
  gap: 16px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div > label span.sysRequired {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: #ed6c3a;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
  flex-shrink: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div > label span.sysRequired::before {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div > label span.sysRequired::after {
  display: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div > label {
    width: calc(100% + 5.3333333333vw);
    padding: 2.9333333333vw 2.6666666667vw 3.2vw 5.3333333333vw;
    position: relative;
    left: -5.3333333333vw;
    font-size: 3.2vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div select {
  width: 225px;
  height: 40px;
  margin: 0;
  padding: 10px;
  border: 1px solid #979797;
  background: #ffffff url("/img/common/select_arr.png") center right 11px no-repeat;
  background-size: 8px auto;
  border-radius: 5px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div select {
    width: 60vw;
    height: 10.6666666667vw;
    padding: 2.4vw 2.6666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.2vw;
    line-height: 2;
    background: #ffffff url("/img/common/select_arr.png") center right 2.9333333333vw no-repeat;
    background-size: 2.1333333333vw auto;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryMethodArea div#selectHopeDelivery > div:nth-child(2) {
  border-bottom: 1px solid #cccccc;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftButtonGroup input.sysSocialGiftNextButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
  margin: 0 auto;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftButtonGroup input.sysSocialGiftNextButton:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysForm > form div.sysSocialGiftButtonGroup input.sysSocialGiftNextButton {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup {
  margin: 0 auto 45px;
  padding: 0;
  border: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  padding: 0 0 15px;
  border-bottom: 1px solid #979797;
  margin: 0 0 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
    font-size: 1.6129032258vw;
    padding: 0 0 1.2096774194vw;
    margin: 0 0 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressAndItemsTitle {
    font-size: 4.2666666667vw;
    padding: 0 0 2.6666666667vw;
    margin: 0 0 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressHeaderGroup div.sysSocialGiftReceiveDeliveryAddressTitle_buttonGroup > form input.sysSocialGiftReceiveDeliveryAddressTitle_editButton {
  display: block;
  width: fit-content;
  height: 40px;
  margin: 0 0 0 auto;
  padding: 0 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  background: #ffffff;
  color: #1d1d1d;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  transition-duration: 0.3s;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressHeaderGroup div.sysSocialGiftReceiveDeliveryAddressTitle_buttonGroup > form input.sysSocialGiftReceiveDeliveryAddressTitle_editButton:hover {
  background: #979797;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveDeliveryAddressArea div.sysSocialGiftReceiveDeliveryAddressHeaderGroup div.sysSocialGiftReceiveDeliveryAddressTitle_buttonGroup > form input.sysSocialGiftReceiveDeliveryAddressTitle_editButton {
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemHeaderGroup {
  margin-bottom: 10px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemHeaderGroup div.sysSocialGiftReceiveItemsTitle_buttonGroup > form input.sysSocialGiftReceiveItemsTitle_editButton {
  display: block;
  width: fit-content;
  height: 40px;
  margin: 0 0 0 auto;
  padding: 0 10px;
  border: 1px solid #979797;
  border-radius: 5px;
  background: #ffffff;
  color: #1d1d1d;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  transition-duration: 0.3s;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemHeaderGroup div.sysSocialGiftReceiveItemsTitle_buttonGroup > form input.sysSocialGiftReceiveItemsTitle_editButton:hover {
  background: #979797;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItemHeaderGroup div.sysSocialGiftReceiveItemsTitle_buttonGroup > form input.sysSocialGiftReceiveItemsTitle_editButton {
    height: 10.6666666667vw;
    padding: 0 2.6666666667vw;
    border-radius: 1.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup {
  padding: 20px;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem {
  padding: 0;
  border-bottom: none;
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup {
  padding: 20px 0 0;
  border-top: 1px solid #979797;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent span.sysSocialGiftReceiveItems_assortmentParentName {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup {
  display: block;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary {
  display: block;
  margin: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary::after {
  content: "";
  display: block;
  clear: both;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary span.sysSocialGiftReceiveItems_assortmentChildName {
  padding-top: 5%;
  display: block;
  width: calc(70% - 20px);
  float: right;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary span.sysSocialGiftReceiveItems_assortmentChildName {
    width: 100%;
    float: none;
    padding-top: 0;
    font-size: 3.4666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
  float: left;
  width: 30%;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildImageGroup {
    width: 70%;
    float: none;
    margin: 0 auto 5.3333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
  float: right;
  width: calc(70% - 20px);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftReceiveDeliveryAddressAndItemsAreaGroup div.sysSocialGiftReceiveItemsArea div.sysSocialGiftReceiveItems_itemListGroup div.sysSocialGiftReceiveItem div.sysSocialGiftReceiveItems_assortmentParentGroup div.sysSocialGiftReceiveItems_assortmentParent div.sysSocialGiftReceiveItems_assortmentChildSection div.sysSocialGiftReceiveItems_assortmentChildGroup label.sysSocialGiftReceiveItems_assortmentChildLabelGroup div.sysSocialGiftReceiveItems_assortmentChildSummary div.sysSocialGiftReceiveItems_assortmentChildDescription {
    width: 100%;
    float: none;
    font-size: 3.4666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftButtonGroup > form input.sysSocialGiftNextButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
  margin: 0 auto;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftButtonGroup > form input.sysSocialGiftNextButton:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive div.sysSocialGiftButtonGroup > form input.sysSocialGiftNextButton {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysSocialGiftReceiveThanksPageContent {
  text-align: center;
  font-size: 13px;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysSocialGiftReceiveThanksPageContent {
    text-align: left;
    font-size: 3.4666666667vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 20px;
  padding: 0;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox > div {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox > div:has(.sysOrderNumber) {
  display: block;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox > div:has(.sysOrderNumber) {
    font-size: 3.7333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox > div:has(.sysOrderNumber) br {
  display: none;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysBox > div:has(.sysOrderNumber) span.sysOrderNumber {
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
  display: block;
  border: 1px solid #979797;
  margin: 20px 0;
  text-align: center;
}
.sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysSocialGiftReceiveThanksPageFreeAreaBottom {
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .sysSocialGiftBody div#sysWrap div#sysMain div.sysSocialGiftReceive:has(.sysSocialGiftReceiveThanksPageFreeAreaTop) div.sysSocialGiftReceiveThanksPageFreeAreaBottom {
    font-size: 3.7333333333vw;
  }
}
.sysSocialGiftBody div#sysWrap div#sysAside {
  display: none;
}

.card_window_inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 40px;
}
@media screen and (max-width: 750px) {
  .card_window_inner {
    padding: 8vw 5.3333333333vw;
  }
}
.card_window_inner h1.messege_card_page_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
.card_window_inner h1.messege_card_page_ttl span {
  padding-top: 5px;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #e94709;
}
@media screen and (max-width: 750px) {
  .card_window_inner h1.messege_card_page_ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  .card_window_inner h1.messege_card_page_ttl span {
    padding-top: 1.0666666667vw;
    font-size: 2.6666666667vw;
  }
}
.card_window_inner #window_close_btn {
  width: 400px;
  height: 50px;
  margin: 60px auto 0;
  border: 1px solid #979797;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: #001c77;
  cursor: pointer;
  transition-duration: 0.3s;
}
.card_window_inner #window_close_btn:hover {
  background: #979797;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .card_window_inner #window_close_btn {
    width: 100%;
    height: 10.6666666667vw;
    margin: 10.6666666667vw auto 0;
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.card_window_inner.messege ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 750px) {
  .card_window_inner.messege ul {
    gap: 5.3333333333vw;
  }
}
.card_window_inner.messege ul li {
  width: calc((100% - 40px) / 2);
  padding: 25px 15px 40px;
  border: 1px solid #cccccc;
}
.card_window_inner.messege ul li .card_ttl {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  margin-bottom: 31px;
  position: relative;
}
.card_window_inner.messege ul li .card_ttl::after {
  content: "";
  display: block;
  width: 20px;
  height: 0;
  border-bottom: 1px solid #ed6c3a;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.card_window_inner.messege ul li .img_wrap {
  margin-bottom: 15px;
}
.card_window_inner.messege ul li .txt_wrap .ttl {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin-bottom: 15px;
}
.card_window_inner.messege ul li .txt_wrap .txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .card_window_inner.messege ul li {
    width: 100%;
    padding: 5.3333333333vw 4vw 6.6666666667vw;
  }
  .card_window_inner.messege ul li .card_ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 6.6666666667vw;
  }
  .card_window_inner.messege ul li .card_ttl::after {
    width: 5.3333333333vw;
    bottom: -3.4666666667vw;
  }
  .card_window_inner.messege ul li .img_wrap {
    margin-bottom: 4vw;
  }
  .card_window_inner.messege ul li .txt_wrap .ttl {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
  .card_window_inner.messege ul li .txt_wrap .txt {
    font-size: 3.2vw;
  }
}
.card_window_inner.aisatsujou h1.messege_card_page_ttl span {
  color: #674267;
}
.card_window_inner.aisatsujou .type_sec + .type_sec {
  margin-top: 50px;
}
@media screen and (max-width: 750px) {
  .card_window_inner.aisatsujou .type_sec + .type_sec {
    margin-top: 8vw;
  }
}
.card_window_inner.aisatsujou .type_sec .sec_ttl {
  position: relative;
  width: 100%;
  margin-bottom: 35px;
}
.card_window_inner.aisatsujou .type_sec .sec_ttl::after {
  content: "";
  display: block;
  width: 100vw;
  height: 2px;
  background: #674267;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}
.card_window_inner.aisatsujou .type_sec .sec_ttl span {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  margin: 0 auto;
  background: #ECE8EC;
  color: #674267;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  .card_window_inner.aisatsujou .type_sec .sec_ttl {
    margin-bottom: 5.3333333333vw;
  }
  .card_window_inner.aisatsujou .type_sec .sec_ttl::after {
    width: 100vw;
    height: 2px;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .card_window_inner.aisatsujou .type_sec .sec_ttl span {
    width: 41.3333333333vw;
    height: 10.1333333333vw;
    font-size: 4.8vw;
  }
}
.card_window_inner.aisatsujou .type_sec ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.card_window_inner.aisatsujou .type_sec ul li .card_ttl {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  .card_window_inner.aisatsujou .type_sec ul {
    gap: 4vw;
  }
  .card_window_inner.aisatsujou .type_sec ul li .card_ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}
.card_window_inner.aisatsujou #close_modal_from_iframe {
  cursor: pointer;
  width: 400px;
  height: 50px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #001c77;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #979797;
  border-radius: 15px;
  margin: 20px auto 0;
  transition-duration: 0.3s;
}
.card_window_inner.aisatsujou #close_modal_from_iframe:hover {
  background: #979797;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .card_window_inner.aisatsujou #close_modal_from_iframe {
    width: 100%;
    height: 10.6666666667vw;
    margin: 4vw auto 0;
    font-size: 3.4666666667vw;
    border-radius: 2.6666666667vw;
  }
}

#messege_card_modal #close_modal_from_iframe {
  cursor: pointer;
  width: 400px;
  height: 50px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #001c77;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #979797;
  border-radius: 15px;
  margin: 50px auto;
  transition-duration: 0.3s;
}
#messege_card_modal #close_modal_from_iframe:hover {
  background: #979797;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #messege_card_modal #close_modal_from_iframe {
    width: calc(100% - 10.6666666667vw);
    height: 10.6666666667vw;
    margin: 13.3333333333vw auto;
    font-size: 3.4666666667vw;
    border-radius: 2.6666666667vw;
  }
}

.empty #sysWrap {
  width: 100%;
  max-width: 100%;
}
.empty #sysWrap #sysMain {
  width: 100%;
  max-width: 960px;
  padding: 70px 20px;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .empty #sysWrap #sysMain {
    padding: 13.3333333333vw 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
}

#catalog_gift .lineup_blk {
  background: #fcf8f0;
  padding: 70px 0;
  margin-bottom: 70px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk {
    padding: 10.6666666667vw 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
#catalog_gift .lineup_blk .lineup_ttl {
  margin: 0 auto 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}
#catalog_gift .lineup_blk .lineup_ttl span {
  display: block;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk .lineup_ttl {
    margin: 0 auto 4vw;
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
  }
  #catalog_gift .lineup_blk .lineup_ttl span {
    padding-top: 1.0666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
#catalog_gift .lineup_blk ul {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk ul {
    gap: 4vw;
  }
}
#catalog_gift .lineup_blk ul li {
  width: calc((100% - 20px) / 2);
  height: 62px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk ul li {
    width: calc((100% - 4vw) / 2);
    height: 14.9333333333vw;
  }
}
#catalog_gift .lineup_blk ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: #1d1d1d;
  background: #ffffff;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk ul li a span {
    display: none;
  }
}
#catalog_gift .lineup_blk ul li a:hover {
  text-decoration: none;
  color: #e94709;
}
#catalog_gift .lineup_blk ul li a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotateZ(45deg);
}
@media screen and (max-width: 750px) {
  #catalog_gift .lineup_blk ul li a {
    font-size: 3.2vw;
    border-radius: 1.3333333333vw;
    text-align: center;
    padding: 0 5.8666666667vw;
  }
  #catalog_gift .lineup_blk ul li a::after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    right: 2.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap {
    padding-top: 2.9333333333vw;
  }
}
#catalog_gift .page_head_wrap .pankuzu_blk {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap .pankuzu_blk {
    margin: 0 auto 2.6666666667vw;
    padding: 0 5.3333333333vw;
  }
}
#catalog_gift .page_head_wrap .pankuzu_blk li {
  padding-left: 28px;
  position: relative;
}
#catalog_gift .page_head_wrap .pankuzu_blk li a,
#catalog_gift .page_head_wrap .pankuzu_blk li span {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
}
#catalog_gift .page_head_wrap .pankuzu_blk li a {
  color: #1d1d1d;
}
#catalog_gift .page_head_wrap .pankuzu_blk li a:hover {
  color: #e94709;
}
#catalog_gift .page_head_wrap .pankuzu_blk li span {
  color: #1d1d1d;
}
#catalog_gift .page_head_wrap .pankuzu_blk li:first-child {
  padding-left: 0;
}
#catalog_gift .page_head_wrap .pankuzu_blk li:first-child::before {
  display: none;
}
#catalog_gift .page_head_wrap .pankuzu_blk li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #6e6966;
  border-right: 1px solid #6e6966;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%) rotateZ(45deg);
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .page_head_wrap .pankuzu_blk li {
    padding-left: 2.2580645161vw;
  }
  #catalog_gift .page_head_wrap .pankuzu_blk li a,
  #catalog_gift .page_head_wrap .pankuzu_blk li span {
    font-size: 0.9677419355vw;
  }
  #catalog_gift .page_head_wrap .pankuzu_blk li::before {
    width: 0.6451612903vw;
    height: 0.6451612903vw;
    left: 0.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap .pankuzu_blk li {
    padding-left: 4.8vw;
  }
  #catalog_gift .page_head_wrap .pankuzu_blk li a,
  #catalog_gift .page_head_wrap .pankuzu_blk li span {
    font-size: 2.6666666667vw;
  }
  #catalog_gift .page_head_wrap .pankuzu_blk li::before {
    width: 1.6vw;
    height: 1.6vw;
    top: 2vw;
    left: 1.6vw;
  }
}
#catalog_gift .page_head_wrap .lead_wrap {
  padding: 70px 0;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap .lead_wrap {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#catalog_gift .page_head_wrap .lead_wrap .lead_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 48px;
  line-height: 61px;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 22px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap .lead_wrap .lead_ttl {
    font-size: 6.9333333333vw;
    line-height: 9.0666666667vw;
    letter-spacing: 0;
    margin: 0 auto 3.7333333333vw;
  }
}
#catalog_gift .page_head_wrap .lead_wrap .lead_txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #catalog_gift .page_head_wrap .lead_wrap .lead_txt {
    font-size: 3.2vw;
  }
}
#catalog_gift .sec_ranking {
  background: #ebebe7;
  padding: 70px 0 0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking {
    padding: 7.4666666667vw 0 0;
  }
}
#catalog_gift .sec_ranking .ranking_ttl {
  margin: 0 auto 50px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}
#catalog_gift .sec_ranking .ranking_ttl span {
  display: block;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #e94709;
}
#catalog_gift .sec_ranking .ranking_ttl::before {
  content: "";
  display: block;
  width: 216px;
  height: 37px;
  background: url("/img/freepage/catalog_gift/ranking_ttl_trt.png") top center no-repeat;
  background-size: 100% auto;
  margin: 0 auto 13px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .ranking_ttl {
    margin: 0 auto 4.5333333333vw;
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
  }
  #catalog_gift .sec_ranking .ranking_ttl span {
    padding-top: 1.0666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
  #catalog_gift .sec_ranking .ranking_ttl::before {
    width: 45.8666666667vw;
    height: 7.7333333333vw;
    background: url("/img/freepage/catalog_gift/ranking_ttl_trt.png") top center no-repeat;
    background-size: 100% auto;
    margin: 0 auto 2.1333333333vw;
  }
}
#catalog_gift .sec_ranking .selector_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 15px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .selector_wrap {
    gap: 2.6666666667vw;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
    justify-content: flex-start;
  }
  #catalog_gift .sec_ranking .selector_wrap::-webkit-scrollbar {
    display: none;
  }
}
#catalog_gift .sec_ranking .selector_wrap li {
  width: 200px;
  height: 70px;
  cursor: pointer;
  background: #cdcdc4;
  color: #6e6966;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 700;
}
#catalog_gift .sec_ranking .selector_wrap li.active {
  background: #fcf8f0;
  color: #1d1d1d;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .selector_wrap li {
    flex-shrink: 0;
    width: 28vw;
    height: 9.3333333333vw;
    border-top-left-radius: 2.6666666667vw;
    border-top-right-radius: 2.6666666667vw;
    align-items: flex-end;
    padding-bottom: 1.6vw;
    font-size: 3.2vw;
    letter-spacing: 0;
  }
}
#catalog_gift .sec_ranking .tab_main_blk {
  width: 100%;
  padding: 70px 0;
  background: #fcf8f0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk {
    padding: 10.6666666667vw 0;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk {
    padding: 0 0 18.4vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk.active .itemBlk_wrap .sysFuncItemBlock.active .sysHorizontal li {
  transform: translateX(0);
  opacity: 1;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap {
  display: block;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap {
    width: 100%;
    padding: 0 5.3333333333vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) {
    margin-bottom: 5.3333333333vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .common_h2 {
  margin-bottom: 0;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more {
  flex-shrink: 0;
  width: fit-content;
  height: 38px;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px 20px;
  height: 100%;
  border: 1px solid #6e6966;
  border-radius: 18px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  color: #1d1d1d;
  white-space: nowrap;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more a:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more {
    height: 3.064516129vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more a {
    padding: 0.7258064516vw 1.6129032258vw;
    border-radius: 1.4516129032vw;
    font-size: 1.0483870968vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more {
    height: 10.4vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap:has(.view_more) .view_more a {
    border-radius: 5.0666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 5.0666666667vw;
    letter-spacing: 0;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap::before {
  display: none;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: left;
  margin-bottom: 30px;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 small {
  display: inline-block;
  font-size: 13px;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 span {
  display: block;
  margin: 0;
  padding: 5px 0 0 0;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #e94709;
  text-align: left;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2.center {
  text-align: center;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2.center span {
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 {
    font-size: 2.5806451613vw;
    line-height: 3.3870967742vw;
    margin-bottom: 2.4193548387vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 small {
    font-size: 1.0483870968vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 span {
    padding: 0.4032258065vw 0 0 0;
    font-size: 1.1290322581vw;
    line-height: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    margin-bottom: 5.3333333333vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 small {
    display: block;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .common_h2 span {
    padding: 1.0666666667vw 0 0 0;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .view_more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .ttl_wrap .view_more a {
    white-space: nowrap;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  overflow-x: scroll;
  -webkit-appearance: none;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector {
    padding: 0;
    gap: 0.6451612903vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector {
    gap: 1.6vw;
    margin-bottom: 4vw;
    padding: 0 5.3333333333vw 1.3333333333vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector li {
  margin: 0;
  padding: 10px 15px 11px;
  background: #ffffff;
  border-radius: 19px;
  cursor: pointer;
  color: #1d1d1d;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
  transition-duration: 0.3s;
  flex-shrink: 0;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector li.active {
  background: #e94709 !important;
  color: #ffffff !important;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector li:hover {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector li {
    padding: 0.8064516129vw 1.2096774194vw 0.8870967742vw;
    border-radius: 1.5322580645vw;
    font-size: 0.9677419355vw;
    line-height: 1.3709677419vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .sub_selector li {
    flex-shrink: 0;
    padding: 1.3333333333vw 3.2vw;
    border-radius: 3.4666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap {
  position: relative;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock {
  display: block !important;
  width: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition-duration: 0.3s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHeadline {
  display: none;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock.active {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 25px;
  padding: 0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal {
    gap: 2.0161290323vw;
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal {
    overflow-x: scroll;
    gap: 4vw;
    padding: 0 5.3333333333vw 1.3333333333vw;
    -webkit-appearance: none;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal::-webkit-scrollbar {
    display: none;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal::after {
  display: none;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li {
  width: calc((100% - 100px) / 5);
  padding: 0;
  float: none;
  transform: translateX(100%);
  opacity: 1;
  transition-duration: 0.5s;
  position: relative;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(1) {
  transition-delay: 0.1s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(2) {
  transition-delay: 0.2s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(3) {
  transition-delay: 0.3s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(4) {
  transition-delay: 0.4s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(5) {
  transition-delay: 0.5s;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li::before {
  display: block;
  width: 40px;
  height: 40px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(1)::before {
  content: "1";
  background: #e94709;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(2)::before {
  content: "2";
  background: #9c9c89;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(3)::before {
  content: "3";
  background: #B59677;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(4)::before {
  content: "4";
  background: #CDCDC4;
  color: #1d1d1d;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li:nth-child(5)::before {
  content: "5";
  background: #CDCDC4;
  color: #1d1d1d;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li {
    width: calc((100% - 8.064516129vw) / 5);
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li {
    width: 36vw;
    flex-shrink: 0;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemImage {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 12px;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemImage a {
  display: block;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemImage a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemImage {
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemImage {
    margin-bottom: 2.1333333333vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName {
  margin: 0 0 10px;
  text-align: left;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName a {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName {
    margin: 0 0 0.8064516129vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName a {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName {
    margin: 0 0 2.1333333333vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemName a {
    font-size: 3.2vw;
  }
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice,
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
}
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice .taxin,
#catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice .taxin {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  padding-left: 2px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice,
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 1.6129032258vw;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice .taxin,
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 0.9677419355vw;
    padding-left: 0.1612903226vw;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice,
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice {
    font-size: 4.5333333333vw;
    line-height: 1;
  }
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemPrice .taxin,
  #catalog_gift .sec_ranking .tab_main_blk .large_cate_wrap .cate_blk .itemBlk_wrap .sysFuncItemBlock .sysHorizontal li .sysItemBlockVariationPrice .taxin {
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
#catalog_gift .wrapping_blk {
  margin: 70px 0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk {
    margin: 10.6666666667vw 0;
    padding: 0 5.3333333333vw;
  }
}
#catalog_gift .wrapping_blk .wrapping_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 31px;
  line-height: 43px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 40px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk .wrapping_ttl {
    font-size: 5.3333333333vw;
    line-height: 1.5;
    margin: 0 auto 10.6666666667vw;
  }
}
#catalog_gift .wrapping_blk ul {
  width: 100%;
  max-width: 940px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk ul {
    margin: 0 auto 20px;
    gap: 10px;
  }
}
#catalog_gift .wrapping_blk ul li {
  width: 300px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk ul li {
    width: calc((100% - 5.3333333333vw) / 3);
  }
}
#catalog_gift .wrapping_blk ul li .img_wrap {
  width: 100px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk ul li .img_wrap {
    width: 21.3333333333vw;
    margin: 0 auto 4vw;
  }
}
#catalog_gift .wrapping_blk ul li .li_ttl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 8px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk ul li .li_ttl {
    font-size: 3.4666666667vw;
    margin: 0 auto 2.1333333333vw;
  }
}
#catalog_gift .wrapping_blk ul li .li_txt {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk ul li .li_txt {
    font-size: 12px;
    text-align: left;
  }
}
#catalog_gift .wrapping_blk .note {
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  color: #979797;
}
@media screen and (max-width: 750px) {
  #catalog_gift .wrapping_blk .note {
    font-size: 2.9333333333vw;
    line-height: 1.5;
    text-align: left;
  }
}
#catalog_gift .catalog_scene_blk {
  padding-top: 0;
  margin: 0 auto 70px;
  width: 100%;
  max-width: 1200px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk {
    margin: 0 auto 10.6666666667vw;
    padding: 0 5.3333333333vw 0;
  }
}
#catalog_gift .catalog_scene_blk .scene_ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: left;
  margin: 0 0 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk .scene_ttl {
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
    margin: 0 0 5.3333333333vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 50px 60px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list {
    padding: 0 4.6666666667vw;
    gap: 5.3333333333vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li {
  width: calc((100% - 60px) / 2);
  padding: 50px 30px 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px 15px;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li {
    width: 100%;
    padding: 20px 0 23px;
    display: block;
    border: none;
    border-bottom: 1px solid #cccccc;
    position: relative;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .img_wrap {
  width: 280px;
  height: 280px;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .img_wrap img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .img_wrap {
    width: 45.3333333333vw;
    height: 45.3333333333vw;
    float: left;
    margin-bottom: 20px;
  }
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .img_wrap::after {
    content: "";
    display: block;
    width: 5.3333333333vw;
    height: 1px;
    border-bottom: 1px solid #707070;
    position: absolute;
    top: 53.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap {
  width: calc(100% - 295px);
  height: 280px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 0;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .course {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
  margin: 0 0 5px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .course {
    width: 26.6666666667vw;
    float: right;
    font-size: 3.2vw;
    margin: 13.8666666667vw 0 2.9333333333vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price {
  position: relative;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  text-align: left;
  padding: 0 0 20px;
  margin: 0 0 20px;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price span {
  font-size: 10px;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  border-bottom: 1px solid #707070;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price {
    width: 26.6666666667vw;
    float: right;
    font-size: 3.4666666667vw;
    padding: 0;
    margin: 0;
  }
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price span {
    font-size: 2.6666666667vw;
  }
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .price::after {
    display: none;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap {
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap {
    clear: both;
    padding: 0 0 0 4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap > span {
  display: block;
  font-size: 12px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap > span {
    font-size: 10px;
    line-height: 1.5;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap .type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap .type li {
  background: #ebebe7;
  padding: 7px 15px 8px;
  border-radius: 19px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap .type {
    gap: 2.6666666667vw;
  }
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .type_wrap .type li {
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 3.4666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .logo {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .logo {
    clear: both;
    display: block;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .logo img {
  width: 200px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .detail_wrap .logo img {
    display: block;
    width: 66.6666666667vw;
    margin: 0 auto;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap {
  width: 100%;
  height: calc(100% - 300px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap {
    clear: both;
    padding-top: 5.3333333333vw;
    height: auto;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .brand {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 15px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .brand {
    font-size: 4.2666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .txt {
  flex-grow: 1;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
  margin: 0 auto 30px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .txt {
    font-size: 2.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .btn {
  width: 105px;
  height: 38px;
  margin: 0 auto;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  border: 1px solid #6e6966;
  border-radius: 19px;
  color: #1d1d1d;
}
#catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .btn a:hover {
  color: #044EA1;
}
@media screen and (max-width: 750px) {
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .btn {
    width: 37.6vw;
    height: 10.4vw;
    margin: 0 auto;
  }
  #catalog_gift .catalog_scene_blk ul.catalog_list > li .txt_wrap .btn a {
    font-size: 3.4666666667vw;
    border-radius: 5.0666666667vw;
  }
}
#catalog_gift .type_select_blk {
  padding: 70px 0;
  width: 100%;
  background: #fcf8f0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#catalog_gift .type_select_blk .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#catalog_gift .type_select_blk .inner h2.type_ttl {
  margin: 0 auto 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: left;
}
#catalog_gift .type_select_blk .inner h2.type_ttl span {
  display: block;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: left;
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner h2.type_ttl {
    margin: 0 auto 5.3333333333vw;
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
    text-align: center;
  }
  #catalog_gift .type_select_blk .inner h2.type_ttl span {
    padding-top: 1.0666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
    text-align: center;
  }
}
#catalog_gift .type_select_blk .inner ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul {
    flex-wrap: wrap;
    gap: 4vw;
  }
}
#catalog_gift .type_select_blk .inner ul li {
  width: calc((100% - 72px) / 4);
  background: #ffffff;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li {
    width: calc((100% - 4vw) / 2);
    border-radius: 2.6666666667vw;
  }
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap {
  padding: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li .txt_wrap {
    padding: 4vw;
  }
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap .ttl {
  height: 60px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li .txt_wrap .ttl {
    height: auto;
    margin-bottom: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap .txt {
  height: 67.5px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li .txt_wrap .txt {
    height: auto;
    margin-bottom: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap .btn {
  width: 131px;
  height: 38px;
  margin: 0 auto;
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  border: 1px solid #6e6966;
  border-radius: 19px;
  color: #1d1d1d;
}
#catalog_gift .type_select_blk .inner ul li .txt_wrap .btn a:hover {
  color: #044EA1;
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li .txt_wrap .btn {
    width: fit-content;
    height: auto;
    margin: 0 auto;
  }
  #catalog_gift .type_select_blk .inner ul li .txt_wrap .btn a {
    font-size: 3.4666666667vw;
    border: none;
    border-radius: 0;
  }
}
@media screen and (max-width: 750px) {
  #catalog_gift .type_select_blk .inner ul li:nth-child(4) .txt_wrap .ttl {
    height: 3em;
  }
}
#catalog_gift .faq_blk {
  padding: 70px 0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
#catalog_gift .faq_blk h2.faq_ttl {
  margin: 0 auto 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}
#catalog_gift .faq_blk h2.faq_ttl span {
  display: block;
  padding-top: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk h2.faq_ttl {
    margin: 0 auto 14.6666666667vw;
    font-size: 5.3333333333vw;
    line-height: 6.9333333333vw;
    text-align: center;
  }
  #catalog_gift .faq_blk h2.faq_ttl span {
    padding-top: 1.0666666667vw;
    font-size: 2.6666666667vw;
    line-height: 4vw;
    text-align: center;
  }
}
#catalog_gift .faq_blk .faq_wrap {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap {
    gap: 5.3333333333vw;
  }
}
#catalog_gift .faq_blk .faq_wrap dl {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl {
    padding-bottom: 2.6666666667vw;
  }
}
#catalog_gift .faq_blk .faq_wrap dl dt {
  padding: 0 60px 0 17px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  position: relative;
  cursor: pointer;
}
#catalog_gift .faq_blk .faq_wrap dl dt span {
  display: block;
  width: 20px;
  flex-shrink: 0;
}
#catalog_gift .faq_blk .faq_wrap dl dt::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #6e6966;
  position: absolute;
  top: 50%;
  right: 33px;
  transform: translateY(-50%);
}
#catalog_gift .faq_blk .faq_wrap dl dt::after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #6e6966;
  position: absolute;
  top: 50%;
  right: 33px;
  transform: translateY(-50%) rotateZ(90deg);
  transition-duration: 0.3s;
}
#catalog_gift .faq_blk .faq_wrap dl dt.open::after {
  transform: translateY(-50%) rotateZ(0deg);
  opacity: 0;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl dt {
    padding: 0 6.5333333333vw 0 0;
    gap: 3.3333333333vw;
    font-size: 4.2666666667vw;
  }
  #catalog_gift .faq_blk .faq_wrap dl dt span {
    width: 4.8vw;
    margin-top: -0.8vw;
  }
  #catalog_gift .faq_blk .faq_wrap dl dt::before {
    width: 3.2vw;
    height: 0.5333333333vw;
    right: 1.2vw;
    transform: translateY(-50%);
  }
  #catalog_gift .faq_blk .faq_wrap dl dt::after {
    width: 3.2vw;
    height: 0.5333333333vw;
    right: 1.2vw;
  }
}
#catalog_gift .faq_blk .faq_wrap dl dd {
  display: none;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner {
  padding: 20px 70px 10px 17px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl dd .inner {
    padding: 2.6666666667vw 6.5333333333vw 2.6666666667vw 0;
    gap: 3.3333333333vw;
  }
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner > span {
  display: block;
  width: 20px;
  flex-shrink: 0;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner > span img {
  display: block;
  width: 18px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl dd .inner > span {
    width: 4.8vw;
  }
  #catalog_gift .faq_blk .faq_wrap dl dd .inner > span img {
    width: 100%;
  }
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 30px;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .txt:last-child {
  margin-bottom: 0;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .txt a {
  color: #1d1d1d;
  text-decoration: underline;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .txt a:hover {
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .txt {
    font-size: 3.2vw;
    margin-bottom: 5.3333333333vw;
  }
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn {
  width: fit-content;
  margin-bottom: 20px;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn:last-child {
  margin-bottom: 0;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn a {
  padding: 9px 20px 10px;
  border: 1px solid #6e6966;
  border-radius: 19px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  border: 1px solid #6e6966;
  border-radius: 19px;
  transition-duration: 0.3s;
  color: #1d1d1d;
}
#catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn a:hover {
  color: #e94709;
}
@media screen and (max-width: 750px) {
  #catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn {
    margin-bottom: 5.3333333333vw;
  }
  #catalog_gift .faq_blk .faq_wrap dl dd .inner .txt_wrap .btn a {
    padding: 2.6666666667vw 5.3333333333vw;
    border-radius: 5.0666666667vw;
    font-size: 2.9333333333vw;
    border-radius: 5.0666666667vw;
  }
}

body#sysItemCategory div.brand_wrap {
  padding-bottom: 20px;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap {
    padding-bottom: 5.3333333333vw;
  }
}
body#sysItemCategory div.brand_wrap .logo_wrap {
  display: none;
}
body#sysItemCategory div.brand_wrap .brand_logo_wrap {
  width: 100%;
  padding: 40px 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .brand_logo_wrap {
    padding: 4.8vw 0;
    margin-bottom: 2.6666666667vw;
  }
}
body#sysItemCategory div.brand_wrap .brand_logo_wrap > picture img {
  display: block;
  width: fit-content;
  margin: 0 auto;
}
body#sysItemCategory div.brand_wrap div.mv_wrap {
  width: 100%;
  margin-bottom: 25px;
}
body#sysItemCategory div.brand_wrap div.mv_wrap > img {
  width: 100%;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap div.mv_wrap {
    margin-bottom: 5.3333333333vw;
  }
}
body#sysItemCategory div.brand_wrap h1.brand_ttl {
  width: 100%;
  margin-bottom: 12px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap h1.brand_ttl {
    padding: 0 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 5.3333333333vw;
    line-height: 7.2vw;
  }
}
body#sysItemCategory div.brand_wrap div.explanatory {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 25px;
}
body#sysItemCategory div.brand_wrap div.explanatory:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap div.explanatory {
    padding: 0 5.3333333333vw;
    font-size: 3.2vw;
    margin-bottom: 5.3333333333vw;
  }
}
body#sysItemCategory div.brand_wrap div.to_itemList > a {
  width: fit-content;
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
body#sysItemCategory div.brand_wrap div.to_itemList > a::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("/img/common/arrow_black_d.png") top center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap div.to_itemList > a {
    margin: 0 auto 5.3333333333vw;
    gap: 2.1333333333vw;
    font-size: 3.2vw;
  }
  body#sysItemCategory div.brand_wrap div.to_itemList > a::after {
    width: 4vw;
    height: 4vw;
  }
}
body#sysItemCategory div.brand_wrap .blk {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk {
    margin-bottom: 5.3333333333vw;
  }
}
body#sysItemCategory div.brand_wrap .blk:last-child {
  margin-bottom: 0;
}
body#sysItemCategory div.brand_wrap .blk div.img_wrap > img {
  width: 100%;
}
body#sysItemCategory div.brand_wrap .blk div.txt_wrap div.ttl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk div.txt_wrap div.ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
body#sysItemCategory div.brand_wrap .blk.column1_img_txt div.img_wrap {
  width: 100%;
  margin-bottom: 30px;
}
body#sysItemCategory div.brand_wrap .blk.column1_img_txt div.txt_wrap div.txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk.column1_img_txt div.img_wrap {
    margin-bottom: 5.3333333333vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column1_img_txt div.txt_wrap {
    padding: 0 5.3333333333vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column1_img_txt div.txt_wrap div.txt {
    font-size: 3.2vw;
  }
}
body#sysItemCategory div.brand_wrap .blk.column2_img_txt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.img_wrap {
  width: calc((100% - 40px) / 2);
}
body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.txt_wrap {
  width: calc((100% - 40px) / 2);
}
body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.txt_wrap div.txt {
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk.column2_img_txt {
    padding: 0 5.3333333333vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.img_wrap {
    width: 64vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.txt_wrap {
    width: 100%;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_img_txt div.txt_wrap div.txt {
    font-size: 3.2vw;
  }
}
body#sysItemCategory div.brand_wrap .blk.column2_txt_img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  gap: 40px;
}
body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.img_wrap {
  width: calc((100% - 40px) / 2);
}
body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.txt_wrap {
  width: calc((100% - 40px) / 2);
}
body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.txt_wrap div.ttl {
  text-align: right;
}
body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.txt_wrap div.txt {
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk.column2_txt_img {
    padding: 0 5.3333333333vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 4vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.img_wrap {
    width: 64vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.txt_wrap {
    width: 100%;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_txt_img div.txt_wrap div.txt {
    font-size: 3.2vw;
  }
}
body#sysItemCategory div.brand_wrap .blk.column1_only_txt div.txt_wrap div.txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk.column1_only_txt div.txt_wrap {
    padding: 0 5.3333333333vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column1_only_txt div.txt_wrap div.txt {
    font-size: 3.2vw;
  }
}
body#sysItemCategory div.brand_wrap .blk.column2_imgTxt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li {
  width: calc((100% - 40px) / 2);
}
body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li div.img_wrap {
  margin-bottom: 20px;
}
body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li div.txt_wrap div.txt {
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  body#sysItemCategory div.brand_wrap .blk.column2_imgTxt {
    padding: 0 5.3333333333vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5.3333333333vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li {
    width: 100%;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li div.img_wrap {
    margin-bottom: 4vw;
  }
  body#sysItemCategory div.brand_wrap .blk.column2_imgTxt > li div.txt_wrap div.txt {
    font-size: 3.2vw;
  }
}
body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  position: relative;
}
body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner div.logo_wrap {
  width: 290px;
  margin: 0 auto;
}
body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner .mypage_icon {
  width: 55px;
  position: absolute;
  top: 22.4px;
  right: 30px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner {
    padding: 1.6129032258vw;
  }
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner div.logo_wrap {
    width: 23.3870967742vw;
  }
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner .mypage_icon {
    width: 4.435483871vw;
    top: 1.8064516129vw;
    right: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner {
    padding: 3.2vw;
  }
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner div.logo_wrap {
    width: 51.2vw;
  }
  body:has(.teaser_header) div#sysHeader div.teaser_header div.sysContent div.h_inner .mypage_icon {
    width: 13.3333333333vw;
    position: absolute;
    top: 2.1333333333vw;
    right: 2.6666666667vw;
  }
}
body:has(.teaser_header) #sysWrap {
  width: 100%;
  max-width: 100%;
}
body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap {
  display: block;
  margin-top: 80px;
  padding: 50px 20px 60px;
  background: #fcf8f0;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap {
    margin-top: 6.4516129032vw;
    padding: 4.0322580645vw 1.6129032258vw 4.8387096774vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap {
    margin-top: 0;
    padding: 8vw 0;
  }
}
body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.head_ttl > h1 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 55px;
  line-height: 70px;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.head_ttl > h1 {
    font-size: 4.435483871vw;
    line-height: 5.6451612903vw;
    margin-bottom: 3.2258064516vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.head_ttl > h1 {
    font-size: 6.6666666667vw;
    line-height: 10.1333333333vw;
    margin-bottom: 8vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.lead_txt {
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.lead_txt {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain div.mv_menu_gift .head_txt_wrap div.lead_txt {
    font-size: 3.4666666667vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .common_h2 {
  text-align: center;
}
body:has(.teaser_header) #sysWrap #sysMain .common_h2 span {
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .common_h2 {
    margin-bottom: 2.4193548387vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .common_h2 {
    margin-bottom: 4vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info {
  padding-top: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info {
    padding-top: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info {
    padding-top: 8vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner {
    padding: 0 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner {
    padding: 0;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 70px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap li {
  border: 1px solid #cdcdc4;
  padding: 20px 30px;
  text-align: center;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap li span {
  color: #e94709;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap {
    gap: 1.2096774194vw;
    margin-bottom: 5.6451612903vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap li {
    padding: 1.6129032258vw 2.4193548387vw;
    font-size: 2.2580645161vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap {
    padding: 0 5.3333333333vw;
    gap: 2.6666666667vw;
    margin-bottom: 8vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .news_wrap li {
    padding: 2.6666666667vw;
    font-size: 4.8vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap {
  padding: 70px 185px;
  border-radius: 15px;
  background: #fcf8f0;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .ttl {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period {
  width: fit-content;
  padding: 3px 20px;
  margin: 0 auto 50px;
  background: #f1e3c2;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period span {
  font-size: 17px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap {
  width: 400px;
  margin: 0 auto 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap a:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap a {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap {
    padding: 5.6451612903vw 14.9193548387vw;
    border-radius: 1.2096774194vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .ttl {
    font-size: 2.5806451613vw;
    margin-bottom: 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period {
    padding: 0.2419354839vw 1.6129032258vw;
    margin: 0 auto 4.0322580645vw;
    font-size: 1.935483871vw;
    line-height: 2.8225806452vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period span {
    font-size: 1.3709677419vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap {
    width: 32.2580645161vw;
    margin: 0 auto 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap a {
    max-width: 32.2580645161vw;
    border-radius: 1.2096774194vw;
    font-size: 1.2096774194vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap {
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 0;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period {
    width: 100%;
    padding: 1.0666666667vw;
    margin: 0 auto 8vw;
    font-size: 3.4666666667vw;
    line-height: 5.2vw;
    letter-spacing: 0;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .period span {
    font-size: 2.6666666667vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .btn_wrap {
    width: 100%;
    margin: 0 auto 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_store_info .inner .opening_commemoration_wrap .txt {
    font-size: 3.2vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info {
  margin-top: 70px;
  padding-top: 70px;
  background: #ebebe7;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info {
    margin-top: 5.6451612903vw;
    padding-top: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info {
    margin-top: 10.6666666667vw;
    padding-top: 10.6666666667vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .sysHeadline h2.common_h2 {
  margin-bottom: 0;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner {
  width: 100%;
  padding: 70px 20px;
  background: #ebebe7;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner {
    padding: 5.6451612903vw 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner {
    padding: 12vw 5.3333333333vw 10.6666666667vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap {
    gap: 5.6451612903vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap {
    gap: 12vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li {
  position: relative;
  padding: 40px 70px;
  background: #ffffff;
  border-radius: 15px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  background: #9c9c89;
  border-radius: 50%;
  position: absolute;
  top: -30px;
  left: -45px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: #ffffff;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .ttl {
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0;
  font-weight: 400;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_img {
  width: 100%;
  margin: 0;
  padding: 0;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .bottom_txt {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .name {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .img_wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .info_txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_wrap {
  width: 100%;
  max-width: 830px;
  margin: 0 auto 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .li_inner {
  width: 100%;
  padding: 30px 115px;
  margin-bottom: 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .li_inner.catalog {
  background: #f3f3f3;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .li_inner.bloom {
  background: #f8f1ef;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li {
    padding: 3.2258064516vw 5.6451612903vw;
    border-radius: 1.2096774194vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .num {
    width: 7.2580645161vw;
    height: 7.2580645161vw;
    top: -2.4193548387vw;
    left: -1.2096774194vw;
    font-size: 2.4193548387vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .ttl {
    font-size: 1.7741935484vw;
    margin-bottom: 2.4193548387vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note {
    gap: 0.4032258065vw;
    margin-bottom: 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note p {
    font-size: 1.2096774194vw;
    line-height: 1.6935483871vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .bottom_txt {
    font-size: 1.0483870968vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .name {
    font-size: 1.6129032258vw;
    margin-bottom: 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .img_wrap {
    margin-bottom: 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .info_txt {
    font-size: 1.2096774194vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_wrap {
    max-width: 66.935483871vw;
    margin: 0 auto 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .li_inner {
    padding: 2.4193548387vw 9.2741935484vw;
    margin-bottom: 1.6129032258vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li {
    padding: 12vw 5.3333333333vw 6.6666666667vw;
    border-radius: 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .num {
    width: 16vw;
    height: 16vw;
    top: -6.6666666667vw;
    left: 50%;
    font-size: 5.3333333333vw;
    transform: translateX(-50%);
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .ttl {
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 5.3333333333vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note {
    gap: 1.3333333333vw;
    margin-bottom: 2.6666666667vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_note p {
    font-size: 3.2vw;
    line-height: 2;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .bottom_txt {
    font-size: 2.9333333333vw;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
    text-align: left;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .name {
    font-size: 3.7333333333vw;
    margin-bottom: 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .img_wrap {
    margin-bottom: 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .info_txt {
    font-size: 3.2vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .coupon_wrap {
    margin: 0 auto 2.6666666667vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_campaign_info .inner .campaign_wrap li .li_inner {
    padding: 4vw;
    margin-bottom: 2.6666666667vw;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration {
  padding: 70px 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap {
  width: 400px;
  margin: 0 auto 20px;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 400/62;
  margin: 0;
  padding: 0;
  background: #e94709;
  border: 1px solid #e94709;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  transition-duration: 0.3s;
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap a:hover {
  background: #ffffff;
  color: #e94709;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap a {
    border-radius: 2.6666666667vw;
    font-size: 3.4666666667vw;
    max-width: 89.3333333333vw;
    aspect-ratio: 335/50;
  }
}
body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .txt {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration {
    padding: 5.6451612903vw 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap {
    width: 32.2580645161vw;
    margin: 0 auto 1.6129032258vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap a {
    max-width: 32.2580645161vw;
    border-radius: 1.2096774194vw;
    font-size: 1.2096774194vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .txt {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration {
    padding: 8vw 5.3333333333vw 10.6666666667vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .btn_wrap {
    width: 100%;
    margin: 0 auto 4vw;
  }
  body:has(.teaser_header) #sysWrap #sysMain .teaser_member_registration .txt {
    font-size: 3.2vw;
  }
}
body:has(.teaser_header) div#sysFooter div.teaser_footer {
  background: #b0b0a1;
  padding: 40px 20px 30px;
}
body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}
body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .onward_wrap {
  width: 155px;
}
body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .yamato_wrap {
  width: 130px;
}
body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  margin-bottom: 5px;
}
body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .copyright {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 751px) and (max-width: 1240px) {
  body:has(.teaser_header) div#sysFooter div.teaser_footer {
    padding: 3.2258064516vw 1.6129032258vw 2.4193548387vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap {
    gap: 2.4193548387vw;
    margin-bottom: 2.4193548387vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .onward_wrap {
    width: 12.5vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .yamato_wrap {
    width: 10.4838709677vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .txt {
    font-size: 0.9677419355vw;
    margin-bottom: 0.4032258065vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .copyright {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 750px) {
  body:has(.teaser_header) div#sysFooter div.teaser_footer {
    padding: 8vw 5.3333333333vw 4vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap {
    gap: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .onward_wrap {
    width: 28vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .logo_wrap .yamato_wrap {
    width: 23.2vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .txt {
    font-size: 2.9333333333vw;
    text-align: left;
    margin-bottom: 1.3333333333vw;
  }
  body:has(.teaser_header) div#sysFooter div.teaser_footer .copyright_wrap .copyright {
    font-size: 2.9333333333vw;
    line-height: 4.5333333333vw;
  }
}

#sysMypageEditMember .sysMemberPassword {
  display: none !important;
}

#sysMypageEditConfirm .sysMemberPassword {
  display: none !important;
}
@media screen and (max-width:600px){

}
@media screen and (min-width:601px) and (max-width:1100px){

}
@media screen and (min-width:1101px){
.sysDisplayPcNone{
  display:none !important;
}
}
/* #END_OF_RESOURCE_FILE */