@charset "utf-8";

.loginpage__wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.loginpage__block {
  padding: 20px;
  border: 1px solid var(--gray400);
}

.loginpage__heading {
  font-size: 16px;
  font-weight: 600;
}

.loginpage__beg {
  padding-top: 14px;
}

.loginpage__err {
  margin-top: 24px;
}

.loginform {
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.loginform__label {
  font-size: 13px;
}

.loginform__input {
  width: 100%;
  margin-top: 4px;
}

.loginpageBtn {
  margin: 32px auto 0;
}

.loginpageRemind {
  padding-top: 12px;
  text-align: center;
}

.loginpageRemind__link {
  color: var(--txtlink);
  font-size: 12px;
  transition: var(--transition-0dot3);
}

.loginpageRemind__link:hover {
  opacity: var(--opacity-0dot8);
}

.customerformTbl {
  padding-top: 32px;
}

.birth {
  display: flex;
  gap: 6px;
}

.birth__item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.birth__unit {
  font-size: 12px;
}

.radioRow,
.radioRow--center {
  display: flex;
  gap: 12px;
}

.radioRow--center {
  justify-content: center;
}

.captcha {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.captchaImage {
  display: flex;
  align-items: center;
  gap: 8px;
}

.captchaImage__img {
  width: 50%;
}

.captchaReload {
  display: flex;
  align-items: center;
  gap: 4px;
  transition: var(--transition-0dot3);
  cursor: pointer;
}

.captchaReload:hover {
  opacity: var(--opacity-0dot8);
}

.captchaReload__icon {
  width: 14px;
  height: 14px;
}

.captchaReload__icon path {
  fill: var(--txtlink);
}

.captchaReload__txt {
  color: var(--txtlink);
  font-size: 12px;
  line-height: 1;
}

.adrsCompletionBtn__label {
  width: 80%;
}

.reminder__err {
  padding-top: 12px;
}

.mypageHeading--company {
  display: block;
  font-size: .54em;
  font-weight: normal;
}

.mypagePoint__txt {
  padding: 10px 16px;
  background: var(--gray50);
  font-size: 14px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
}

.mypagePoint__number {
  font-size: 18px;
  font-weight: 600;
}

.mypage__wrap {
  padding-top: 24px;
}

.mypageMenu {
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.mypageMenu__link {
  height: 100%;
  padding: 16px;
  background: var(--white);
  display: block;
  border: 1px solid var(--main700);
  border-radius: 8px;
  transition: var(--transition-0dot3);
}

.mypageMenu__link:hover {
  background: var(--main50);
}

.mypageMenuIcon {
  width: 40px;
  height: 40px;
}

.mypageMenuIcon path {
  fill: var(--main700);
}

.mypageMenu__heading {
  padding-top: 10px;
  color: var(--main700);
  font-weight: 600;
  line-height: 1.6;
}

.mypageMenu__heading--credit {
  letter-spacing: -.08em;
}

.mypageMenu__txt {
  padding-top: 6px;
  font-size: 12px;
  line-height: 1.6;
}

.mypageTabbar {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
}

.mypageTabbar__cont {
  background: var(--white);
  display: flex;
  box-shadow: 0 -1px 4px rgba(51, 51, 51, 4%);
}

.mypageTabbar__item {
  width: calc(100% / 5);
}

.mypageTabbar__link,
.mypageTabbar__link--current {
  padding: 9px 0 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.mypageTabbar__link--current {
  background: var(--main50);
}

.mypageTabbar__icon,
.mypageTabbar__icon--current {
  width: 22px;
  height: 22px;
}

.mypageTabbar__icon path {
  fill: var(--gray700);
}

.mypageTabbar__icon--current path {
  fill: var(--main600);
}

.mypageTabbar__txt,
.mypageTabbar__txt--current {
  font-size: 10px;
}

.mypageTabbar__txt {
  color: var(--gray700);
}

.mypageTabbar__txt--current {
  color: var(--main600);
  font-weight: 600;
}

.historyList,
.reorderList {
  margin-top: 24px;
}

.historyList__wrap,
.reorderList__wrap {
  padding: 20px 0 24px;
}

.historyList__pagenate,
.reorderList__pagenate {
  padding-top: 24px;
}

.filter01__inputarea,
.filter01__selectarea {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.filter01__item {
  display: flex;
  gap: 32px;
}

.filter01__heading {
  width: 16%;
  padding-top: 12px;
  font-size: 13px;
}

.filter01__data {
  width: calc(100% - 16% - 32px);
}

.filter01Calendar {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.filter01Calendar__item {
  width: 166px;
  display: inline-block;
  position: relative;
}

.filter01Calendar__item:first-child::after {
  content: "〜";
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-50%);
}

.filter01Calendar__input {
  width: 100%;
  padding: 9px 40px 9px 16px;
}

.filter01Calendar__btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.filter01Calendar__icon {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.filter01Calendar__icon path {
  fill: var(--main600);
}

.filter01Btn {
  width: 80%;
  margin: 0 auto;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.filter01Btn__clear {
  background: none;
  color: var(--txtlink);
  font-weight: normal;
  border: none;
  transition: var(--transition-0dot3);
}

.filter01Btn__clear:hover {
  opacity: var(--opacity-0dot8);
}

.historyListDtlBlock,
.reorderListDtlBlock {
  padding-top: 40px;
}

.historyListDtlBlock__cont,
.reorderListDtlBlock__cont,
.orderDtl__wrap {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.historyListDtlBlock__docBtn {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.historyListDtlBlock__docBtnInput {
  width: auto;
}

.historyListDataup {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.historyListDataup__label {
  padding-right: 12px;
  color: var(--txtlink);
  position: relative;
  transition: var(--transition-0dot3);
}

.historyListDataup__label::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1.5px solid var(--txtlink);
  border-left: 1.5px solid var(--txtlink);
  position: absolute;
  top: calc(50% + 2px);
  right: 0;
  transform: translateY(-50%) rotate(135deg);
}

.historyListDataup__label:hover {
  opacity: var(--opacity-0dot8);
}

.historyListOption__heading,
.reorderListOption__heading,
.cartListOption__heading,
.orderDtlOption__heading {
  padding-top: 14px;
  padding-bottom: 3px;
  font-weight: 600;
  border-bottom: 1px solid var(--gray400);
}

.historyListOptionTbl,
.reorderListOptionTbl,
.cartListOptionTbl,
.orderDtlOptionTbl {
  padding-top: 10px;
}

.historyListDtlBtn {
  padding-top: 40px;
}

.historyDtlReceipt {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--gray400);
}

.historyDtlReceipt__wrap {
  padding-top: 24px;
}

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

.historyDtlReceiptTbl {
  padding-top: 24px;
}

.historyDtlReceiptBtn {
  padding-top: 24px;
}

.historyDtlReceiptBtn__btn[disabled] {
  opacity: .3;
}

.historyDtlReceiptBtn__btn[disabled]:hover {
  background: var(--main600);
}

.reorderWhiteTbl {
  border: 1px solid var(--gray400);
}

.reorderDatachg {
  padding-top: 40px;
}

.reorderDatachg__wrap {
  padding: 16px 16px 24px;
  border: 1px solid var(--gray400);
}

.reorderDatachg__heading {
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.reorderDtlBtn {
  padding-top: 40px;
}

.reorderErr {
  padding-top: 40px;
  text-align: center;
}

.adrsMenuBtn {
  display: flex;
  gap: 16px;
}

.adrsMenuBtn__link {
  width: 100%;
}

.adrsList {
  margin-top: 24px;
}

.adrsList__wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.adrsFilter__wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.adrsFilter__heading {
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
}

.adrsFilterKana {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.adrsFilterKana__input {
  width: 100%;
  text-align: center;
  background: var(--gray50);
}

.adrsFilterKana__label.active > .adrsFilterKana__input {
  background: var(--white);
  font-weight: 600;
  outline: .5px solid var(--main600);
}

.adrsCard {
  padding-top: 32px;
}

.adrsCard__wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.adrsCard__item {
  padding: 16px 16px 12px;
  background: var(--white);
}

.adrsCard__name {
  font-size: 17px;
  font-weight: 600;
}

.adrsCard__name--kana {
  font-size: 14px;
  font-weight: normal;
}

.adrsCardDesc {
  padding-top: 8px;
}

.adrsCardAct {
  margin-top: 16px;
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-top: 1px solid var(--gray400);
}

.adrsCardAct__wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.adrsCardActBasic {
  font-size: 14px;
  font-weight: 600;
}

.adrsCardActBasic--link {
  font-size: 14px;
  color: var(--txtlink);
}

.adrsCardActBasic--link:hover {
  text-decoration: underline;
}

.adrsCardActBtn {
  display: flex;
  gap: 8px;
}

.adrsCardActBtn__link {
  padding: 6px;
  display: flex;
}

.adrsCardActBtn__icon,
.adrsCardActBtn__icon--red {
  width: 20px;
  height: 20px;
}

.adrsCardActBtn__icon path {
  fill: var(--main600);
}

.adrsCardActBtn__icon--red path {
  fill: var(--err500);
}

.adrsList__pagenate {
  padding-top: 24px;
}

.useAdrsBtn {
  padding-top: 8px;
}

.adrsGroupAdd {
  padding-top: 32px;
}

.adrsGroupAdd__inner {
  display: flex;
  gap: 8px;
}

.adrsGroupAdd__input {
  width: 100%;
}

.adrsGroupAddBtn__input {
  padding: 9px 16px;
}

.adrsGroupAddErr {
  padding-top: 6px;
}

.adrsGroupList {
  padding-top: 20px;
}

.adrsGroupList__wrap {
  border: 1px solid var(--gray400);
}

.adrsGroupList__item:not(:first-child) {
  border-top: 1px solid var(--gray400);
}

.adrsGroupList__form {
  display: flex;
}

.adrsGroupList__num {
  width: 40px;
  background: var(--gray50);
  display: flex;
  justify-content: center;
  align-items: center;
}

.adrsGroupList__cont {
  width: calc(100% - 40px);
  padding: 16px;
}

.adrsGroupListInput__input {
  width: 100%;
}

.adrsGroupListBtn {
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.creditNewBtn {
  text-align: right;
}

.creditNewBtn__link {
  width: auto;
  display: inline-block;
}

.creditList {
  padding-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.creditList__item {
  width: 100%;
  padding: 8px 16px 16px;
  border: 1px solid var(--gray400);
  border-radius: 8px;
}

.creditList__logo {
  width: 56px;
}

.creditList__heading {
  font-size: 13px;
}

.creditList__num {
  padding-top: 4px;
  font-size: 17px;
}

.creditListBtn {
  padding-top: 24px;
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-template-areas:
    "creditMain creditDelete";
}

.creditListBtn__input {
  width: auto;
}

.creditListBtn__input--main {
  grid-area: creditMain;
}

.creditListBtn__input--delete {
  grid-area: creditDelete;
}

.creditListMaincard {
  padding-left: 20px;
  color: var(--main600);
  font-size: 12px;
  position: relative;
}

.creditListMaincard::before {
  content: "";
  width: 16px;
  height: 16px;
  background: var(--main600);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.creditListMaincard::after {
  content: "";
  width: 5px;
  height: 9px;
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
  position: absolute;
  top: calc(50% - 1px);
  left: 5.5px;
  transform: translateY(-50%) rotate(225deg);
}

.creditRegister {
  padding-top: 40px;
}

.creditRegister__wrap {
  padding: 32px 16px;
  background: var(--gray50);
}

.creditRegister__heading {
  font-size: 18px;
  font-weight: 600;
}

.creditRegister__beg {
  padding-top: 16px;
}

.creditRegisterLogo {
  padding-top: 4px;
  display: flex;
  gap: 12px;
}

.creditRegisterLogo__item {
  width: 38px;
}

.creditRegisterErr {
  padding-top: 24px;
}

.creditRegisterInput {
  padding-top: 16px;
}

.creditRegisterInput__wrap {
  padding: 16px 16px 24px 16px;
  background: var(--white);
}

.creditRegisterInput__input--num {
  width: 100%;
}

.creditRegisterCaptcha {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.creditRegisterBtn {
  width: 80%;
  margin: 24px auto 0;
}

.cartStep {
  padding-bottom: 40px;
}

.cartStep__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.cartStep__item {
  text-align: center;
  position: relative;
}

.cartStep__item:not(:last-child)::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--gray500);
  position: absolute;
  top: 12px;
  left: calc((100% - 24px) / 2);
  translate: 0 -50%;
}

.cartStep__item--finish:not(:root):after {
  background: var(--main600);
}

.cartStep__circle {
  width: 26px;
  height: 26px;
  display: inline-block;
  background: var(--gray500);
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

.cartStep__circle::before {
  color: var(--white);
  font-family: var(--roboto);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.cartStep__circle01::before {
  content: "1";
}

.cartStep__circle02::before {
  content: "2";
}

.cartStep__circle03::before {
  content: "3";
}

.cartStep__circle--current,
.cartStep__circle--finish {
  background: var(--main600);
}

.cartStep__circle--finish::before {
  content: "";
  width: 13px;
  height: 7px;
  border-bottom: 2px solid var(--white);
  border-left: 2px solid var(--white);
  top: calc(50% - 1px);
  rotate: -45deg;
}

.cartStep__txt {
  color: var(--gray500);
  font-size: 14px;
  line-height: 1;
}

.cartStep__txt--current,
.cartStep__txt--finish {
  color: var(--main600);
  font-weight: 600;
}

.cartErr {
  padding-top: 24px;
}

.cartCont {
  padding-top: 24px;
  display: grid;
  gap: 16px;
}

.cartCont__wrap {
  border: 1px solid var(--gray400);
}

.cartCont__label {
  font-size: 12px;
  line-height: 1;
}

.cartCont__label_standout {
  font-size: 14px;
  line-height: 1;
}

.catCont__note {
  color: var(--gray700);
  font-size: 12px;
}

.cartContName__wrap {
  padding-top: 4px;
  display: grid;
  gap: 16px;
}

.cartContName__block {
  display: grid;
  gap: 8px;
}

.cartContName__input {
  width: 100%;
}

.cartContNum__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cartContNum__input {
  width: 64px;
  text-align: center;
}

.cartContNumDelete {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.cartContNumDelete__icon {
  width: 14px;
  height: 14px;
}

.cartContNumDelete__icon path {
  fill: var(--err500);
}

.cartContNumDelete__txt {
  width: 2em;
  color: var(--err500);
  font-size: 13px;
  cursor: pointer;
}

.cartListOption__inner {
  padding-top: 4px;
  display: grid;
  gap: 8px;
}

.cartDocBtn {
  padding-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.cartDocBtn__txt {
  font-size: 14px;
}

.cartMitsumori {
  padding: 40px 0;
  border-bottom: 1px solid var(--gray400);
}

.cartMitsumori__wrap {
  padding-top: 24px;
}

.cartMitsumoriBtn {
  padding-top: 24px;
}

.cartMsg {
  color: var(--err500);
  font-weight: 600;
}

.order {
  display: grid;
  gap: 40px;
}

.orderErr {
  padding-top: 24px;
}

.orderAdrscard__wrap {
  padding-top: 24px;
  display: grid;
  gap: 16px;
}

.orderAdrscard__block {
  border-radius: 8px;
  overflow: hidden;
}

.orderAdrscard__block--sender {
  border: 1px solid var(--main600);
}

.orderAdrscard__block--delivery {
  border: 1px solid var(--main600);
}

.orderAdrscard__head {
  padding: 6px 12px 6px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.orderAdrscard__head--sender {
  background: var(--main600);
}

.orderAdrscard__head--delivery {
  background: var(--main600);
}

.orderAdrscard__heading {
  color: var(--white);
  font-weight: 600;
}

.orderAdrscardBtn {
  display: flex;
  gap: 8px;
}

.orderAdrscardBtn__item {
  position: relative;
}

.orderAdrscardBtn__link {
  padding: 4px;
  display: flex;
}

.orderAdrscardBtn__icon {
  width: 20px;
  height: 20px;
}

.orderAdrscardBtn__icon path {
  fill: var(--white);
}

.orderAdrscard__cont {
  padding: 16px;
}

.orderAdrscardProd {
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid var(--gray400);
}

.orderAdrscardProdInput {
  padding-top: 4px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}

.orderAdrscardProdInput__input {
  width: 88px;
  text-align: right;
}

.orderAdrscardProdNote {
  padding-top: 8px;
  color: var(--gray700);
  font-size: 12px;
  line-height: 1.6;
}

.orderAdrscardBikou {
  padding-top: 20px;
  display: grid;
  gap: 8px;
}

.orderAdrscardBikou__label {
  font-size: 14px;
  line-height: 1;
}

.addDeliveryBtn {
  padding-top: 24px;
}

.addDeliveryBtn__btn {
  color: var(--main600);
  font-size: 16px;
  display: inline-flex;
}

.addDeliveryBtn__icon {
  width: 18px;
}

.addDeliveryBtn__icon path {
  fill: var(--main600);
}

.orderCoupon__wrap,
.orderPoint__wrap {
  display: flex;
  gap: 16px;
}

.orderCoupon__wrap {
  padding-top: 24px;
}

.orderPoint__wrap {
  padding-top: 16px;
}

.orderPointNow {
  padding-top: 24px;
  font-size: 12px;
}

.orderPointNow__num {
  color: var(--main600);
  font-size: 18px;
  font-weight: 600;
}

.orderCoupon__input,
.orderPoint__input {
  width: 100%;
}

.orderCouponErr,
.orderPointErr,
.orderPaymentErr {
  padding-top: 8px;
}

.orderPaymentSelect {
  margin-top: 24px;
}

.orderPaymentCard,
.orderPaymentBank,
.orderPaymentDaibiki {
  margin-top: 16px;
}

.orderPaymentFrame {
  padding: 16px;
  border: 1px solid var(--gray400);
}

.orderPaymentCard__input--code {
  width: 72px;
}

.orderPaymentCardLogo {
  display: flex;
  gap: 12px;
}

.orderPaymentCardLogo__item {
  width: 38px;
}

.orderInputBtn {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.orderInputBtn__btn {
  width: 80%;
  margin: 0 auto;
}

.orderformTbl {
  padding-top: 32px;
}

.orderAdrsReg {
  padding-top: 32px;
  display: grid;
  gap: 16px;
}

.orderAdrsReg__link {
  text-align: center;
}

.dataupBullet__wrap,
.dataupBullet__wrap--gray {
  padding: 16px;
  display: grid;
  gap: 12px;
}

.dataupBullet__wrap {
  border: 1px solid var(--gray400);
}

.dataupBullet__wrap--gray {
  background: var(--gray50);
}

.dataupBullet__heading {
  font-weight: 600;
}

.dataupBullet__cont {
  display: grid;
  gap: 4px;
}

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

.dataupErr {
  padding-top: 40px;
}

.dataupStep__wrap {
  padding-top: 40px;
  display: grid;
  gap: 40px;
}

.dataupStep__num {
  padding: 2px 8px;
  color: var(--main600);
  font-family: var(--roboto);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid var(--main600);
}

.dataupStep__heading {
  margin-top: 8px;
  margin-bottom: 16px;
}

.dataupStep__label {
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
}

.dataupRadio,
.dataupRadio--inline {
  gap: 16px;
}

.dataupRadio {
  display: grid;
}

.dataupRadio--inline {
  display: inline-grid;
}

.dataupOthertxt__txtbox {
  width: 100%;
  margin-top: 8px;
}

.dataupOthertxt__label {
  font-size: 12px;
  line-height: 1;
}

.dataupAgree {
  padding-top: 10px;
  text-align: center;
}

.dataupBtn {
  padding-top: 40px;
}

.dataupBtn__btn[disabled] {
  opacity: .3;
}

.dataupConf__wrap {
  padding-top: 40px;
}

.dataupConf__beg {
  padding-top: 16px;
}

.dataupBullet--dataupConf {
  padding-top: 16px;
}

.dataupConf__err {
  padding-top: 32px;
  display: grid;
}

.dataupConfTbl {
  padding-top: 16px;
  display: grid;
  gap: 16px;
}

.dataupConfMsg {
  margin-top: 40px;
}

.dataupConfBtn {
  padding-top: 40px;
}

.progressbar {
  text-align: center;
}

.progressbar img {
  width: 70px;
  margin: 0 auto;
}

.fileSelect {
  display: flex;
  gap: 8px;
}

.fileSelect__name {
  margin-top: 4px;
}

.inquiryMailTbl {
  padding-top: 32px;
}

.news__wrap:not(:first-child) {
  padding-top: 64px;
}

.newsDtl__date {
  padding-top: 16px;
  color: var(--gray700);
  font-size: 14px;
}

.newsDtlTxt {
  padding-top: 16px;
}

.newsDtlTxt *:not(:first-child) {
  padding-top: 1.6em;
}

.c-heading--underline + .newsList__wrap {
  padding-top: 8px;
}

.newsList__item:not(:first-child) {
  border-top: 1px solid var(--gray400);
}

.newsList__item:last-child {
  border-bottom: 1px solid var(--gray400);
}

.newsList__link {
  padding: 12px 0;
  display: block;
  transition: var(--transition-0dot3);
}

.newsList__link:hover {
  background: var(--gray50);
}

.newsList__date {
  color: var(--gray700);
  font-size: 13px;
}

.newsList__ttl {
  line-height: 1.6;
}



@media screen and (min-width: 576px) {

}



@media screen and (min-width: 768px) {

.loginpage__wrap {
  flex-direction: row;
  gap: 24px;
}

.loginpage__block {
  width: calc((100% - 24px) / 2);
  padding: 24px;
}

.loginpageBtn {
  max-width: 300px;
}

.customerformTbl {
  padding-top: 40px;
}

.birth {
  gap: 12px;
}

.captcha {
  padding-top: 10px;
  align-items: flex-start;
  flex-direction: row;
}

.captchaImage {
  width: 36%;
  align-items: flex-start;
  flex-direction: column;
}

.captchaImage__img {
  width: 100%;
}

.adrsCompletionBtn__label {
  width: 300px;
}

.reminder__err {
  padding-top: 16px;
}

.mypagePoint__txt {
  padding: 12px 24px;
  font-size: inherit;
  display: inline-flex;
  gap: 16px;
}

.mypagePoint__number {
  font-size: 20px;
}

.mypage__wrap {
  padding-top: 32px;
}

.mypageMenu {
  padding-left: 40px;
  padding-right: 40px;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.mypageMenu__link {
  padding: 24px;
}

.mypageMenuIcon {
  width: 48px;
  height: 48px;
}

.mypageMenu__heading {
  padding-top: 16px;
  font-size: 20px;
}

.mypageMenu__txt {
  font-size: 14px;
}

.historyList__wrap,
.reorderList__wrap {
  padding: 32px 0;
}

.filter01__item {
  gap: 16px;
}

.filter01__heading {
  width: 4em;
}

.filter01__data {
  width: auto;
}

.filter01Calendar {
  flex-direction: row;
  gap: 32px;
}

.filter01__data--select,
.filter01Calendar__item {
  width: 200px;
}

.filter01__inputarea {
  gap: 24px;
}

.filter01__selectarea {
  flex-direction: row;
  gap: 40px;
}

.filter01Btn {
  width: 40%;
}

.historyListDtlBlock,
.reorderListDtlBlock {
  padding-top: 64px;
}

.historyListDtlBlock__cont,
.reorderListDtlBlock__cont,
.orderDtl__wrap {
  padding-top: 32px;
  gap: 24px;
}

.historyListDtlBlock__docBtn {
  width: 216px;
}

.historyDtlReceipt {
  padding-bottom: 64px;
}

.historyDtlReceipt__wrap {
  padding-top: 32px;
}

.historyListDtlBtn {
  padding-top: 64px;
}

.historyListOption,
.reorderListOption,
.cartListOption,
.orderDtlOption {
  display: block;
}

.historyListOption__heading,
.reorderListOption__heading,
.cartListOption__heading,
.orderDtlOption__heading {
  padding-top: 24px;
  padding-bottom: 8px;
}

.historyListOptionTbl,
.reorderListOptionTbl,
.cartListOptionTbl,
.orderDtlOptionTbl {
  padding-top: 16px;
}

.adrsMenuBtn {
  justify-content: right;
}

.adrsMenuBtn__link {
  width: auto;
}

.adrsFilterSelect {
  width: 50%;
}

.adrsFilterKana {
  grid-template-columns: repeat(6, 1fr);
}

.adrsCard {
  padding-top: 40px;
}

.adrsCard__wrap {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}

.adrsCard__item {
  width: calc((100% - 24px) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.adrsGroupAdd {
  padding-top: 40px;
}

.adrsGroupAdd__wrap {
  width: calc(32% + 78px + 8px);
  min-width: calc(300px + 78px + 8px);
  margin-left: auto;
}

.adrsGroupAddBtn__input {
  padding: 9px 24px;
}

.adrsGroupAddErr {
  padding-top: 8px;
}

.adrsGroupList__cont {
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.adrsGroupListInput {
  width: 100%;
}

.adrsGroupListInput__input {
  width: 48%;
  min-width: 300px;
  display: block;
}

.adrsGroupListBtn {
  padding-top: 0;
}

.creditList__item {
  width: calc((100% - 16px) / 2);
}

.creditRegister {
  padding-top: 64px;
}

.creditRegister__wrap {
  padding: 32px 40px 40px;
}

.creditRegister__heading {
  font-size: 20px;
}

.creditRegisterLogo {
  padding-top: 12px;
}

.creditRegisterLogo__item {
  width: 48px;
}

.creditRegisterErr {
  padding-top: 32px;
}

.creditRegisterInput {
  padding-top: 24px;
}

.creditRegisterInput__wrap {
  padding: 24px;
}

.creditRegisterInput__head {
  padding-top: 10px;
}

.creditRegisterInput__input--num {
  width: 260px;
}

.creditRegisterCaptcha {
  width: calc(100% - 200px - 40px);
}

.creditRegisterBtn {
  width: 300px;
  margin: 40px auto 0;
}

.cartStep__item:not(:last-child)::after {
  height: 1.5px;
  top: 16px;
}

.cartStep__circle {
  width: 30px;
  height: 30px;
}

.cartStep__circle::before {
  font-size: 16px;
}

.cartStep__txt {
  font-size: 16px;
}

.cartCont {
  gap: 24px;
}

.cartContName__wrap {
  padding-top: 0;
  gap: 24px;
}

.cartContName__input {
  width: calc(20em + 16px + 16px + 2px);
}

.cartCont__txtInput {
  width: calc(30em + 16px + 16px + 2px);
}

.cartDocBtn__txt {
  font-size: inherit;
}

.cartMitsumori {
  padding: 64px 0;
}

.cartMitsumori__wrap {
  padding-top: 32px;
}

.orderAdrscard__wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.orderCoupon__input {
  width: 32%;
}

.orderPoint__input {
  width: 16%;
}

.orderPayment__head {
  padding-top: 10px;
}

.orderPaymentSelect {
  width: 32%;
}

.orderPaymentFrame {
  padding: 24px;
}

.orderPaymentCard__select,
.orderPaymentDaibiki__select {
  width: 48%;
  min-width: 252px;
}

.orderPaymentCard__input--num {
  width: 170px;
}

.orderPaymentCardLogo__item {
  width: 48px;
}

.orderInputBtn {
  flex-direction: row;
}

.orderInputBtn__btn {
  width: auto;
  margin: 0;
}

.dataupStep__select {
  width: 24%;
  min-width: 220px;
}

.dataupConf__select {
  width: 40%;
  min-width: 220px;
}

.inquiryTopBtn {
  margin-left: 0;
  flex-direction: row;
}

.inquiryTopBtn__btn {
  width: auto;
}

.inquiryTelNum__wrap {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.inquirySelect--kind {
  width: 50%;
}

.newsDtlImgRow *:not(:root),
.newsDtlSetRow01 *:not(:root),
.newsDtlSetRow02 *:not(:root) {
  padding-top: 0;
}

.newsDtlImgRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.newsDtlSetRow01,
.newsDtlSetRow02 {
  display: grid;
  grid-template-columns: 72% 1fr;
  gap: 16px;
}

.newsDtlSetRow01 {
  grid-template-columns: 72% 1fr;
}

.newsDtlSetRow02 {
  grid-template-columns: 1fr 72%;
}






}



@media screen and (min-width: 992px) {

.loginpage__wrap {
  gap: 32px;
}

.loginpage__block {
  width: calc((100% - 32px) / 2);
  padding: 32px;
}

.loginpage__heading {
  font-size: 22px;
}

.loginpage__beg {
  padding-top: 24px;
}

.loginform {
  padding-top: 24px;
  gap: 26px;
}

.captchaImage {
  width: 30%;
}

.mypageMenu {
  padding-left: 0;
  padding-right: 0;
}

.mypageMenu__heading {
  padding-top: 8px;
  font-size: 22px;
}

.mypageMenu__heading--credit {
  letter-spacing: 0;
}

.mypageMenuTab__wrap {
  padding: 32px 0 16px;
}

.mypageMenuTab__cont {
  padding: 6px 3px;
  background: var(--gray100);
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}

.mypageMenuTab__item {
  width: calc(100% / 5);
}

.mypageMenuTab__link--current,
.mypageMenuTab__link {
  height: 100%;
  padding: 0 3px;
  font-size: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mypageMenuTab__link {
  transition: var(--transition-0dot3);
}

.mypageMenuTab__link:hover > .mypageMenuTab__txt {
  background: var(--gray300);
}

.mypageMenuTab__txt,
.mypageMenuTab__txt--current {
  width: 100%;
  padding: 12px 0;
  display: block;
  line-height: 1;
  border-radius: 7px;
  transition: var(--transition-0dot3);
}

.mypageMenuTab__txt--current {
  background: var(--white);
  color: var(--main600);
  font-weight: 600;
}

.filter01Btn__action,
.filter01Btn__clear {
  font-size: 16px;
}

.historyList,
.reorderList {
  margin-top: 32px;
}

.historyList__wrap,
.reorderList__wrap {
  padding: 40px;
}

.historyList__pagenate,
.reorderList__pagenate {
  padding-top: 32px;
}

.reorderDatachg {
  padding-top: 64px;
}

.reorderDatachg__wrap {
  padding: 24px;
}

.reorderDatachg__heading {
  padding-bottom: 16px;
  font-size: 18px;
}

.reorderDtlBtn {
  padding-top: 64px;
}

.reorderErr {
  padding-top: 64px;
}

.adrsList__wrap {
  padding: 40px;
}

.adrsFilter__heading {
  font-size: 13px;
}

.adrsFilterSelect {
  width: 32%;
}

.adrsCardActBtn__item {
  position: relative;
}

.adrsCardActBtn__link {
  border-radius: 4px;
  transition: var(--transition-0dot3);
}

.adrsCardActBtn__link:hover {
  background: var(--gray100);
}

.adrsList__pagenate {
  padding-top: 32px;
}

.adrsGroupAddBtn__input {
  font-size: 16px;
}

.creditList {
  padding-top: 32px;
}

.cartStep {
  padding-bottom: 56px;
}

.cartStep__wrap {
  width: 72%;
  margin: 0 auto;
}

.order {
  gap: 64px;
}

.orderAdrscard__head {
  padding: 8px 16px 8px 24px;
}

.orderAdrscard__heading {
  font-size: 18px;
}

.orderAdrscardBtn {
  gap: 6px;
}

.orderAdrscard__cont {
  padding: 20px 24px;
}

.orderAdrscardProdInput {
  padding-top: 0;
}

.orderAdrscardBikou {
  padding-top: 24px;
}

.orderPointNow {
  font-size: 14px;
}

.orderPointNow__num {
  font-size: 22px;
}

.orderPoint__wrap {
  padding-top: 20px;
}

.orderInputBtn {
  padding-top: 40px;
}

.orderformTbl {
  padding-top: 24px;
}

.orderAdrsReg {
  padding-top: 40px;
}

.dataupBullet__wrap,
.dataupBullet__wrap--gray {
  padding: 24px;
}

.dataupBullet__cont {
  gap: 6px;
}

.dataupErr {
  padding-top: 64px;
}

.dataupStep__wrap {
  padding-top: 64px;
  gap: 64px;
}

.dataupStep__num {
  font-size: 13px;
}

.dataupStep__heading {
  margin-top: 12px;
  margin-bottom: 24px;
}

.dataupStep__label {
  font-size: 14px;
}

.dataupAgree {
  padding-top: 20px;
}

.dataupBtn {
  padding-top: 56px;
}

.dataupConf__wrap {
  padding-top: 64px;
}

.dataupConf__beg {
  padding-top: 24px;
}

.dataupConf__err {
  padding-top: 40px;
}

.dataupConfTbl {
  padding-top: 24px;
  gap: 24px;
}

.dataupConfMsg {
  margin-top: 64px;
}

.dataupConfBtn {
  padding-top: 64px;
}

.inquirySelect--kind {
  width: 32%;
}

.c-heading--underline + .newsList__wrap {
  padding-top: 16px;
}

.newsList__link {
  padding: 16px 4px;
  display: flex;
  gap: 40px;
}

.newsList__date {
  width: 130px;
  font-size: inherit;
  line-height: 1.6;
}

.newsList__ttl {
  width: calc(100% - 130px - 40px);
}




}

@media screen and (min-width: 1024px) and (max-width: 1199px) {

.creditRegisterCaptcha__Image {
  width: 45%;
}

}



@media screen and (min-width: 1200px) {

.loginpageBtn {
  width: 80%;
  max-width: none;
}

.mypageMenuTab__link--current,
.mypageMenuTab__link {
  font-size: 18px;
}

.filter01__wrap {
  display: flex;
  justify-content: space-between;
}

.filter01Calendar {
  gap: 46px;
}

.filter01Calendar__item:first-child::after {
  right: -30px;
}

.filter01Btn {
  width: auto;
  margin: 0;
  padding-top: 4px;
  position: relative;
}

.filter01Btn::before {
  content: "";
  height: 100%;
  border-left: 1px solid var(--gray400);
  position: absolute;
  top: 0;
  left: -40px;
}

.historyListTbl,
.reorderListTbl {
  padding: 24px;
  background: var(--white);
}

.adrsFilterKana {
  grid-template-columns: repeat(11, 1fr);
}

.adrsCard__item {
  padding: 24px 24px 12px;
}

.adrsCard__name {
  font-size: 18px;
}

.adrsCard__name--kana {
  font-size: 15px;
}

.adrsCardActBtn {
  gap: 4px;
}

.creditList {
  gap: 24px;
}

.creditList__item {
  width: calc((100% - 24px * 2) / 3);
}


}



@media screen and (min-width: 1400px) {

}