/**********************
 野渡分作成CSS - PC向け
 *********************/

.fs-l-header__logo {
  width: 10% !important;
  margin: 0 auto !important;
}
/* 見出し共通余白 */
.fs-c-heading--page {
  padding: 6em 0 1.2em;
}

/*----------------

その他 - ログイン関連
（マイページログイン、カートログイン、レビューログイン）

----------------*/
/* ページ下部余白調整 */
#fs_Login .fs-l-pageMain,
#fs_WishListLogin .fs-l-pageMain,
#fs_ShoppingCartLogin .fs-l-pageMain,
#fs_ReviewLogin .fs-l-pageMain {
  padding-bottom: 0;
}
/* 見出し上下余白調整（ヘッダーロゴのみ） */
#fs_Login .fs-c-heading--page,
#fs_WishListLogin .fs-c-heading--page,
#fs_ShoppingCartLogin .fs-c-heading--page,
#fs_ReviewLogin .fs-c-heading--page {
  padding: 3.5em 0 1.8em;
}
.fs-c-loginForm {
  margin: 0 auto !important;
  justify-content: center !important;
}
.fs-c-loginForm .fs-c-subSection__title {
  color: #a46d6d;
  padding: 0 0 24px 0;
  text-align: center;
  border-bottom: none;
}
.fs-c-loginForm .fs-c-newUsers {
  margin-left: 0;
}
.fs-c-loginForm .fs-c-newUsers__message {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.fs-c-loginForm .fs-c-inputInformation__link .fs-c-textLink {
  text-align: center;
}
#fs_WishListLogin .fs-c-documentContent {
  padding: 0 0 64px 0;
}

/*----------------

その他 - マイページ関連

----------------*/
#fs_MyPageTop .fs-l-pageMain {
  padding-bottom: 0;
}
#fs_MyPageTop .fs-p-accountInfo__header {
  padding: 18px 6px;
  justify-content: center;
}
#fs_MyPageTop .fs-p-accountInfo__accountName__name {
  font-weight: bold;
  font-size: 16px;
}
#fs_MyPageTop .fs-p-accountInfo__body {
  padding: 16px 0;
}
#fs_MyPageTop .fs-p-accountInfo__body .fs-p-accountInfo__point {
  display: grid;
  gap: 0.5em;
}
#fs_MyPageTop
  .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete)
  .fs-c-accountService__pageLink__label::before {
  color: #212121;
}

/*----------------

その他 - メルマガ

----------------*/
#fs_NewsletterSubscribe .fs-l-block--center {
  margin-top: 32px;
}
/*----------------

その他 - 会員登録

----------------*/
#fs_Register .fs-p-announcement {
  margin: 24px auto;
  text-align: center;
}
#fs_Register .fs-p-announcement .fs-p-announcement__title {
  margin-bottom: 24px;
}
#fs_Register .fs-p-announcement .fs-p-announcement__body {
  display: grid;
  gap: 2em;
}
#fs_Register .fs-c-specTableContainer .fs-c-specTable {
  margin: 0 auto;
}
#fs_Register .fs-c-inputInformation {
  margin-top: 64px;
}
#fs_Register .fs-c-inputInformation__buttonMessage {
  margin-top: 20px;
}
#fs_RegisterSuccess .fs-c-registerSuccessMessage {
  display: grid;
  gap: 2em;
  border-bottom: none;
}
/*----------------

その他 - カート

----------------*/
/* 見出し上下余白調整（ヘッダーロゴのみ） */
#fs_ShoppingCart .fs-c-heading--page,
#fs_CustomerDetails .fs-c-heading--page,
#fs_Checkout .fs-c-heading--page {
  padding: 4em 0 1.8em;
}
#fs_ShoppingCart .fs-p-announcement {
  margin: 24px 0;
}
#fs_ShoppingCart .fs-c-wishlistProduct {
  margin: 48px 0 0;
}
#fs_Checkout .fs-c-checkout-preview {
  padding: 18px;
}
#fs_Checkout .fs-c-checkout-preview__title {
  margin: 0 0 12px;
  padding: 0 0 12px;
}
#fs_Checkout .fs-c-checkout-customerInfo,
#fs_Checkout .fs-c-checkout-destination__list {
  display: grid;
  gap: 0.2em;
  margin: 12px 0 !important;
}
#fs_CheckoutSuccess .fs-c-checkoutSuccess {
  padding-bottom: 24px !important;
  margin: 24px auto;
  width: 75%;
}
#fs_CheckoutSuccess .fs-c-checkoutSuccess__title {
  color: #212121;
  padding-bottom: 12px;
}
#fs_CheckoutSuccess .fs-c-checkoutSuccess__message {
  margin: 24px auto;
  width: 100%;
}
#fs_CheckoutSuccess .fs-c-list li {
  margin: 0;
  padding: 0;
}

/*----------------

フリー - FAQ

----------------*/
#faq .sec-wrapper {
  margin: 0 auto;
  width: 70%;
  max-width: 1100px;
}
#faq .faq-tab {
  border-top: 1px solid rgba(78, 56, 54, 0.3);
}
#faq .faq-tab:last-child {
  border-bottom: 1px solid rgba(78, 56, 54, 0.3);
}
#faq .faq-tab .tab-header {
  font-size: 15px;
  color: #4e3836;
  padding: 20px 30px;
  cursor: pointer;
  position: relative;
}
#faq .faq-tab .tab-header .accordionBtn {
  color: #4e3836;
  display: block;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  right: 2%;
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  opacity: 0.5;
}
#faq .faq-tab .tab-header.is-active .accordionBtn {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  opacity: 1;
}
#faq .faq-tab .tab-body {
  margin: 0;
  font-weight: 400;
  background-color: #f9f6f6;
  height: auto;
  display: none;
}
#faq .faq-tab .tab-body .content {
  font-size: 13px;
  color: #4e3836;
  padding: 40px 30px 50px;
  line-height: 1.8;
}
#faq .faq-tab .tab-body .content p {
  margin: 0;
  padding: 0;
}
#faq .faq-tab .tab-body .content a {
  color: #a36d6a;
  font-weight: 700;
  display: inline;
}
#faq .faq-tab .tab-body .content img {
  width: 80%;
}

/*----------------

フリー - 店舗情報

----------------*/
#shoplist .sec-wrapper {
  margin: 0 auto;
  width: 70%;
  max-width: 1100px;
}
/* ↓ メインショップ */
#shoplist .pickup-shop-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 64px;
}
#shoplist .pickup-shop {
  color: #a36d6a;
  background: #f8f4f3;
  width: 100%;
  margin: 0;
  padding: 32px 26px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#shoplist .pickup-shop .shop-info {
  display: grid;
  gap: 12px;
  width: 50%;
}
#shoplist .pickup-shop .shop-img {
  width: 40%;
}
#shoplist .pickup-shop .tag {
  font-size: 18px;
}
#shoplist .pickup-shop .name {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
}
#shoplist .pickup-shop .address,
#shoplist .pickup-shop .tel {
  font-size: 16px;
  color: #81706f;
}
/* ↓ 店舗エリア一覧 */
#shoplist .shop-area-ttl {
  font-size: 16px;
  color: #a36d6a;
  font-weight: bold;
  border-bottom: 2px solid #a36d6a;
  padding: 0 0 8px 0;
}
#shoplist .shop-area-tab {
  border-bottom: 1px solid #a36d6a;
}
#shoplist .shop-area-tab .tab-header {
  color: #4e3836;
  cursor: pointer;
  position: relative;
}
#shoplist .shop-area-tab .tab-header .accordionBtn {
  color: #4e3836;
  display: block;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  right: 2%;
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  opacity: 0.5;
}
#shoplist .shop-area-tab .tab-header.is-active .accordionBtn {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  opacity: 1;
}
#shoplist .shop-area-tab .area-header {
  font-size: 15px;
  font-weight: bold;
  padding: 40px 10px;
}
#shoplist .shop-prefecture-tab .prefecture-header {
  font-size: 14px;
  padding: 20px 0 20px 40px;
  border-top: 1px solid #e2dfdf;
}
#shoplist .shop-prefecture-tab:first-child .prefecture-header {
  border-top: 1px solid #a36d6a;
}
#shoplist .shop-area-tab .tab-body {
  margin: 0;
  font-weight: 400;
  height: auto;
  display: none;
}
#shoplist .shop-prefecture-tab .prefecture-body {
  border-top: 1px solid #e2dfdf;
  padding-left: 40px;
}

#shoplist .shop-prefecture-tab .shop-info {
  padding: 16px 20px;
  border-bottom: 1px dotted #a36d6a;
  display: grid;
  gap: 5px;
}
#shoplist .shop-prefecture-tab .shop-info:last-child {
  border-bottom: none;
}
#shoplist .shop-prefecture-tab .shop-info .tag {
  color: #a36d6a;
  font-weight: bold;
  font-size: 12px;
}
#shoplist .shop-prefecture-tab .shop-info .name {
  color: #4e3836;
  font-weight: bold;
  font-size: 14px;
}
#shoplist .shop-prefecture-tab .shop-info .address {
  color: #4e3836;
  font-size: 13px;
}
#shoplist .shop-prefecture-tab .shop-info .tel {
  color: #4e3836;
  font-size: 13px;
}