@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ============================================================================================ mypage */
  .mypage .tabSection {
    min-height: 80vw;
  }
  .mypage .tabSection .tabSection--caution {
    text-align: left;
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-bottom: 8vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* ====================================================================== mypageSection */
  .mypageSection {
    margin-bottom: 6vw;
  }
  .mypageSection__title {
    font-size: 17px;
    font-size: 4.5333333333vw;
    margin-bottom: 10.6666666667vw;
  }
  /* ====================================================================== mypage__profile */
  .mypage__profile {
    margin-bottom: 5.3333333333vw;
  }
  /* --------------------------------------- mypage__profile img */
  .mypage__profile--img {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
  }
  .mypage__profile--imgThum {
    background-size: 9.3333333333vw auto;
  }
  /* --------------------------------------- mypage__profile detail */
  .mypage__profile--detail {
    width: calc(100% - 24vw);
  }
  .mypage__profile--name {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 2.1333333333vw;
  }
  /* --------------------------------------- logoutBtn */
  .logoutBtn .btnText {
    height: 6.6666666667vw;
    line-height: 6.6666666667vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  /* ====================================================================== mypage__newMessage */
  .mypage__newMessage--link, a.mypage__newMessage--link {
    border-radius: 2.6666666667vw;
    padding: 4vw 0;
    margin-bottom: 4vw;
  }
  /* --------------------------------------- mypage__newMessage--text */
  .mypage__newMessage--text {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-left: 3.2vw;
  }
  /* ============================================================================================ objPagesNav */
  .pagesNavBox {
    margin-bottom: 2vw;
  }
  .objPagesNav__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .objPagesNav__target {
    width: 50%;
    border: none;
  }
  .objPagesNav__target:nth-child(1), .objPagesNav__target:nth-child(2) {
    border-bottom: 1px dashed rgba(var(--color-text), 1);
  }
  .objPagesNav__target:nth-child(odd) {
    border-right: 1px dashed rgba(var(--color-text), 1);
  }
  a.objPagesNav__link {
    height: 12vw;
    padding: 0vw 4vw;
  }
  a.objPagesNav__link:after {
    width: calc(100% - 2.6666666667vw);
    height: calc(100% - 2.6666666667vw);
    border-radius: 1.8666666667vw;
  }
  .objPagesNav__linkText {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
  /* --------------------------------------- mypage__profile img */
  .navChatText--wrapper .icon--excl {
    margin-left: 2.1333333333vw;
  }
  /* --------------------------------------- mypage__pagesNav sub */
  .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target {
    width: 50%;
    border: none;
  }
  .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target:nth-child(1), .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target:nth-child(2), .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target:nth-child(3), .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target:nth-child(4) {
    border-bottom: 1px dashed rgba(var(--color-text), 1);
  }
  .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__target:nth-child(odd) {
    border-right: 1px dashed rgba(var(--color-text), 1);
  }
  .mypage__pagesNav.mypage__pagesNav--sub a.objPagesNav__link {
    height: 8.8vw;
  }
  .mypage__pagesNav.mypage__pagesNav--sub .objPagesNav__linkText {
    font-size: 11.5px;
    font-size: 3.0666666667vw;
  }
  /* --------------------------------------- shopList / itemList */
  .shopList.column--4 {
    justify-content: space-between;
  }
  .shopList.column--4 .shopBlock {
    width: calc(50% - 2.6666666667vw);
    margin-right: 0;
  }
  .itemList.column--4 {
    justify-content: space-between;
  }
  .itemList.column--4 .itemBlock {
    width: 100%;
    margin-right: 0;
  }
  /* ============================================================================================ history */
  .historyBlock {
    padding-bottom: 6.6666666667vw;
    margin-bottom: 5.3333333333vw;
    min-height: 26.6666666667vw;
  }
  .historyBlock::after {
    width: calc(100% + 8vw);
    left: -4vw;
  }
  .historyBlock:last-child {
    margin-bottom: 0;
  }
  /* --------------------------------------- historyBlock */
  .historyBlock {
    /* --------------------------------------- historyBlock objBlock */
    /* --------------------------------------- historyBlock specialBlock */
    /* --------------------------------------- historyBlock itemBlock */
  }
  .historyBlock .thumImgWrapper {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    left: -31.4666666667vw;
    top: 0;
    padding-top: 0;
  }
  .historyBlock .objBlock {
    padding-left: 31.4666666667vw;
  }
  .historyBlock .objBlock .areaList {
    margin-top: 1.3333333333vw;
  }
  .historyBlock .objBlock .areaDate__text {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
  .historyBlock .objBlock .objBlockInner {
    padding-left: 0;
  }
  .historyBlock .objBlock .hashList {
    padding-left: 0;
  }
  .historyBlock .specialBlock .specialBlock__link {
    border: none;
  }
  .historyBlock .specialBlock .specialBlock__info {
    padding: 0;
    padding-left: 31.4666666667vw;
  }
  .historyBlock .specialBlock .thumImgWrapper {
    left: 0;
  }
  .historyBlock .specialBlock .special__infoCate {
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin-top: 4vw;
  }
  .historyBlock .itemBlock {
    padding-left: 31.4666666667vw;
  }
  .historyBlock .itemBlock .thumImgWrapper {
    left: 0;
  }
  /* ============================================================================================ chat */
  .chatSection {
    margin-top: -5.3333333333vw;
  }
  /* --------------------------------------- chatBlock */
  .chatBlock {
    padding-bottom: 5.3333333333vw;
    padding-top: 5.3333333333vw;
  }
  .chatBlock::after {
    width: calc(100% + 8vw);
    left: -4vw;
  }
  /* --------------------------------------- chatBlock info */
  .chatBlock__inner--info {
    width: calc(100% - 20vw);
  }
  .chatBlock__innerInfo--name {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-bottom: 2.1333333333vw;
  }
  .chatBlock__innerInfo--desc {
    padding-right: 0;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  /* --------------------------------------- chatBlock 既読 / 未読 */
  .chatBlock__innerInfo--name::before {
    position: relative;
    top: -0.5333333333vw;
    width: 10.6666666667vw;
    height: 5.3333333333vw;
    line-height: 5.3333333333vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
    border-radius: 0.8vw;
    margin-right: 2.6666666667vw;
  }
  .chatBlock::before {
    width: calc(100% + 8vw);
    left: -4vw;
  }
  .chatBlock__innerInfo--desc .date {
    position: relative;
    margin-top: 2.1333333333vw;
  }
  /* ============================================================================================ chatDetail */
  /* ====================================================================== chatMessage */
  .chatMessage {
    width: calc(50% + 24vw);
    margin-bottom: 6.6666666667vw;
  }
  .chatMessage__blockDetail {
    margin-top: 8vw;
    padding-bottom: 8vw;
  }
  /* --------------------------------------- vendor */
  .chatMessage--vendor .chatMessage__text {
    border-radius: 2.6666666667vw 2.6666666667vw 2.6666666667vw 0;
  }
  /* --------------------------------------- customer */
  .chatMessage--customer .chatMessage__text {
    border-radius: 2.6666666667vw 2.6666666667vw 0 2.6666666667vw;
  }
  /* --------------------------------------- chatMessage__text */
  .chatMessage__text, .chatMessage__time {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .chatMessage__text {
    padding: 4vw 5.3333333333vw;
  }
  .chatMessage__time {
    margin-top: 2.6666666667vw;
  }
  /* ====================================================================== chatMessage__date */
  .chatMessage__date--wrapper {
    top: 14.6666666667vw;
  }
  .chatMessage__date--wrapper::after {
    width: calc(100% + 8vw);
    left: -4vw;
  }
  .chatMessage__date {
    width: 26.6666666667vw;
    height: 6.1333333333vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
    line-height: 5.3333333333vw;
  }
  /* ====================================================================== sendMessage */
  .sendMessage {
    min-height: auto;
    border-radius: 2.6666666667vw;
    bottom: 14.333333vw;
    padding: 2.1333333333vw;
  }
  .sendMessage__body {
    min-height: 14vw;
    border-radius: 1.6vw;
  }
  /* --------------------------------------- sendMessage__btn */
  .ql-editor {
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 4vw 5.3333333333vw;
    padding-right: 22vw;
    line-height: 1.4;
  }
  /* --------------------------------------- sendMessage__btn */
  .sendMessage__btn--wrapper {
    width: 18.333333vw;
    border-radius: 1.6vw;
  }
  .sendMessage__btnInner .contactBtn__icon {
    display: none;
  }
  .sendMessage__btn--text {
    font-size: 15px;
    font-size: 4vw;
  }
  /* ============================================================================================ contact */
  .contactAside {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 6.6666666667vw;
  }
  /* --------------------------------------- textarea__wrapper */
  .textarea__wrapper {
    margin-bottom: 4vw;
  }
  .textarea__wrapper textarea {
    min-height: 61.3333333333vw;
    border-radius: 1.6vw;
    padding: 4vw 5.3333333333vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
  /* --------------------------------------- sendBtn */
  .sendBtn {
    bottom: 14.333333vw;
  }
  .sendBtn__inner {
    font-size: 18px;
    font-size: 4.8vw;
    height: 16vw;
    line-height: 16vw;
    border-radius: 1.6vw;
  }
  /* --------------------------------------- contactThanks__text */
  .contactThanks__text {
    font-size: 13px;
    font-size: 3.4666666667vw;
    min-height: inherit;
    margin-bottom: 13.3333333333vw;
  }
  /* ============================================================================================ mypage__clipedBtn */
  .mypage__clipedBtn .btnText {
    width: 19vw;
    padding-left: 2.8vw;
  }
  .mypageSection--obj .mypage__clipedBtn {
    right: auto;
    left: 0;
    transform: translate(0%, -50%) scale(0.9);
  }
  .mypageSection--special .mypage__clipedBtn {
    right: -4vw;
    transform: translate(0%, -50%) scale(0.9);
  }
  .mypageSection--shop .mypage__clipedBtn {
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
  }
  .mypageSection--item .mypage__clipedBtn {
    right: auto;
    left: 0;
    transform: translate(0%, -50%) scale(0.9);
  }
}/*# sourceMappingURL=mypage-sp.css.map */