@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover anime */
@-webkit-keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
/* =================================================================== slider anime */
@-webkit-keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
/*============================================================================================ 1285px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  .prBlock--p .underline:active {
    text-decoration: none;
  }
  /* ============================================================================================ privacyArticle */
  .privacyArticle {
    margin-top: 133px;
    padding-bottom: 75px;
  }
  /* ============================================================== privacy__section */
  .privacy__section {
    width: auto;
  }
  /* ============================= prBlock */
  .prBlock {
    margin-bottom: 50px;
  }
  .prBlock--header {
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(4vw, 15px);
  }
  .prBlock--p {
    font-size: min(3.2vw, 12px);
    margin-bottom: 30px;
  }
  /* ============================================================================================ guide */
  .guideArticle {
    padding-top: 25px;
    margin-top: 75px;
  }
  .guideLeader {
    margin-bottom: 70px;
  }
  .guideShopping, .guideMM, .guideContact {
    margin-bottom: 80px;
  }
  /* --------------------------------------- guideToggle__leader title */
  .guideShopping .guideToggle__leader .prBlock--header {
    padding-bottom: 20px;
  }
  /* --------------------------------------- guideToggle__detailBlock */
  .guideToggle__detailBlock {
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  /* --------------------------------------- guideToggle */
  .guideToggle__title {
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* --------------------------------------- guideToggle__detail contents */
  .guideToggle__detail--contents {
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 0;
  }
  .guideToggle__detail--contents .prBlock--header {
    margin-bottom: 10px;
  }
  .guideToggle__detail--contents .prBlock--p {
    margin-bottom: 20px;
  }
  /* --------------------------------------- guideAside */
  .guideAside--p {
    font-size: 10px;
    margin-bottom: 20px;
  }
  /* --------------------------------------- furikomiInfo */
  .furikomiInfo__list {
    margin-bottom: 20px;
  }
  .furikomiInfo__target h5, .furikomiInfo__target p {
    padding: 10px 12px;
  }
  .furikomiInfo__target h5 {
    width: 30%;
  }
  .furikomiInfo__target p {
    width: 70%;
  }
  /* ============================================================================================ postageGraph 送料 */
  .postageGraph__info {
    margin-top: 15px;
  }
  .postageGraph {
    margin-top: 30px;
  }
  .pgBlock__header, .pgBlock p {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .pgBlock__header sup, .pgBlock p sup {
    top: 0.2em;
    font-size: 10px;
  }
  .pgBlock__placeTarget {
    width: 80px;
    min-height: 280px;
  }
  .pgBlock__placeTarget--w {
    width: 100px;
  }
  .pgBlock__leader {
    width: 100px;
  }
  .pgBlock__placeTargep {
    min-height: 32px;
  }
}