@charset "UTF-8";
body, div, pre, p, a, img, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object, figure {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

a {
  color: #000000;
  text-decoration: unset;
}

.fs-c-inputTable {
  border-collapse: initial;
  border-spacing: initial;
  border-width: initial;
  border-color: initial;
  display: block;
}
.fs-c-inputTable tr {
  display: block;
  border-bottom: initial;
}
.fs-c-inputTable td {
  display: block;
  vertical-align: initial;
  padding: initial;
}

.fs-c-inputTable tbody tr {
  margin-bottom: 32px;
}
.fs-c-inputTable__label {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-inputTable__label .fs-c-requiredMark {
  width: 29px;
  background-color: #cb0a0a;
  height: 16px;
  text-align: center;
  margin-left: 8px;
}
.fs-c-inputTable__label .fs-c-requiredMark:before {
  color: #fff;
  content: "必須";
  display: block;
  font-size: 10px;
  font-size: 1rem;
  text-indent: 0;
}
.fs-c-inputTable__headerCell {
  padding: 0;
  margin-bottom: 8px;
  align-items: center;
}
.fs-c-inputTable__dataCell .fs-c-inputField__explanation {
  display: none;
}
.fs-c-inputTable__dataCell .fs-c-inputField__field input {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  padding: 14px 16px;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
}
.fs-c-inputTable__dataCell .fs-c-inputField__field .fs-system-assistedItem {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  padding: 14px 16px;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputTextGroup__item .fs-system-assistedItem {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  padding: 14px 16px;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-dropdown option {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-dropdown:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  padding: 0;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  content: "";
  background: unset;
  transform: rotate(135deg);
  border: unset;
  border-radius: unset;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-dropdown::before {
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 8px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-dropdown:not(:first-of-type) {
  margin-left: 8px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: unset;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup .fs-c-radio {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-basis: unset;
  margin: 0;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup .fs-c-radio:not(:last-of-type) {
  margin-right: 32px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup .fs-c-radio__radioMark {
  width: 20px;
  height: 20px;
  border: solid 1px #cccccc;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup .fs-c-radio__radioMark::before {
  background-color: #999999;
  width: 12px;
  height: 12px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-radioGroup .fs-c-radio__radioLabelText {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__year select, .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__month select, .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__date select {
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__year option, .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__month option, .fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__date option {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__year {
  width: 120px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__month {
  width: 100px;
}
.fs-c-inputTable__dataCell .fs-c-inputField .fs-c-inputDate__date {
  width: 100px;
}

.fs-c-checkbox {
  margin: 0;
  width: 100%;
}
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark {
  background: #fff;
  border-color: #fff;
  border: solid 1px #000;
  transition: all 0.5s 0s ease;
}
.fs-c-checkbox__checkMark {
  width: 20px;
  height: 20px;
  background-color: unset;
  border: solid 1px #000;
  margin: 0;
  margin-right: 10px;
  border-radius: unset;
}
.fs-c-checkbox__checkMark::before {
  color: #cb0a0a;
  font-size: 16px;
  font-size: 1.6rem;
  top: 1px;
}
.fs-c-checkbox__labelText {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-checkbox__labelText > a {
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: underline;
  color: #0a91cb;
}

.fs-c-modal__close::before {
  font-size: 20px;
  font-size: 2rem;
}
.fs-c-modal__header {
  padding: 2% 5%;
}
.fs-c-modal__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.fs-c-modal__inner .fs-c-inputTable tbody tr {
  margin-bottom: 0;
}
.fs-c-modal__inner .fs-c-inputField .fs-c-checkout-communicationTextarea {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  padding: 3.7333333333% 4.2666666667%;
  font-size: 16px;
  font-size: 1.6rem;
  height: 300px;
  width: 100%;
  margin: 0;
  margin-right: 2.6666666667%;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__name {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__name ruby rb {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__name ruby rt {
  font-size: 10px;
  font-size: 1rem;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__address {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__address span {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal__inner .fs-c-checkout-customerInfo__tel {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal__inner .fs-c-radio {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-basis: unset;
  margin: 0;
}
.fs-c-modal__inner .fs-c-radio:not(:last-of-type) {
  margin-right: 32px;
}
.fs-c-modal__inner .fs-c-radio__radioMark {
  width: 20px;
  height: 20px;
  border: solid 1px #cccccc;
}
.fs-c-modal__inner .fs-c-radio__radioMark::before {
  background-color: #999999;
  width: 12px;
  height: 12px;
}
.fs-c-modal__inner .fs-c-radio__radioLabelText {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal__inner .fs-c-radio__radioLabelText .fs-c-homeLabel {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal__inner .fs-c-creditCardIcons {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.fs-c-modal__inner .fs-c-creditCardIcons__icon {
  margin-bottom: 10px;
}
.fs-c-modal__inner .fs-c-creditCardIcons__icon:not(:last-of-type) {
  margin-right: 10px;
}
.fs-c-modal__inner .fs-c-button--settings, .fs-c-modal__inner .fs-c-button--setDestination, .fs-c-modal__inner .fs-c-button--edit, .fs-c-modal__inner .fs-c-button--addAddressee, .fs-c-modal__inner .fs-c-button--primary {
  position: relative;
  background-color: #000;
  padding: 18px 0;
  width: 240px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  border: none;
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 4.2666666667%;
}
.fs-c-modal__inner .fs-c-button--settings::before, .fs-c-modal__inner .fs-c-button--setDestination::before, .fs-c-modal__inner .fs-c-button--edit::before, .fs-c-modal__inner .fs-c-button--addAddressee::before, .fs-c-modal__inner .fs-c-button--primary::before {
  position: absolute;
  top: 50%;
  right: 18px;
  display: block;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  content: "";
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.fs-c-modal__inner .fs-c-button--settings span, .fs-c-modal__inner .fs-c-button--setDestination span, .fs-c-modal__inner .fs-c-button--edit span, .fs-c-modal__inner .fs-c-button--addAddressee span, .fs-c-modal__inner .fs-c-button--primary span {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.fs-c-modal__inner .fs-c-button--setDestination, .fs-c-modal__inner .fs-c-button--edit {
  margin-top: 4.2666666667%;
}
.fs-c-modal__inner .fs-c-button--cancel {
  position: relative;
  background-color: #efeeee;
  padding: 18px 0;
  width: 240px;
  display: block;
  border: none;
  text-align: center;
  width: 100%;
  margin: 0;
}
.fs-c-modal__inner .fs-c-button--cancel::before {
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  content: "";
  transform: rotate(225deg);
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}
.fs-c-modal__inner .fs-c-button--cancel span {
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.fs-c-modal--medium .fs-c-checkbox {
  padding: 20px;
}
.fs-c-modal--medium .fs-c-checkout-usePoint__lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1.3333333333% 0;
}
.fs-c-modal--medium .fs-c-checkout-usePoint__lead p {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-pointSetting__inputUsePoint {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fs-c-modal--medium .fs-c-checkout-pointSetting__inputUsePoint input {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  padding: 3.7333333333% 4.2666666667%;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
  width: 60%;
  margin-right: 2.6666666667%;
}
.fs-c-modal--medium .fs-c-checkout-pointSetting__inputUsePoint label {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList p,
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList span,
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList label {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-checkout-deliveryMethod__option__title {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-checkout-deliveryMethod__option__message {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-checkout-deliveryMethod__option__setting dt label {
  font-weight: bold;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-checkout-deliveryMethod__option__setting dd {
  margin-bottom: 2.6666666667%;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-dropdown select {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-dropdown option {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-dropdown:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  padding: 0;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  content: "";
  background: unset;
  transform: rotate(135deg);
  border: unset;
  border-radius: unset;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-dropdown::before {
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 8px;
}
.fs-c-modal--medium .fs-c-checkout-deliveryMethodList .fs-c-dropdown:not(:first-of-type) {
  margin-left: 8px;
}
.fs-c-modal--medium .fs-c-inputInformation p,
.fs-c-modal--medium .fs-c-inputInformation span,
.fs-c-modal--medium .fs-c-inputInformation label {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-inputInformation__message {
  width: 100%;
  margin: unset;
  margin-bottom: 1.3333333333%;
}
.fs-c-modal--medium .fs-c-inputInformation__message p {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-inputInformation .fs-c-dropdown select {
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  font-size: 16px;
  font-size: 1.6rem;
  height: 48px;
}
.fs-c-modal--medium .fs-c-inputInformation .fs-c-dropdown option {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-c-modal--medium .fs-c-inputInformation .fs-c-dropdown:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  padding: 0;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  content: "";
  background: unset;
  transform: rotate(135deg);
  border: unset;
  border-radius: unset;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}
.fs-c-modal--medium .fs-c-inputInformation .fs-c-dropdown::before {
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 8px;
}
.fs-c-modal--medium .fs-c-inputInformation .fs-c-dropdown:not(:first-of-type) {
  margin-left: 8px;
}
.fs-c-modal .fs-c-inputInformation .fs-c-buttonContainer--pair {
  display: block;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal {
  border-collapse: initial;
  border-spacing: initial;
  border-width: initial;
  border-color: initial;
  display: block;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal tr {
  display: block;
  border-bottom: initial;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal th {
  display: block;
  border-bottom: initial;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal td {
  display: block;
  vertical-align: initial;
  padding: initial;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal {
  width: 100%;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal ruby rb {
  font-size: 18px;
  font-size: 1.8rem;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal ruby rt {
  font-size: 10px;
  font-size: 1rem;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal .fs-c-address,
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal .fs-u-tel {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal .fs-c-address span,
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal .fs-u-tel span {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal tr:not(:last-of-type) {
  margin-bottom: 2.6666666667%;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal__headerCell {
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 4.2666666667%;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal__dataCell {
  padding: 0;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-modal .fs-c-addressbookRemoveField .fs-c-inputTable--inModal__dataCell span {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee:not(:last-of-type) {
  margin-bottom: 6.4%;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee__data__name {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee__data__name span {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee .fs-c-address span {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee dd {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-modal .fs-c-checkout-addresseeList .fs-c-checkout-addressee dd span {
  font-size: 12px;
  font-size: 1.2rem;
}

* {
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "YuGothic", "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  outline: none !important;
}

.fs-c-button--particular {
  position: relative;
}
.fs-c-button--particular.fs-c-button--displayPassword, .fs-c-button--particular.fs-c-button--hidePassword {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  border: none;
  background: none;
  outline: none;
}
.fs-c-button--particular.fs-c-button--displayPassword::before, .fs-c-button--particular.fs-c-button--hidePassword::before {
  font-family: "fs-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.2rem;
}
.fs-c-button--particular.fs-c-button--displayPassword::before {
  content: "";
}
.fs-c-button--particular.fs-c-button--hidePassword::before {
  content: "";
}
.fs-c-button--particular + input {
  margin: 0;
}

.fs-c-pageMessage {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-pageMessage div,
.fs-c-pageMessage p,
.fs-c-pageMessage span {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-pageMessage .fs-c-noResultMessage__title {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-c-noResultMessage {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-c-noResultMessage div,
.fs-c-noResultMessage p,
.fs-c-noResultMessage span {
  font-size: 12px;
  font-size: 1.2rem;
}

.letratokyo_headline {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.fs-preview-header {
  display: none;
}

.logout.my-false {
  display: none;
}

.login.my-true {
  display: none;
}

.regist.my-true {
  display: none;
}

.fs-l-main {
  padding-left: 310px;
  padding-top: 64px;
}

.fs-c-inputInformation__message p,
.fs-c-inputInformation__message span {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-c-assist.is-error span {
  font-size: 12px;
  font-size: 1.2rem;
}

/* 郵便番号の幅調整 */
input.fs-c-input--zipCode {
  max-width: 100%;
  flex-basis: auto;
  margin-right: 0;
}

.fs-client-cart-count.fs-client-cart-count--0 {
  display: none;
}

.fs-client-cart-count {
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-size: 1rem;
  background-color: #cb0a0a;
  width: 14px;
  height: 14px;
  color: #fff;
  right: -5px;
  top: -5px;
  position: absolute;
}

#fs-page-error-container,
.fs-c-panelContainer {
  margin: 24px auto;
}
#fs-page-error-container .fs-c-panel--info,
.fs-c-panelContainer .fs-c-panel--info {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
#fs-page-error-container .fs-c-panel--info::before,
.fs-c-panelContainer .fs-c-panel--info::before {
  font-size: 12px;
  font-size: 1.2rem;
}
#fs-page-error-container .fs-c-panel--error,
.fs-c-panelContainer .fs-c-panel--error {
  font-size: 12px;
  font-size: 1.2rem;
}
#fs-page-error-container .fs-c-panel--error::before,
.fs-c-panelContainer .fs-c-panel--error::before {
  font-size: 12px;
  font-size: 1.2rem;
}
#fs-page-error-container .fs-c-panel__contentList__content,
.fs-c-panelContainer .fs-c-panel__contentList__content {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-c-breadcrumb__list {
  padding: 0;
}
.fs-c-breadcrumb__listItem {
  font-size: 12px;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
}
.fs-c-breadcrumb__listItem:first-of-type {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
}
.fs-c-breadcrumb__listItem a {
  font-size: 12px;
  font-size: 1.2rem;
  color: black;
}
.fs-c-breadcrumb__listItem::before {
  margin-left: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
}
.fs-c-breadcrumb__listItem span {
  font-size: 12px;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
}

.svg-cart {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
}

.svg-goods {
  stroke: rgba(0, 0, 0, 0);
  stroke-miterlimit: 10;
}

.svg_arrow-right--a {
  fill: none;
}
.svg_arrow-right--b {
  -webkit-clip-path: url(#svg_arrow-right_a);
  clip-path: url(#svg_arrow-right_a);
}
.svg_arrow-right--c {
  fill: #231815;
}

.icon-favorite {
  fill: none;
  stroke: #231815;
  stroke-miterlimit: 10;
}

.icon-search--a,
.icon-search--c {
  fill: none;
}

.icon-search--a {
  stroke: #000;
}

.icon-search--b {
  stroke: none;
}

.icon-user {
  fill: none;
  stroke: #231815;
  stroke-miterlimit: 10;
}

body.fixed,
html.fixed {
  overflow: hidden;
}

.common-news {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 27px;
  border-bottom: solid 1px #f1f1f1;
}
.common-news ul {
  width: 100%;
  height: 27px;
}
.common-news ul li {
  height: 27px;
  text-align: center;
}
.common-news ul li a {
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-news ul li a p {
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #000000;
}
.common-news__arrow {
  position: absolute;
  top: -5%;
  width: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.common-news__arrow--prev, .common-news__arrow--next {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.common-news__arrow--prev::before, .common-news__arrow--next::before {
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 1px solid #1b3e4d;
  border-right: 1px solid #1b3e4d;
}
.common-news__arrow--prev {
  left: 0px;
}
.common-news__arrow--prev::before {
  transform: rotate(-135deg);
  margin-right: -25px;
}
.common-news__arrow--next {
  right: 0px;
}
.common-news__arrow--next::before {
  -webkit-transform: rotate(45deg);
  margin-left: -25px;
  transform: rotate(45deg);
}

.pc_all_wrap {
  position: relative;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  width: 200px;
  height: 64px;
  z-index: 11;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 24px;
  transition: all 0.3s;
}
.header.bg-white {
  background-color: #fff;
}
.header__wrap > a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__wrap > ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__wrap > ul li:not(:last-of-type) {
  margin-right: 24px;
}
.header--user, .header--favorite, .header--search, .header--cart {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header--user > svg {
  width: 22px;
  height: 22px;
}
.header--favorite > svg {
  width: 20px;
  height: 17px;
}
.header--search > svg {
  height: 25px;
}
.header--cart > svg {
  height: 21px;
}

.side-nav {
  width: 310px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 100%;
  padding: 52px 68px;
  z-index: 10;
  transition: all 0.3s;
}
.side-nav__logo {
  width: 183px;
  height: 131px;
  margin-bottom: 48px;
}
.side-nav__menus__group {
  width: 80%;
  margin-bottom: 8%;
}
.side-nav__menus__group > li {
  width: 100%;
  padding-left: 12px;
}
.side-nav__menus__group > li:not(:last-of-type) {
  margin-bottom: 16px;
}
.side-nav__menus__group > li a {
  display: inline-block;
}
.side-nav__menus__group > li a p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: -10px;
}
.side-nav__menus__group > li a .link-border {
  display: inline-block;
  width: 0%;
  height: 1px;
  background-color: #000;
  transition: all 0.3s;
}
.side-nav__menus__group > li a:hover .link-border {
  width: 100%;
}

.footer {
  padding-left: 310px;
  padding-right: 49px;
  padding-bottom: 24px;
}
.footer__wrap {
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  padding-top: 57px;
  display: flex;
  justify-content: center;
}
.footer__left__buttom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__nav {
  margin-right: 116px;
}
.footer__nav__wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.footer__nav__list {
  width: 200px;
}
.footer__nav__list > li {
  margin-bottom: 16px;
}
.footer__nav__list > li a {
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
.footer__banner {
  width: 311px;
  margin: 0 auto;
  margin-bottom: 24px;
  display: block;
}
.footer__banner > img {
  width: 100%;
}
.footer__sns-link {
  width: 82.9333333333%;
  margin: 0 auto;
  margin-bottom: 14.9333333333%;
}
.footer__sns-link__heading {
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 16px;
  font-weight: bold;
}
.footer__sns-link__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__sns-link__list > li:not(:last-of-type) {
  margin-right: 16px;
}
.footer__sns-link__list > li > a {
  display: inline-block;
}
.footer__sns-link__list > li > a > svg {
  width: 22px;
}
.footer__copyright {
  font-family: "Nunito", sans-serif;
  font-size: 9px;
  font-size: 0.9rem;
  text-align: right;
  font-weight: bold;
  font-style: normal;
}

.search-modal {
  position: fixed;
  width: 1000px;
  height: 720px;
  top: 90px;
  left: 0;
  right: 0;
  z-index: 120;
  margin: auto;
  background-color: #fff;
  display: none;
}
.search-modal--close {
  width: 22px;
  height: 22px;
  position: absolute;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  cursor: pointer;
  top: 0;
  right: -34px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.search-modal--close span {
  width: 22px;
  height: 22px;
}
.search-modal--close span::before,
.search-modal--close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  /* left: 50%; */
  width: 100%;
  height: 5%;
  /* margin: -8% 0 0 -42%; */
  background: #fff;
}
.search-modal--close span::before {
  transform: rotate(-45deg);
}
.search-modal--close span::after {
  transform: rotate(45deg);
}
.search-modal__overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
.search-modal__nav {
  display: flex;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 125;
  border-bottom: solid 1px #e8e8e8;
}
.search-modal__nav__item {
  width: 113px;
  padding: 16px 0;
  cursor: pointer;
}
.search-modal__nav__item--current {
  border-bottom: solid 1px #000;
}
.search-modal__nav__item--current p {
  font-weight: bold;
  color: black !important;
}
.search-modal__nav__item p {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.4);
}
.search-modal__flickarea {
  padding: 54px 0 0 0;
}
.search-modal__content, .search-modal__color-content {
  width: 100%;
  max-height: 56vh;
  display: none;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.search-modal__content::-webkit-scrollbar, .search-modal__color-content::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.search-modal__content p, .search-modal__color-content p {
  line-height: 1.5;
}
.search-modal__content__list, .search-modal__color-content__list {
  margin: 0 auto;
}
.search-modal__color-content__list {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
  width: 376px;
  margin: 0 auto;
}
.search-modal__color-content__item {
  margin-bottom: 16px;
}
.search-modal__color-content__item:not(:nth-of-type(7n)) {
  margin-right: 16px;
}
.search-modal__color-content__item > a {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
}
.search-modal__content__list {
  width: 752px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
}
.search-modal__content--banner {
  position: relative;
  width: 752px;
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
}
.search-modal__content--banner::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 49.8392%;
}
.search-modal__content--banner > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.search-modal__content__item {
  width: 240px;
  margin-bottom: 16px;
  padding-bottom: 24px;
  border: solid #e8e8e8 1px;
}
.search-modal__content__item.item-padding {
  padding: 16px;
}
.search-modal__content__item:not(:nth-of-type(3n)) {
  margin-right: 16px;
}
.search-modal__content__item--thumbnail {
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}
.search-modal__content__item--thumbnail.item-margin {
  margin-bottom: 4px;
}
.search-modal__content__item--thumbnail::after {
  content: "";
  display: block;
  width: 100%;
  padding: 100% 0 0 0;
}
.search-modal__content__item--thumbnail > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.search-modal__content__item--bigtext {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
.search-modal__content__item--mintext {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 16px;
  text-align: center;
}
.search-modal__content__item--linktext {
  color: #0a91cb;
  font-family: "Nunito", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}

.page-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.header-search_form {
  width: 100%;
  position: absolute;
  bottom: -52px;
  padding: 0;
  right: 0px;
  /* right: 0; */
  display: none;
  margin: auto;
  background-color: #fff;
  /* height: 100%; */
  /* padding: 8.5333333333%; */
  /* overflow-y: scroll; */
  z-index: 110;
  padding: 10px;
  background-color: #efeeee;
}
.header-search_form__overlay {
  position: fixed;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 116px;
  left: 0;
  display: none;
}
.header-search_form__form {
  width: 100%;
}
.header-search_form__form--wrap {
  position: relative;
}
.header-search_form__form--keyword-input {
  border: solid 1px #000;
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 4%;
  padding-left: 4.2666666667%;
  padding-right: 9.3333333333%;
  padding-bottom: 4%;
}
.header-search_form__form--submit {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: unset;
  border: none;
}