@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
body {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400;
}

/* common */
html, body {
  display: block;
}

br.smpBR {
  display: block;
}
@media screen and (min-width:801px) {
  br.smpBR {
    display: none;
  }
}

br.pcBR {
  display: none;
}
@media screen and (min-width:801px) {
  br.pcBR {
    display: block;
  }
}

button {
  border: none;
  background: none;
  padding: 0;
}

a:hover {
  color: #666666;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blink {
  will-change: animation;
  -webkit-animation: blink 1s cubic-bezier(0, 0.5, 0.5, 1) infinite alternate !important;
          animation: blink 1s cubic-bezier(0, 0.5, 0.5, 1) infinite alternate !important;
}

form input {
  border: none;
}

.headerWrap * {
  box-sizing: border-box;
}

.headerWrap form, .headerWrap input, .headerWrap button, .headerWrap h1, .headerWrap h2, .headerWrap h3, .headerWrap a, .headerWrap p {
  margin: 0;
  padding: 0;
  line-height: 100%;
  color: #222222;
}

.headerWrap li:hover > a {
  font-weight: bold;
}

html, body {
  background-color: #ffffff;
}

/* top slider */
.sliderWrap {
  margin-bottom: 16px;
}
.sliderWrap .topSlider img {
  width: 100%;
  border-radius: 8px;
}
.sliderWrap .topSlider .swiper-slide {
  opacity: 0.2;
  transition: opacity 0.5s;
}
.sliderWrap .topSlider .swiper-slide a:hover img {
  opacity: 1;
}
.sliderWrap .topSlider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.sliderWrap .topSlider .swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  z-index: 100;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.sliderWrap .topSlider .swiper-pagination span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.25);
  margin: 0 8px;
}
.sliderWrap .topSlider .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255);
}
.sliderWrap .topSliderThumb {
  width: 100%;
  max-width: 776px;
  margin: 12px auto 0;
}
@media screen and (min-width:961px) {
  .sliderWrap .topSliderThumb {
    margin: 30px auto;
  }
}
.sliderWrap .topSliderThumb .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide {
  width: 24px !important;
  height: 2px;
  background-color: #bcbcbc;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
@media screen and (min-width:961px) {
  .sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide {
    width: 45px !important;
    height: 45px !important;
    margin-left: 12.5px;
    margin-right: 12.5px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
  }
}
.sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide a {
  pointer-events: none;
}
.sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide img {
  display: none;
}
@media screen and (min-width:961px) {
  .sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide img {
    display: block;
    max-width: 240px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  background-color: #222222;
}
@media screen and (min-width:961px) {
  .sliderWrap .topSliderThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    width: 60px !important;
    height: 60px !important;
    box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.25);
  }
}

/* new year modal */
.nyModal {
  text-align: center;
  display: none;
}
.nyModal #nyModalBg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
}
.nyModal #nyModalMain {
  width: 80%;
  max-width: 420px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}
@media screen and (min-width:1601px) {
  .nyModal #nyModalMain {
    max-width: 600px;
  }
}
.nyModal #nyModalMain p, .nyModal #nyModalMain div {
  width: 100%;
}
.nyModal #nyModalMain p.nyModalNotice {
  text-align: center;
}
.nyModal #nyModalMain p.nyModalNotice span {
  display: block;
  font-weight: bold;
}
.nyModal #nyModalMain p.nyModalNotice b {
  color: red;
  display: block;
  margin: 8px 0;
}
.nyModal #nyModalMain p.nyModalCheck input {
  margin-top: 12px;
  margin-right: 8px;
  margin-top: 12px;
}
.nyModal #nyModalClose {
  width: 200px;
  margin-top: 12px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
  background-color: #222222;
  color: #ffffff;
}

/* header */
.logo img {
  width: 280px !important;
}
@media screen and (min-width:601px) {
  .logo img {
    width: 325px !important;
  }
}

#page_mypage_login {
  background-color: #f3efe8;
}
#page_mypage_login header.login_header {
  display: none;
}
#page_mypage_login header .headerWrap {
  padding-top: 0;
  padding-bottom: 12px;
}
#page_mypage_login header .headerWrap .topBar {
  display: none !important;
}
#page_mypage_login header .headerWrap .headerInr {
  padding-top: 12px;
}
#page_mypage_login header .headerWrap .headerInr .logo {
  margin-bottom: 0px;
}
#page_mypage_login .wrap {
  margin-top: 0 !important;
  height: 100vh;
  position: relative;
}
#page_mypage_login .wrap main.login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 0 !important;
}
#page_mypage_login .wrap main.login > p {
  text-align: left !important;
}
@media screen and (min-width:601px) {
  #page_mypage_login .wrap main.login > p {
    text-align: center !important;
  }
}
#page_mypage_login .wrap main.login > p br {
  display: none;
}
@media screen and (min-width:601px) {
  #page_mypage_login .wrap main.login > p br {
    display: block;
  }
}
#page_mypage_login .wrap main.login ul li.outer {
  border: none;
  background-color: #ffffff;
  max-width: 360px;
  padding-bottom: 16px;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.08);
}
@media screen and (min-width:601px) {
  #page_mypage_login .wrap main.login ul li.outer {
    max-width: 420px;
  }
}
#page_mypage_login .wrap main.login ul li.outer h3 {
  background: transparent;
}
#page_mypage_login .wrap main.login ul li.outer h3 img {
  width: 240px;
}
#page_mypage_login .wrap main.login ul li.outer p.loginNote {
  color: #fc0d0c;
  text-align: center;
  font-size: 12px;
}
#page_mypage_login .wrap main.login ul li.outer .inner {
  padding-left: 15%;
  padding-right: 15%;
  padding-bottom: 0;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginFailMessage {
  color: #fc0d0c;
  font-size: 14px;
  text-align: center;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginFailMessage span {
  font-size: 12px;
  text-align: left;
  display: block;
  margin: 4px 0 8px;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginBtn button {
  max-width: 100%;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginBtn .form-check {
  margin-top: 12px;
  display: block;
  text-align: left !important;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginContact {
  margin: 24px 0 16px;
  text-align: center;
}
#page_mypage_login .wrap main.login ul li.outer .inner .loginContact a {
  text-decoration: underline;
  font-size: 0.95em;
}
#page_mypage_login .wrap main.login ul li.outer .inner .dontLogin {
  text-align: center;
  width: 100%;
  margin: 8px 0;
}
#page_mypage_login .wrap main.login ul li.outer .inner .dontLogin a {
  display: inline-block;
  text-decoration: underline;
}
#page_mypage_login .wrap main.login ul li .registerBtn a {
  background-color: transparent;
  color: #0033cc;
  text-decoration: underline;
}
#page_mypage_login .wrap main.login ul li .registerBtn p {
  margin-top: 16px;
  font-size: 0.95em;
}
#page_mypage_login .wrap main.login ul li .copyright {
  font-style: 10px;
  color: #939597;
}
#page_mypage_login footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
}

/* chumoku keyword */
.atteKey {
  background-color: #f4f5f7;
  padding: 30px 20px;
  height: auto;
  overflow-y: hidden;
  position: relative;
}
@media screen and (min-width:961px) {
  .atteKey {
    height: auto;
  }
}
.atteKey h3 {
  margin-bottom: 20px !important;
}
.atteKey ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.atteKey ul li {
  height: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 4px 10px;
  margin-right: 2px;
  margin-bottom: 12px;
  border: 1px solid #b59768;
  background-color: #ffffff;
  border-radius: 16px;
  position: relative;
}
@media screen and (min-width:961px) {
  .atteKey ul li {
    margin-right: 6px;
  }
}
.atteKey ul li a {
  color: #b59768;
  display: inline-block;
  margin-left: 0px;
  font-weight: bold;
}
@media screen and (min-width:961px) {
  .atteKey ul li a {
    letter-spacing: -0.25px;
    font-size: 11px;
  }
}
.atteKey p.moreBtn {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90px;
  z-index: 10;
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(244, 245, 247, 0) 0%, rgb(244, 245, 247) 25%, rgb(244, 245, 247) 100%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 30px;
}
.atteKey p.moreBtn b:nth-child(2) {
  display: none;
}
.atteKey p.moreBtn span {
  margin-left: 8px;
}
.atteKey.moreMenu {
  height: auto;
  overflow-y: visible;
}
.atteKey.moreMenu p.moreBtn b:nth-child(1) {
  display: none;
}
.atteKey.moreMenu p.moreBtn b:nth-child(2) {
  display: block;
}
.atteKey.moreMenu p.moreBtn span {
  transform: rotate(45deg);
}

.test {
  height: 150vh;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(121, 0, 255) 100%);
}

.fxdBannerSq {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 0;
  transition: 0.3s;
  z-index: 10;
}
@media screen and (min-width:961px) {
  .fxdBannerSq {
    top: 172px;
    right: -8px;
  }
}
.fxdBannerSq > p {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 2px 8px 4px;
  font-size: 14px;
  text-align: center;
  position: relative;
}
.fxdBannerSq i.fxBtnSq {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 99;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (min-width:961px) {
  .fxdBannerSq i.fxBtnSq {
    width: 20px;
    height: 20px;
    right: -8px;
  }
}
.fxdBannerSq i.fxBtnSq span {
  display: block;
  width: 65%;
  height: 2px;
  background-color: #666666;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.7s;
}
.fxdBannerSq i.fxBtnSq span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fxdBannerSq i.fxBtnSq span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(135deg);
}
.fxdBannerSq ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 192px;
}
@media screen and (min-width:961px) {
  .fxdBannerSq ul {
    display: block;
    width: auto;
  }
}
.fxdBannerSq ul li {
  max-width: 60px;
  max-height: 60px;
  transition: 0.3s;
}
@media screen and (min-width:961px) {
  .fxdBannerSq ul li {
    width: 100%;
    max-width: 100px;
    max-height: 100px;
    margin: 0 0 12px;
  }
}
.fxdBannerSq ul li img {
  width: 100%;
}
@media screen and (min-width:961px) {
  .fxdBannerSq ul li:hover {
    transform: translateX(-8px);
  }
  .fxdBannerSq ul li:hover img {
    opacity: 1;
  }
}
.fxdBannerSq.closeFx {
  right: -180px;
}
@media screen and (min-width:961px) {
  .fxdBannerSq.closeFx {
    right: -88px;
  }
}
@media screen and (min-width:961px) {
  .fxdBannerSq.closeFx i.fxBtnSq {
    right: -20px;
  }
}
.fxdBannerSq.closeFx i.fxBtnSq span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(0deg);
}
.fxdBannerSq.closeFx i.fxBtnSq span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.fxdBannerSq.fxdDown {
  bottom: -200px;
}
@media screen and (min-width:961px) {
  .fxdBannerSq.fxdDown {
    bottom: auto;
  }
}

.fxdBannerRt {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 0;
  z-index: 99;
  transition: 0.3s;
  z-index: 10;
}
.fxdBannerRt a img {
  width: 320px;
}
@media screen and (min-width:961px) {
  .fxdBannerRt a img {
    width: 480px;
  }
}
.fxdBannerRt i.fxBtnRt {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (min-width:961px) {
  .fxdBannerRt i.fxBtnRt {
    right: -8px;
  }
}
.fxdBannerRt i.fxBtnRt span {
  display: block;
  width: 65%;
  height: 2px;
  background-color: #666666;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.7s;
}
.fxdBannerRt i.fxBtnRt span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fxdBannerRt i.fxBtnRt span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(135deg);
}
.fxdBannerRt.closeFx {
  right: -308px;
}
@media screen and (min-width:961px) {
  .fxdBannerRt.closeFx {
    right: -468px;
  }
}
@media screen and (min-width:961px) {
  .fxdBannerRt.closeFx i.fxBtnRt {
    width: 20px;
    height: 20px;
    right: -20px;
  }
}
.fxdBannerRt.closeFx i.fxBtnRt span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(0deg);
}
.fxdBannerRt.closeFx i.fxBtnRt span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.fxdBannerBtmSq {
  display: none;
  position: fixed;
  bottom: 12px;
  right: 0;
  transition: 0.3s;
  z-index: 10;
  background-color: #ffffff;
  width: 208x;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq {
    width: 288px;
  }
}
.fxdBannerBtmSq i.fxBtnBtmSq {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 99;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq i.fxBtnBtmSq {
    width: 20px;
    height: 20px;
    right: -8px;
  }
}
.fxdBannerBtmSq i.fxBtnBtmSq span {
  display: block;
  width: 65%;
  height: 2px;
  background-color: #666666;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.7s;
}
.fxdBannerBtmSq i.fxBtnBtmSq span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fxdBannerBtmSq i.fxBtnBtmSq span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(135deg);
}
.fxdBannerBtmSq ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.fxdBannerBtmSq ul li {
  max-width: 64px;
  max-height: 64px;
  transition: 0.3s;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq ul li {
    width: 100%;
    max-width: 128px;
    max-height: 128px;
  }
}
.fxdBannerBtmSq ul li.fBannerText {
  max-width: 128px;
  height: 64px;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq ul li.fBannerText {
    max-width: 160px;
    height: 128px;
  }
}
.fxdBannerBtmSq ul li img {
  width: 100%;
}
.fxdBannerBtmSq ul li p {
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  justify-content: ceneter;
  align-items: center;
  padding: 4px;
  font-size: 10px;
  font-weight: 700;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq ul li p {
    padding: 12px;
    font-size: 14px;
  }
}
.fxdBannerBtmSq.closeFx {
  right: -320px;
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq.closeFx {
    right: -400px;
  }
}
@media screen and (min-width:961px) {
  .fxdBannerBtmSq.closeFx i.fxBtnSq {
    right: -20px;
  }
}
.fxdBannerBtmSq.closeFx i.fxBtnSq span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(0deg);
}
.fxdBannerBtmSq.closeFx i.fxBtnSq span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

#page_homepage .fxdBannerSq, #page_homepage .fxdBannerRt, #page_homepage .fxdBannerBtmSq, #page_product_category .fxdBannerSq, #page_product_category .fxdBannerRt, #page_product_category .fxdBannerBtmSq, #page_product_detail .fxdBannerSq, #page_product_detail .fxdBannerRt, #page_product_detail .fxdBannerBtmSq {
  display: none;
}
#page_homepage .fxdBannerSq.bannerOn, #page_homepage .fxdBannerRt.bannerOn, #page_homepage .fxdBannerBtmSq.bannerOn, #page_product_category .fxdBannerSq.bannerOn, #page_product_category .fxdBannerRt.bannerOn, #page_product_category .fxdBannerBtmSq.bannerOn, #page_product_detail .fxdBannerSq.bannerOn, #page_product_detail .fxdBannerRt.bannerOn, #page_product_detail .fxdBannerBtmSq.bannerOn {
  display: block;
}

header {
  padding-top: 0;
}
header .headerWrap {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.2);
  transition: all 0.7s;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width:961px) {
  header .headerWrap {
    padding-top: 0;
  }
}
header .headerWrap .topBar {
  display: none;
  width: 100%;
  height: 28px;
  background-color: #f36a4a;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  transition: all 0.7s;
}
@media screen and (min-width:961px) {
  header .headerWrap .topBar {
    order: 1;
    display: none;
  }
}
header .headerWrap .topBar a {
  display: block;
  font-weight: bold;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
}
header .headerWrap .headerInr {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 21px;
}
@media screen and (min-width:1441px) {
  header .headerWrap .headerInr {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr {
    order: 2;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width:1201px) {
  header .headerWrap .headerInr {
    padding-left: 0px;
    padding-right: 0px;
  }
}
header .headerWrap .headerInr .navBtn {
  position: fixed;
  top: 21px;
  left: 21px;
  z-index: 200;
  transition: all 0.7s;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .navBtn {
    display: none;
  }
}
header .headerWrap .headerInr .navBtn button {
  width: 28px;
  height: 21px;
  position: relative;
}
header .headerWrap .headerInr .navBtn button span {
  display: block;
  width: 28px;
  height: 2px;
  border-radius: 1px;
  background-color: #666666;
  position: absolute;
  top: 10px;
  transition: all 0s;
}
header .headerWrap .headerInr .navBtn button span::before, header .headerWrap .headerInr .navBtn button span::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  border-radius: 1px;
  background-color: #666666;
  position: absolute;
  transition: all 0.7s;
}
header .headerWrap .headerInr .navBtn button span::before {
  top: -10px;
}
header .headerWrap .headerInr .navBtn button span::after {
  top: 10px;
}
header .headerWrap .headerInr .smpNav {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 360px;
  height: 100vh;
  padding-bottom: 160px;
  position: fixed;
  top: 0;
  left: -100%;
  background-color: #ffffff;
  z-index: 100;
  transition: all 0.7s;
  padding-top: 88px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .smpNav {
    display: none;
  }
}
header .headerWrap .headerInr .smpNav .memInfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fafafa;
  border-radius: 4px;
}
header .headerWrap .headerInr .smpNav .memInfo p.miName {
  font-size: 18px;
  font-weight: bold;
}
header .headerWrap .headerInr .smpNav .memInfo p.miPoint {
  font-size: 12px;
  margin-top: 12px;
}
header .headerWrap .headerInr .smpNav .memInfo p.miPoint strong {
  font-size: 24px;
  font-weight: bold;
  color: #b59768;
}
header .headerWrap .headerInr .smpNav .memInfo p.miPoint strong span {
  font-size: 14px;
}
header .headerWrap .headerInr .smpNav .mypageBtn {
  margin-top: 16px;
  padding: 30px 20px;
  background-color: #f6f7f9;
}
header .headerWrap .headerInr .smpNav .mypageBtn li {
  position: relative;
}
header .headerWrap .headerInr .smpNav .mypageBtn li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
}
header .headerWrap .headerInr .smpNav .mypageBtn li a p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 4px;
  border-radius: 4px;
  font-size: 11px;
}
header .headerWrap .headerInr .smpNav .mypageBtn li a p b {
  color: #fc0d0c;
}
header .headerWrap .headerInr .smpNav .mypageBtn li:first-child {
  margin-bottom: 30px;
}
header .headerWrap .headerInr .smpNav .buyHist {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-top: 10px;
}
header .headerWrap .headerInr .smpNav .buyHist a {
  color: #ffffff;
}
header .headerWrap .headerInr .smpNav .qaBtn {
  text-align: left;
  margin-top: 8px;
}
header .headerWrap .headerInr .smpNav .qaBtn a {
  padding-top: 10px;
}
header .headerWrap .headerInr .smpNav .myItemList {
  margin-top: 50px;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList > p, header .headerWrap .headerInr .smpNav .myItemList .favList > p {
  font-size: 17px;
  font-weight: blod;
  color: #666666;
  width: 100%;
  margin-bottom: 20px;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList .checkListInr, header .headerWrap .headerInr .smpNav .myItemList .checkList .favListInr, header .headerWrap .headerInr .smpNav .myItemList .favList .checkListInr, header .headerWrap .headerInr .smpNav .myItemList .favList .favListInr {
  overflow-x: auto;
  margin-bottom: 40px;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList .checkListInr ul, header .headerWrap .headerInr .smpNav .myItemList .checkList .favListInr ul, header .headerWrap .headerInr .smpNav .myItemList .favList .checkListInr ul, header .headerWrap .headerInr .smpNav .myItemList .favList .favListInr ul {
  width: 880px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList .checkListInr ul li, header .headerWrap .headerInr .smpNav .myItemList .checkList .favListInr ul li, header .headerWrap .headerInr .smpNav .myItemList .favList .checkListInr ul li, header .headerWrap .headerInr .smpNav .myItemList .favList .favListInr ul li {
  width: 88px;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList .checkListInr ul li:nth-child(n+11), header .headerWrap .headerInr .smpNav .myItemList .checkList .favListInr ul li:nth-child(n+11), header .headerWrap .headerInr .smpNav .myItemList .favList .checkListInr ul li:nth-child(n+11), header .headerWrap .headerInr .smpNav .myItemList .favList .favListInr ul li:nth-child(n+11) {
  display: none;
}
header .headerWrap .headerInr .smpNav .myItemList .checkList .checkListInr ul li img, header .headerWrap .headerInr .smpNav .myItemList .checkList .favListInr ul li img, header .headerWrap .headerInr .smpNav .myItemList .favList .checkListInr ul li img, header .headerWrap .headerInr .smpNav .myItemList .favList .favListInr ul li img {
  border-radius: 4px;
  border: 1px solid #fafafa;
}
header .headerWrap .headerInr .smpNav .myItemList .favList > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header .headerWrap .headerInr .smpNav .myItemList .favList > p a {
  font-size: 13px;
  color: #b59768;
}
header .headerWrap .headerInr .smpNav .allItemSmp a {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 40px;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > p {
  font-size: 17px;
  font-weight: blod;
  color: #666666;
  width: 100%;
  margin-bottom: 20px;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul {
  margin-top: 24px;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li {
  border-top: 1px solid #e3e3ea;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li > img {
  width: 24px;
  height: 24px;
  display: inlein-block;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li > p {
  width: calc(100% - 36px);
  display: inline-block;
  margin-left: 12px;
  font-size: 17px;
  font-weight: bold;
  color: #222222;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 12px;
  width: 9px;
  height: 15px;
  background-image: url("../img/common/arrow-right-bge.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li > ul {
  display: none;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li.moreMenu {
  height: auto;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li.moreMenu > p {
  color: #b59768;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li.moreMenu > ul {
  display: block;
  width: 100%;
  padding-top: 24px;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li.moreMenu > ul > li {
  padding-left: 35px;
  margin-bottom: 16px;
}
header .headerWrap .headerInr .smpNav .smpCateMenu > ul > li.moreMenu > ul > li a {
  font-size: 14px;
}
header .headerWrap .headerInr .smpNav .smpBtmMenu {
  margin-top: 24px;
}
header .headerWrap .headerInr .smpNav .smpBtmMenu ul li {
  margin-bottom: 20px;
  line-height: 200%;
}
header .headerWrap .headerInr .smpNav .smpBtmMenu ul li img {
  width: 100%;
  max-width: 240px;
}
header .headerWrap .headerInr .smpNav .sideDiscrate, header .headerWrap .headerInr .smpNav .sideTag, header .headerWrap .headerInr .smpNav .sidePrice, header .headerWrap .headerInr .smpNav .sideNews {
  margin: 24px 0 0;
}
header .headerWrap .headerInr .smpNav .sideDiscrate h3, header .headerWrap .headerInr .smpNav .sideTag h3, header .headerWrap .headerInr .smpNav .sidePrice h3, header .headerWrap .headerInr .smpNav .sideNews h3 {
  font-size: 16px;
}
header .headerWrap .headerInr .smpNav .sideDiscrate ul, header .headerWrap .headerInr .smpNav .sideTag ul, header .headerWrap .headerInr .smpNav .sidePrice ul, header .headerWrap .headerInr .smpNav .sideNews ul {
  padding: 12px;
}
header .headerWrap .headerInr .smpNav .sideDiscrate ul li, header .headerWrap .headerInr .smpNav .sideTag ul li, header .headerWrap .headerInr .smpNav .sidePrice ul li, header .headerWrap .headerInr .smpNav .sideNews ul li {
  line-height: 2;
}
header .headerWrap .headerInr .smpNav .sideNews ul li {
  margin-bottom: 24px;
}
header .headerWrap .headerInr .smpNav .sideNews ul li time {
  color: #6b717e;
}
header .headerWrap .headerInr .smpNav .sideNews ul li p {
  text-decoration: underline;
  line-height: 1.75;
}
header .headerWrap .headerInr .smpNav .sideNews .allNews {
  display: block;
  text-align: right;
}
header .headerWrap .headerInr .smpNav .sideDiscrate {
  margin-top: 40px;
}
header .headerWrap .headerInr .smpNav .atteKey {
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 32px;
}
header .headerWrap .headerInr .smpNav .atteKey ul li {
  height: 32px;
  padding: 6px 10px;
  border-radius: 16px;
  margin-right: 4px;
}
header .headerWrap .headerInr .smpNav .atteKey ul li::before {
  display: none;
}
header .headerWrap .headerInr .smpNav .atteKey ul li a {
  margin-left: 0;
}
header .headerWrap .headerInr .pcNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  transition: all 0.7s;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav {
    height: 70px;
    align-items: center;
    justify-content: flex-start;
  }
}
header .headerWrap .headerInr .pcNav .hdLogo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 28%;
  width: 44%;
  height: 28px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .hdLogo {
    justify-content: flex-start;
    margin-left: 0px;
    padding-left: 6px;
    width: 200px;
    height: 46px;
    order: 1;
  }
}
header .headerWrap .headerInr .pcNav .hdLogo a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 200px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .hdLogo a {
    width: 225px;
  }
}
header .headerWrap .headerInr .pcNav .hdLogo a img {
  width: 100%;
  transform: translateY(-12px);
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .hdLogo a img {
    transform: translateY(-14px);
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu {
  width: 28%;
  height: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu {
    width: calc(68% - 200px);
    height: 46px;
    align-items: center;
    order: 3;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu li {
  margin-left: 14px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu li {
    margin-left: 0;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memName {
  display: none;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memName {
    display: block;
    width: calc(100% - 240px - 100px);
    padding-left: 10px;
    order: 100;
  }
}
@media screen and (min-width:1201px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memName {
    width: calc(100% - 300px - 100px);
    padding-left: 20px;
  }
}
@media screen and (min-width:1441px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memName {
    width: calc(100% - 350px - 120px);
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memName p {
  font-size: 13px;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memName p b {
  font-weight: bold;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memName a {
  color: #b59768;
  font-weight: bold;
  margin-top: 8px;
  position: relative;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memName a::after {
  content: "";
  position: absolute;
  top: 3px;
  right: -12px;
  width: 6px;
  height: 10px;
  background-image: url("../img/common/arrow-right-bge.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPoint {
  display: none;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPoint {
    display: block;
    width: 100px;
    text-align: center;
    border-right: 1px solid #eeeeee;
    order: 2;
  }
}
@media screen and (min-width:1441px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPoint {
    width: 120px;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPoint p {
  text-align: center;
  font-size: 12px;
  color: #111111;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPoint strong {
  font-size: 24px;
  color: #b59768;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPoint strong span {
  font-size: 15px;
  margin-left: 5px;
}
header .headerWrap .headerInr .pcNav ul.memMenu .qaPage {
  display: none;
  order: 6;
  text-align: center;
  display: none;
}
@media screen and (min-width:1201px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .qaPage {
    display: block;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .qaPage p {
  font-size: 10px;
  transform: scale(0.85);
  text-align: center;
  letter-spacing: -0.5px;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage {
  display: none;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPage {
    display: block;
    position: relative;
    order: 3;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage .couponQuant {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fc0d0c;
  color: #ffffff;
  font-size: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage .couponNotice {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  border: 1px solid #e9ebef;
  padding: 16px;
  text-align: center;
  width: 200px;
  font-size: 12px;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  line-height: 2;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage .couponNotice b {
  color: #fc0d0c;
  display: inline-block;
  margin: 0 2px;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage:hover .couponNotice {
  display: block;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage, header .headerWrap .headerInr .pcNav ul.memMenu .memFav, header .headerWrap .headerInr .pcNav ul.memMenu .memCart, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage {
  width: 22px;
  text-align: center;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPage, header .headerWrap .headerInr .pcNav ul.memMenu .memFav, header .headerWrap .headerInr .pcNav ul.memMenu .memCart, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage {
    width: 50px;
    margin-left: 10px;
  }
}
@media screen and (min-width:1441px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPage, header .headerWrap .headerInr .pcNav ul.memMenu .memFav, header .headerWrap .headerInr .pcNav ul.memMenu .memCart, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage {
    margin-left: 20px;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage a, header .headerWrap .headerInr .pcNav ul.memMenu .memFav a, header .headerWrap .headerInr .pcNav ul.memMenu .memCart a, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory a, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage a {
  position: relative;
  display: block;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage a img, header .headerWrap .headerInr .pcNav ul.memMenu .memFav a img, header .headerWrap .headerInr .pcNav ul.memMenu .memCart a img, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory a img, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage a img {
  width: 24px;
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage a span, header .headerWrap .headerInr .pcNav ul.memMenu .memFav a span, header .headerWrap .headerInr .pcNav ul.memMenu .memCart a span, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory a span, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage a span {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 0;
  background-color: #fc0d0c;
  color: #ffffff;
  font-size: 11px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPage a span, header .headerWrap .headerInr .pcNav ul.memMenu .memFav a span, header .headerWrap .headerInr .pcNav ul.memMenu .memCart a span, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory a span, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage a span {
    top: -10px;
    right: 4px;
  }
}
header .headerWrap .headerInr .pcNav ul.memMenu .memPage p, header .headerWrap .headerInr .pcNav ul.memMenu .memFav p, header .headerWrap .headerInr .pcNav ul.memMenu .memCart p, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory p, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage p {
  display: none;
  margin-top: 7px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memPage p, header .headerWrap .headerInr .pcNav ul.memMenu .memFav p, header .headerWrap .headerInr .pcNav ul.memMenu .memCart p, header .headerWrap .headerInr .pcNav ul.memMenu .memHistory p, header .headerWrap .headerInr .pcNav ul.memMenu .qaPage p {
    display: block;
    font-size: 10px;
    white-space: pre;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memFav {
    order: 4;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memCart {
    order: 5;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav ul.memMenu .memHistory {
    order: 6;
  }
}
header .headerWrap .headerInr .pcNav .searchForm {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 10px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm {
    margin-left: 27px;
    width: calc(32% - 27px);
    height: 46px;
    margin-top: 0;
    margin-bottom: 0;
    order: 2;
  }
}
header .headerWrap .headerInr .pcNav .searchForm form {
  border: none;
  background: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm button {
    background-color: #b59768;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 44px;
    height: 46px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
  }
}
@media screen and (min-width:1201px) {
  header .headerWrap .headerInr .pcNav .searchForm button {
    width: 84px;
  }
}
header .headerWrap .headerInr .pcNav .searchForm button img {
  width: 28px;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm button img {
    width: 16px;
  }
}
header .headerWrap .headerInr .pcNav .searchForm button.smpSch {
  position: absolute;
  left: 0;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm button.smpSch {
    display: none;
  }
}
header .headerWrap .headerInr .pcNav .searchForm button.pcSch {
  display: none;
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm button.pcSch {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 52px;
    height: 36px;
  }
}
header .headerWrap .headerInr .pcNav .searchForm input[type=text] {
  width: 100%;
  height: 34px;
  padding-left: 0px;
  border-radius: 0;
  border-bottom: 1px solid #666666;
  color: #666666;
  box-shadow: none;
  -webkit-appearance: none;
  font-size: 18px;
  transform: scale(0.8);
}
@media screen and (min-width:961px) {
  header .headerWrap .headerInr .pcNav .searchForm input[type=text] {
    height: 46px;
    border: 1px solid #dddddd;
    border-right: 0px;
    background-color: #fafafa;
    padding: 15px 0 14px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
  }
}
header .headerWrap .cateMenu {
  order: 3;
  display: none;
  transition: all 0.7s;
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu {
    width: 100%;
    display: block;
    background-color: #fafafa;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  header .headerWrap .cateMenu > ul {
    padding-left: 21px;
    padding-right: 21px;
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width:961px) and (min-width:1201px) {
  header .headerWrap .cateMenu > ul {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu > ul > li {
    position: relative; /*margin:{left:10px; right:10px;};
@include mdq('lg') {margin:{left:20px; right:20px;};}
@include mdq('xlg') {margin:{left:30px; right:30px;};}*/
  }
  header .headerWrap .cateMenu > ul > li > a {
    font-size: 14px;
    letter-spacing: -0.5px;
  }
}
@media screen and (min-width:961px) and (min-width:1201px) {
  header .headerWrap .cateMenu > ul > li > a {
    letter-spacing: 0;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu > ul > li:hover > a {
    font-weight: bold;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu > ul > li > ul {
    display: none;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu > ul > li:hover > ul {
    display: block;
    border-radius: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    width: 230px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ffffff;
    z-index: 50;
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.25);
  }
  header .headerWrap .cateMenu > ul > li:hover > ul > li:hover {
    background-color: #fef8f1;
  }
  header .headerWrap .cateMenu > ul > li:hover > ul > li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 230px;
    height: 46px;
    padding-left: 12px;
    line-height: 125%;
  }
  header .headerWrap .cateMenu > ul > li:hover > ul > li a:hover {
    font-weight: normal;
  }
}
@media screen and (min-width:961px) {
  header .headerWrap .cateMenu > ul > li::after {
    content: "";
    width: 100%;
    height: 8px;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
header .headerWrap.scrl .topBar {
  margin-top: -28px;
}
header .headerWrap.scrl .navBtn {
  top: 21px !important;
}
@media screen and (min-width:961px) {
  header .headerWrap.scrl {
    background-color: rgba(255, 255, 255, 0.9);
  }
  header .headerWrap.scrl .topBar {
    margin-top: -30px;
  }
  header .headerWrap.scrl .pcNav {
    height: 60px;
  }
  header .headerWrap.scrl .cateMenu {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: rgba(235, 235, 235, 0.25);
  }
  header .headerWrap.scrl .cateMenu > ul > li > a {
    font-size: 13px;
  }
}
header .ieModalWrap {
  display: none;
  text-align: center;
  max-width: 640px;
}
header .ieModalWrap #modalBg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.75);
}
header .ieModalWrap #modalMain {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
header .ieModalWrap #modalMain p, header .ieModalWrap #modalMain div {
  width: 100%;
}
header .ieModalWrap #modalMain p.modalNotice {
  text-align: left;
}
header .ieModalWrap #modalMain p.modalNotice span {
  display: block;
  font-weight: bold;
}
header .ieModalWrap #modalMain p.modalNotice b {
  color: red;
  display: block;
  margin-top: 8px;
}
header .ieModalWrap #modalMain p.modalCheck input {
  margin-top: 12px;
  margin-right: 8px;
  margin-top: 4px;
}
header .ieModalWrap #modalClose {
  width: 150px;
  margin-top: 12px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
  background-color: #222222;
  color: #ffffff;
  border-radius: 3px;
}

/* main colum */
#page_product_detail .wrap, #page_product_category .wrap {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
#page_product_detail .wrap main.column_main, #page_product_category .wrap main.column_main {
  width: 100%;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap main.column_main, #page_product_category .wrap main.column_main {
    width: calc(100% - 230px - 20px);
  }
}
@media screen and (min-width:1201px) {
  #page_product_detail .wrap main.column_main, #page_product_category .wrap main.column_main {
    width: calc(100% - 230px - 30px);
  }
}
@media screen and (min-width:1441px) {
  #page_product_detail .wrap main.column_main, #page_product_category .wrap main.column_main {
    width: calc(100% - 230px - 40px);
  }
}

/* top page order */
@media screen and (min-width:961px) {
  .wrap main.column_main .topicList {
    order: 0;
  }
  .wrap main.column_main .featList {
    order: 1;
  }
  .wrap main.column_main .atteKey {
    order: 2;
  }
  .wrap main.column_main .favList {
    order: 3;
  }
  .wrap main.column_main .rankingList {
    order: 4;
  }
  .wrap main.column_main .checkItem {
    order: 5;
  }
  .wrap main.column_main .popuBrand {
    order: 6;
  }
  .wrap main.column_main .staffReco {
    order: 7;
  }
  .wrap main.column_main .all_section {
    order: 8;
  }
}

.wrap {
  margin-top: 145px;
  max-width: 1350px;
  padding-left: 21px;
  padding-right: 21px;
}
@media screen and (min-width:961px) {
  .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: initial;
    margin-top: 110px;
  }
}
@media screen and (min-width:1201px) {
  .wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wrap main.login {
  padding-bottom: 100px;
}
.wrap .sliderWrap {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.wrap .breadcrumb_box {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}
.wrap .breadcrumb_box .breadcrumb {
  border: none;
  padding: 0;
}
.wrap .allBtn {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 44px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.wrap aside.left {
  display: none;
  order: 1;
}
@media screen and (min-width:961px) {
  .wrap aside.left {
    display: block;
    width: 230px;
    float: left;
  }
}
.wrap aside.left section {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #e9ebef;
}
.wrap aside.left section h3 {
  font-size: 15px;
  color: #222222;
  font-weight: bold;
}
.wrap aside.left section > ul {
  margin-top: 16px;
}
.wrap aside.left section > ul > li {
  margin-bottom: 20px;
}
.wrap aside.left section > ul > li:last-child {
  margin-bottom: 0;
}
.wrap aside.left section > ul > li a {
  color: #222222;
  width: 100%;
}
.wrap aside.left section > ul > li > ul {
  display: none;
}
.wrap aside.left section p.moreBtn, .wrap aside.left section a.allNews {
  width: 230px;
  height: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 19px;
  border: 1px solid rgba(181, 151, 104, 0.4);
  color: #b59768;
  margin-top: 28px;
  cursor: pointer;
}
.wrap aside.left section p.moreBtn:hover, .wrap aside.left section a.allNews:hover {
  opacity: 0.7;
}
.wrap aside.left section p.moreBtn span, .wrap aside.left section a.allNews span {
  display: inline-block;
  margin-left: 8px;
}
.wrap aside.left section p.moreBtn b:nth-child(2), .wrap aside.left section a.allNews b:nth-child(2) {
  display: none;
}
.wrap aside.left section.sideCate > ul > li {
  position: relative;
}
.wrap aside.left section.sideCate > ul > li img {
  width: 24px;
}
.wrap aside.left section.sideCate > ul > li::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 7px;
  height: 12px;
  background-image: url("../img/common/arrow-right-gy.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.wrap aside.left section.sideCate > ul > li:hover::before {
  background-image: url("../img/common/arrow-right-bk.svg");
}
.wrap aside.left section.sideCate > ul > li:hover > a {
  font-weight: bold;
}
.wrap aside.left section.sideCate > ul > li:hover > ul {
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 100%;
  margin-left: 25px;
  top: -20px;
  margin-top: 0;
  width: 230px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  z-index: 50;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.25);
}
.wrap aside.left section.sideCate > ul > li:hover > ul > li:hover {
  background-color: #fef8f1;
}
.wrap aside.left section.sideCate > ul > li:hover > ul > li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  height: 46px;
  padding-left: 12px;
  line-height: 125%;
}
.wrap aside.left section.sideCate > ul > li::after {
  content: "";
  height: 100%;
  width: 40px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 20;
}
.wrap aside.left section.sideBrand ul li:nth-child(n+4) {
  display: none;
}
.wrap aside.left section.sideBrand.moreMenu ul li:nth-child(n+4) {
  display: block;
}
.wrap aside.left section.sideBrand.moreMenu p.moreBtn b:nth-child(1) {
  display: none;
}
.wrap aside.left section.sideBrand.moreMenu p.moreBtn b:nth-child(2) {
  display: block;
}
.wrap aside.left section.sideBrand.moreMenu p.moreBtn span {
  transform: rotate(45deg);
}
.wrap aside.left section.sidePurp ul li:nth-child(n+11) {
  display: none;
}
.wrap aside.left section.sidePurp.moreMenu ul li:nth-child(n+11) {
  display: block;
}
.wrap aside.left section.sideNews time {
  color: #6b717e;
}
.wrap aside.left section.sideNews p {
  margin-top: 12px;
  text-decoration: underline;
}
.wrap aside.left section.sideBnr ul li img {
  width: 100%;
}
.wrap aside.left section.sideBnr ul.sideBnrGuide {
  margin-top: 0;
}
.wrap aside.left section.sideBnr ul.sideBnrGuide li {
  width: 100%;
  margin-bottom: 12px;
  text-align: left;
  padding: 8px 0 8px 12px;
  position: relative;
  background-color: #fafafa;
  border: 1px solid #e9ebef;
}
.wrap aside.left section.sideBnr ul.sideBnrGuide li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 7px;
  height: 12px;
  background-image: url("../img/common/arrow-right-gy.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.wrap aside.left section.sideBnr ul.sideBnrGuide li a {
  display: block;
}
.wrap aside.right {
  display: none;
}
.wrap main.column_main {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  order: 2;
}
@media screen and (min-width:961px) {
  .wrap main.column_main {
    float: right;
    width: calc(100% - 230px - 20px);
    max-width: calc(100% - 230px - 20px);
    margin-left: 20px;
  }
}
@media screen and (min-width:1201px) {
  .wrap main.column_main {
    width: calc(100% - 230px - 30px);
    max-width: calc(100% - 230px - 30px);
    margin-left: 30px;
  }
}
@media screen and (min-width:1441px) {
  .wrap main.column_main {
    width: calc(100% - 230px - 40px);
    max-width: calc(100% - 230px - 40px);
    margin-left: 40px;
  }
}
.wrap main.column_main .ytAd {
  width: 100%;
  background-color: #fafafa;
  border: 1px solid #e9ebef;
  border-radius: 8px;
  padding: 16px 8px;
}
@media screen and (min-width:801px) {
  .wrap main.column_main .ytAd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
  }
}
.wrap main.column_main .ytAd .autoVideo {
  display: block;
  margin: 0 auto;
}
.wrap main.column_main .ytAd .ytAdDetail {
  width: 100%;
  margin-top: 16px;
}
@media screen and (min-width:801px) {
  .wrap main.column_main .ytAd .ytAdDetail {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
.wrap main.column_main .ytAd .ytAdDetail h3 {
  font-size: 22px;
  font-weight: 700;
}
.wrap main.column_main .ytAd .ytAdDetail h3 span {
  font-size: 18px;
}
@media screen and (min-width:801px) {
  .wrap main.column_main .ytAd .ytAdDetail h3 span {
    font-size: 30px;
  }
}
.wrap main.column_main .ytAd .ytAdDetail p {
  font-size: 12px;
}
.wrap main.column_main .ytAd .ytAdDetail a {
  background-color: #222222;
  color: #ffffff;
  display: inline-block;
  width: 200px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}
@media screen and (min-width:601px) {
  .wrap main.column_main .ytAd .ytAdDetail a {
    margin: 20px 0 0;
  }
}
.wrap main.column_main .toTop {
  width: 64px;
  height: 64px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  cursor: pointer;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width:961px) {
  .wrap main.column_main .toTop {
    right: 40px;
    bottom: 40px;
  }
}
.wrap main.column_main .toTop::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 23px;
  background-image: url("../img/common/arrow-top-bge.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.wrap main.column_main .toTop p {
  font-size: 11px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.wrap main.column_main .item_box .item_detail {
  position: relative;
  flex-basis: 50%;
  max-width: 50%;
}
@media screen and (min-width:801px) {
  .wrap main.column_main .item_box .item_detail {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media screen and (min-width:1441px) {
  .wrap main.column_main .item_box .item_detail {
    flex-basis: 20%;
    max-width: 20%;
    padding: 8px;
  }
}
.wrap main.column_main .item_box .item_detail .itemImgBox {
  width: 100%;
  position: relative;
}
.wrap main.column_main .item_box .item_detail .itemImgBox img {
  border-radius: 3px;
}
.wrap main.column_main .item_box .item_detail .itemImgBox > ul {
  position: absolute;
  left: 0;
  bottom: 0;
}
.wrap main.column_main .item_box .item_detail .itemImgBox > ul li.discount {
  font-size: 14px;
}
.wrap main.column_main .item_box .item_detail .itemImgBox > ul li.discount.off_1 {
  display: none;
}
.wrap main.column_main .item_box .item_detail .itemImgBox > ul li.discount.off_10 {
  font-size: 14px;
  padding: 5px 6px;
  background-color: #fc0d0c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #fc0d0c;
  background-color: #ffffff;
  color: #fc0d0c;
}
.wrap main.column_main .item_box .item_detail .itemImgBox > ul li.discount.off_30 {
  font-size: 14px;
  padding: 5px 6px;
  background-color: #fc0d0c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
  margin-right: 8px;
  margin-left: 0;
  border: none;
}
.wrap main.column_main .item_box .item_detail .itemImgBox span.product_state_badge {
  display: inline-flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrap main.column_main .item_box .item_detail .itemImgBox span.product_state_badge img {
  width: 100px;
  max-width: 100px;
}
.wrap main.column_main .item_box .item_detail .item_info p.name {
  font-size: 11px;
  letter-spacing: -0.5px;
  font-weight: 500;
  line-height: 175%;
  height: 60px;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .item_box .item_detail .item_info p.name {
    font-size: 14px;
    line-height: 140%;
  }
}
.wrap main.column_main .item_box .item_detail .item_info p.name::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 18px;
  background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.wrap main.column_main .item_box .item_detail .item_info .orgPriceInr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
@media screen and (min-width:601px) {
  .wrap main.column_main .item_box .item_detail .item_info .orgPriceInr {
    height: 25px;
    flex-wrap: wrap;
  }
}
.wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.original_fee {
  white-space: nowrap;
  font-size: 12px;
}
.wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.rateOff {
  color: #ffffff;
  background-color: #fc0d0c;
  text-decoration: none;
  display: block;
  margin-left: 8px;
  margin-right: 2px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 2px;
  border-color: #fc0d0c;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.rateOff {
    font-size: 14px;
    padding: 1px;
  }
}
@media screen and (min-width:1201px) {
  .wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.rateOff {
    padding: 1px 4px;
  }
}
.wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.rateOff.off_10 {
  background-color: #ffffff;
  color: #fc0d0c;
}
.wrap main.column_main .item_box .item_detail .item_info .orgPriceInr p.rateOff.off_1 {
  background-color: transparent;
  color: #666666;
  border: 1px solid #666666;
}
.wrap main.column_main .item_box .item_detail .item_info p.fee {
  font-size: 10px;
  color: #dc1819;
  text-align: left;
  white-space: nowrap;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .item_box .item_detail .item_info p.fee {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.wrap main.column_main .item_box .item_detail .item_info p.fee span {
  font-size: 16px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .item_box .item_detail .item_info p.fee span {
    font-size: 22px;
  }
}
.wrap main.column_main .item_box .item_detail .item_info p.fee b {
  display: inline-block;
  margin-left: 2px;
  color: #666666;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: -0.75px;
}
.wrap main.column_main .item_box .item_detail .item_info p.ricekg {
  font-size: 12px;
  color: #222222;
  font-weight: 700;
}
.wrap main.column_main .item_box .item_detail .item_info ul.itemTagIcons {
  position: static;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.wrap main.column_main .item_box .item_detail .item_info ul.itemTagIcons li {
  display: block;
}
.wrap main.column_main .item_box .item_detail .item_info ul.itemTagIcons li img {
  width: 75px;
  margin-top: 4px;
  transform: translateX(-2px);
}
.wrap main.column_main .item_box .item_detail .item_info ul.itemTagIcons li:last-child img {
  width: 70px;
}
.wrap main.column_main .item_box .item_detail .item_info ul.itemTagIcons li:nth-child(n+4) {
  display: none;
}
.wrap main.column_main .item_box .item_detail button.like {
  position: absolute;
  top: 0;
  right: 5px;
  width: 36px;
  height: 36px;
  line-height: 0;
  z-index: 20;
  border: none;
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .item_box .item_detail button.like {
    font-size: 20px;
    top: 10px;
    right: 15px;
  }
}
.wrap main.column_main .item_box .item_detail button.like i::before {
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
.wrap main.column_main .item_box .item_detail button.like:disabled {
  color: #fc0d0c;
}
.wrap main.column_main .mv {
  display: flex;
  flex-wrap: wrap;
  /* news */
  /* feature icon */
  /* topics */
  /* kaimono list */
  /* saikin check */
  /* ninki item */
  /* ninki brand */
  /* staff ichioshi */
  /* ninki item */
}
.wrap main.column_main .mv section {
  width: 100%;
}
.wrap main.column_main .mv section h3 {
  font-size: 20px;
  color: #222222;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv section {
    margin-bottom: 25px;
  }
}
.wrap main.column_main .mv .topNews {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .topNews {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 12px;
  }
}
.wrap main.column_main .mv .topNews div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
  font-size: 14px;
}
.wrap main.column_main .mv .topNews div img {
  width: 18px;
  margin-top: 1px;
}
.wrap main.column_main .mv .topNews div time {
  margin-left: 12px;
}
.wrap main.column_main .mv .topNews div a {
  margin-left: 12px;
}
.wrap main.column_main .mv .featList {
  margin-top: 30px;
}
.wrap main.column_main .mv .featList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.wrap main.column_main .mv .featList ul li {
  width: 28vw;
  height: 28vw;
  text-align: center;
  margin-bottom: 63px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .featList ul li {
    width: 13vw;
    height: 13vw;
  }
}
@media screen and (min-width:1201px) {
  .wrap main.column_main .mv .featList ul li {
    width: 184px;
    height: 184px;
  }
}
.wrap main.column_main .mv .featList ul li:nth-child(10) {
  display: none;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .featList ul li:nth-child(10) {
    display: block;
  }
}
.wrap main.column_main .mv .featList ul li img {
  width: 100%;
  max-width: 240px;
  max-height: 240px;
  border-radius: 50%;
  transition: border-radius 0.25s;
}
.wrap main.column_main .mv .featList ul li:hover img {
  opacity: 1;
  border-radius: 8px;
}
.wrap main.column_main .mv .featList ul li p {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.wrap main.column_main .mv .topicList {
  background-color: #fef8f1;
  border-radius: 4px;
  padding: 20px 0 30px 32px;
  position: relative;
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .topicList {
    padding-right: 20px;
    width: 100%;
    left: auto;
    transform: translateX(0);
  }
}
.wrap main.column_main .mv .topicList h3 {
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 21;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4px 8px 2px;
  color: #ffffff;
}
.wrap main.column_main .mv .topicList .topicBtn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 22;
  cursor: pointer;
  color: #ffffff;
  background-color: #b59768;
  padding: 8px;
  border-radius: 4px;
}
@media screen and (min-width:601px) {
  .wrap main.column_main .mv .topicList .topicBtn {
    display: none;
  }
}
.wrap main.column_main .mv .topicList .topicSwiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
@media screen and (min-width:1441px) {
  .wrap main.column_main .mv .topicList .topicSwiper {
    padding-left: 98px;
  }
}
.wrap main.column_main .mv .topicList .topicSwiper .swiper-slide {
  border-radius: 6px;
  overflow: hidden;
}
.wrap main.column_main .mv .topicList .topicSwiper .swiper-slide img {
  width: 100%;
}
.wrap main.column_main .mv .topicList .topicSwiper .swiper-slide .topicText {
  padding: 8px 16px;
  background-color: #ffffff;
}
.wrap main.column_main .mv .topicList .topicSwiper .swiper-slide .topicText p.title {
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  overflow: hidden;
}
.wrap main.column_main .mv .topicList .topicSwiper .swiper-slide .topicText p.text {
  font-size: 11px;
  margin-top: 2px;
  height: 32px;
  overflow: hidden;
}
.wrap main.column_main .mv .topicList .topciPrev, .wrap main.column_main .mv .topicList .topciNext {
  display: none;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .topicList .topciPrev, .wrap main.column_main .mv .topicList .topciNext {
    display: block;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 20;
  }
  .wrap main.column_main .mv .topicList .topciPrev::before, .wrap main.column_main .mv .topicList .topciNext::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #b59768;
    border-radius: 32px;
  }
  .wrap main.column_main .mv .topicList .topciPrev::after, .wrap main.column_main .mv .topicList .topciNext::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.wrap main.column_main .mv .topicList .topciPrev {
  left: 0;
  background: linear-gradient(to right, rgb(254, 248, 241) 0%, rgb(254, 248, 241) 50%, rgba(254, 248, 241, 0) 100%);
}
.wrap main.column_main .mv .topicList .topciPrev::after {
  left: 40px;
  background-image: url("../img/common/arrow-topics-left_wht.svg");
}
.wrap main.column_main .mv .topicList .topciPrev::before {
  left: 26px;
}
.wrap main.column_main .mv .topicList .topciNext {
  right: 0;
  background: linear-gradient(to left, rgb(254, 248, 241) 0%, rgb(254, 248, 241) 50%, rgba(254, 248, 241, 0) 100%);
}
.wrap main.column_main .mv .topicList .topciNext::after {
  right: 40px;
  background-image: url("../img/common/arrow-topics-right_wht.svg");
}
.wrap main.column_main .mv .topicList .topciNext::before {
  right: 26px;
}
.wrap main.column_main .mv .topicDrower {
  position: fixed;
  top: 120vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fef8f1;
  opacity: 0;
  z-index: 0;
  transition: 0.5s;
  overflow-y: scroll;
  padding: 0 12px 120px;
}
@media screen and (min-width:601px) {
  .wrap main.column_main .mv .topicDrower {
    display: none;
  }
}
.wrap main.column_main .mv .topicDrower.topicDrowerOn {
  opacity: 1;
  top: 0;
  z-index: 9999;
}
.wrap main.column_main .mv .topicDrower h3 {
  padding: 24px 0;
  margin-bottom: 0;
}
.wrap main.column_main .mv .topicDrower .topicCloseBtn {
  display: block;
  width: 24px;
  height: 32px;
  position: absolute;
  top: 20px;
  right: 12px;
  z-index: 1000;
  cursor: pointer;
}
.wrap main.column_main .mv .topicDrower .topicCloseBtn::before, .wrap main.column_main .mv .topicDrower .topicCloseBtn::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #000000;
  position: absolute;
}
.wrap main.column_main .mv .topicDrower .topicCloseBtn::before {
  top: 50%;
  transform: rotate(45deg);
}
.wrap main.column_main .mv .topicDrower .topicCloseBtn::after {
  top: 50%;
  transform: rotate(-45deg);
}
.wrap main.column_main .mv .topicDrower ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.wrap main.column_main .mv .topicDrower ul li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 4%;
  border-radius: 6px;
}
.wrap main.column_main .mv .topicDrower ul li:nth-child(3n) {
  margin-right: 0;
}
.wrap main.column_main .mv .topicDrower ul li img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 100%;
}
.wrap main.column_main .mv .topicDrower ul li .topicText {
  padding: 10px 8px;
  height: 94px;
  background-color: #ffffff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.wrap main.column_main .mv .topicDrower ul li .topicText p {
  letter-spacing: -0.5px;
  text-align: justify;
}
.wrap main.column_main .mv .topicDrower ul li .topicText p b {
  font-weight: bold;
  display: inline;
  margin-right: 4px;
}
.wrap main.column_main .mv .favList h3 {
  margin-bottom: 8px;
}
.wrap main.column_main .mv .favList > p {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.wrap main.column_main .mv .favList > p a {
  color: #b59768;
  font-weight: bold;
  position: relative;
  padding-right: 16px;
}
.wrap main.column_main .mv .favList > p a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 7px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url("../img/common/arrow-right-bge.svg");
  background-size: 7px 15px;
}
.wrap main.column_main .mv .favList .item_detail button {
  display: none;
}
.wrap main.column_main .mv .checkItem {
  box-shadow: 0 32px 48px -64px rgba(0, 0, 0, 0.5), 0 -32px 48px -64px rgba(0, 0, 0, 0.5);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.wrap main.column_main .mv .checkItem .checkItemInr {
  overflow-x: auto;
}
@media screen and (min-width:1441px) {
  .wrap main.column_main .mv .checkItem .checkItemInr {
    overflow-x: visible;
  }
}
.wrap main.column_main .mv .checkItem .checkItemInr ul {
  display: flex;
  width: 920px;
}
@media screen and (min-width:1441px) {
  .wrap main.column_main .mv .checkItem .checkItemInr ul {
    width: 100%;
  }
}
.wrap main.column_main .mv .checkItem .checkItemInr ul li {
  margin-right: 10px;
  width: 80px;
  height: 80px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .checkItem .checkItemInr ul li {
    width: 92px;
    height: 92px;
  }
}
.wrap main.column_main .mv .checkItem .checkItemInr ul li img {
  width: 100%;
}
.wrap main.column_main .mv .rankingList .rankTab {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e9ebef;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .rankingList .rankTab {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.wrap main.column_main .mv .rankingList .rankTab li {
  width: 19.2%;
  margin-right: 1%;
  border-radius: 5px;
  margin-bottom: 8px;
  text-align: center;
  border: 1px solid #e9ebef;
  color: #b59768;
  font-size: 14px;
  border-radius: 8px;
  padding: 4px 0;
  cursor: pointer;
}
.wrap main.column_main .mv .rankingList .rankTab li:nth-child(5n) {
  margin-right: 0;
}
.wrap main.column_main .mv .rankingList .rankTab li.crntTab {
  background-color: #b59768;
  border: none;
  color: #ffffff;
  font-weight: bold;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: none;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.crntCnts {
  display: flex;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail {
    flex-basis: 25%;
    max-width: 25%;
  }
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(n+5) {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(-n+4) .orgPriceInr {
    justify-content: flex-start;
  }
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(-n+4) .orgPriceInr .rateOff {
    margin-left: 24px;
  }
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail .itemImgBox {
  position: relative;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail .itemImgBox > p {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 0;
  font-weight: bold;
  background-color: #e9ebef;
  color: #666666;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail .itemImgBox > p {
    top: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
  }
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(1) .itemImgBox > p {
  background-color: #d6b437;
  color: #ffffff;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(2) .itemImgBox > p {
  background-color: #999999;
  color: #ffffff;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(3) .itemImgBox > p {
  background-color: #9c6724;
  color: #ffffff;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(n+10) {
  display: none;
}
.wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(10) {
  display: none;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .rankingList .rankCnts .cnts.item_box .item_detail:nth-child(10) {
    display: block;
  }
}
.wrap main.column_main .mv .rankingList .rankMoreBtn {
  text-align: center;
  margin-top: 40px;
}
.wrap main.column_main .mv .rankingList .rankMoreBtn p {
  width: 220px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid #222222;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  cursor: pointer;
}
.wrap main.column_main .mv .rankingList .rankMoreBtn p:nth-child(2) {
  display: none;
}
.wrap main.column_main .mv .rankingList .rankMoreBtn.rankCloseBtn p:nth-child(1) {
  display: none;
}
.wrap main.column_main .mv .rankingList .rankMoreBtn.rankCloseBtn p:nth-child(2) {
  display: inline-flex;
}
.wrap main.column_main .mv .popuBrand .popuBrandInr {
  overflow-x: auto;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .popuBrand .popuBrandInr {
    overflow-x: visible;
  }
}
.wrap main.column_main .mv .popuBrand .popuBrandInr ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .popuBrand .popuBrandInr ul {
    width: 100%;
  }
}
.wrap main.column_main .mv .popuBrand .popuBrandInr ul li {
  width: calc(50% - 6px);
  margin-bottom: 20px;
  box-shadow: 0 0 12px -4px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width:601px) {
  .wrap main.column_main .mv .popuBrand .popuBrandInr ul li {
    width: calc(33.3% - 8px);
  }
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .popuBrand .popuBrandInr ul li {
    width: calc(20% - 16px);
  }
}
.wrap main.column_main .mv .popuBrand .popuBrandInr ul li img {
  width: 100%;
}
.wrap main.column_main .mv .staffReco .staffRecoWrap {
  border: 1px solid #e9ebef;
  border-left: none;
  border-right: none;
  padding-top: 10px;
  padding-bottom: 30px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap {
    border: 1px solid #e9ebef;
    padding: 20px 35px;
  }
}
.wrap main.column_main .mv .staffReco .staffRecoWrap > p {
  background-color: #fef8f1;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr img {
  width: 140px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr img {
    width: 150px;
  }
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR {
  width: calc(100% - 140px - 12px);
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR {
    width: calc(100% - 150px - 12px);
  }
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoDiscPrice {
  color: #888888;
  text-decoration: line-through;
  margin-top: 16px;
  font-size: 13px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoDiscPrice {
    margin-top: 12px;
  }
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoDiscPrice span {
  font-size: 10px;
  padding: 5px 6px;
  background-color: #fc0d0c;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  margin-left: 4px;
  margin-top: -3px;
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoPrice {
  color: #fc0d0c;
  margin-top: 12px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoPrice {
    margin-top: 8px;
  }
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR p.recoPrice span {
  font-size: 12px;
}
.wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR button {
  width: 200px;
  height: 47px;
  border: 1px solid #b59768;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 19px;
}
@media screen and (min-width:961px) {
  .wrap main.column_main .mv .staffReco .staffRecoWrap .staffRecoInr .staffRecoInrR button {
    height: 39px;
    margin-top: 18px;
  }
}
.wrap main.column_main .mv .all_section .item_box {
  margin-bottom: 40px;
}
.wrap main.column_main .mv .all_section .item_detail:nth-child(49), .wrap main.column_main .mv .all_section .item_detail:nth-child(50) {
  display: none;
}
.wrap main.column_main.item {
  padding-left: 0;
}
.wrap main.column_main.item section.main .info .option_box h4 {
  color: #b59768;
}
.wrap main.column_main.item section.main .info .option_box dl {
  flex-wrap: wrap;
}
.wrap main.column_main.item section.main .info .option_box dl dd {
  margin-bottom: 8px;
  width: 100%;
}
.wrap main.column_main.item section.main .info .option_box dl dd select {
  width: 100%;
}
.wrap main.column_main.item section.main .info button {
  background-color: #b59768;
}
.wrap main.column_main.item section.main .sub_info > ul {
  display: none;
}
.wrap main.column_main.item section.main .sub_info p.comment {
  padding: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}
.wrap main.column_main.category section.recommend .pagenation .page-item.active .page-link {
  background-color: #b59768;
  border-color: #b59768;
}
.wrap section.banner_l_area {
  width: 100%;
}
@media screen and (min-width:961px) {
  .wrap section.banner_l_area {
    overflow: hidden;
  }
}
.wrap section.banner_l_area ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 16px;
}
@media screen and (min-width:961px) {
  .wrap section.banner_l_area ul {
    flex-wrap: nowrap;
    width: 200vw;
  }
}
.wrap section.banner_l_area ul li {
  width: 100%;
  margin-bottom: 8px;
}
@media screen and (min-width:961px) {
  .wrap section.banner_l_area ul li {
    width: auto;
    margin-right: 4px;
  }
}
.wrap section.banner_l_area ul li img {
  width: 100%;
}
@media screen and (min-width:961px) {
  .wrap section.banner_l_area ul li img {
    width: auto;
    height: 84px;
  }
}
.wrap h3.title {
  border-bottom: 1px solid #b59768;
}
.wrap h3.title::before {
  background-color: #b59768;
}
.wrap .btn_brown {
  background-color: #b59768;
}
.wrap .link_brown {
  border-color: #b59768;
  color: #b59768;
}
.wrap .link_brown:hover {
  background-color: #b59768;
}
.wrap main.mypage .history ul:not(.pagination) li .detail dl dt {
  border-color: #b59768;
  color: #b59768;
}
.wrap main.mypage .family ul li dl dt {
  color: #b59768;
}
.wrap main.register_member .address_list h4, .wrap main.shipping_edit .address_list h4 {
  background-color: #b59768;
}
.wrap div[class^=tab] ul li.active a {
  background-color: #b59768;
}
.wrap .tab_bottom, .wrap .tab_top {
  border-color: #b59768;
}
.wrap h2.page_title::after {
  background-color: #b59768;
}
.wrap main.list_page .item_list_box .item_header {
  background-color: #b59768;
}
.wrap main.login .btn_design, .wrap main.forgot .btn_design {
  background-color: #b59768;
}

/* news */
.wrap .news_section .news_detail .news_content {
  padding: 16px 12px;
  line-height: 22px;
  letter-spacing: 0.5px;
}
@media screen and (min-width:801px) {
  .wrap .news_section .news_detail .news_content {
    padding: 32px 24px;
    line-height: 26px;
  }
}

/* cart */
.wrap .link_brown, .wrap .btn-outline-brown {
  border-color: #b59768 !important;
  color: #b59768 !important;
  background-color: transparent !important;
  font-weight: bold;
}
.wrap .link_brown:hover, .wrap .btn-outline-brown:hover {
  color: #ffffff !important;
  background-color: #b59768 !important;
}
.wrap main.cart_page section.cart_list .item_list_box {
  position: relative;
}
.wrap main.cart_page section.cart_list .item_list_box .item_header {
  background-color: #b59768;
}
.wrap main.cart_page section.cart_list .item_list_box .item_header ul {
  padding: 12px 0;
  align-content: center;
}
.wrap main.cart_page section.cart_list .item_list_box .item_header ul li {
  margin-bottom: 0;
  border-right: 1px solid #ffffff;
}
.wrap main.cart_page section.cart_list .item_list_box .item_header ul li:last-child {
  border: none;
}
.wrap main.cart_page section.cart_list .item_list_box .item_header ul li .add_favorite_box button {
  color: #ffffff !important;
}
.wrap main.cart_page section.cart_list .item_list_box .ec-cartRow .item_list .item_detail .item_num {
  justify-content: center;
}
.wrap main.cart_page section.cart_list .item_list_box .total_amount .final dl {
  flex-wrap: wrap;
}
.wrap main.cart_page section.cart_list .item_list_box .total_amount .final dl dt {
  width: 50%;
  font-size: 12px;
}
.wrap main.cart_page section.cart_list .item_list_box .total_amount .final dl dd {
  width: 50%;
  text-align: right;
}
.wrap main.cart_page section.cart_list .item_list_box .deliveryNotice {
  margin: 12px 0;
  color: #fc0d0c;
  font-size: 12px;
  letter-spacing: -0.5px;
}
@media screen and (min-width:601px) {
  .wrap main.cart_page section.cart_list .item_list_box .deliveryNotice {
    text-align: center;
  }
}
@media screen and (min-width:1201px) {
  .wrap main.cart_page section.cart_list .item_list_box .deliveryNotice {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -50px;
    margin: 0;
  }
}
.wrap main.cart_page section.cart_list .to_buy button {
  max-width: 320px;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f36a4a;
  border-radius: 4px;
  color: #ffffff;
  border-color: #f36a4a;
  font-weight: bold;
}
@media screen and (min-width:1201px) {
  .wrap main.cart_page section.cart_list .to_buy button {
    margin-top: 80px;
  }
}
.wrap main.cart_page section.cart_list .to_buy button:hover {
  background-color: #f36a4a;
  color: #ffffff;
  opacity: 0.7;
}
.wrap main.cart_page section.cart_list .cartRegi a.link_brown {
  background-color: #f36a4a;
  border-color: #f36a4a;
  color: #ffffff;
}
.wrap main.cart_page section.cart_list .cartRegi a.link_brown:hover {
  background-color: transparent;
  color: #f36a4a;
}
.wrap main.cart_page .btn-brown {
  background-color: #b59768;
  border: none;
  font-weight: bold;
}
.wrap aside.cart_page ul li a {
  border-color: #b59768 !important;
  color: #b59768 !important;
  font-weight: bold;
}
.wrap main.list_page .item_list_box .item_header {
  background-color: #b59768;
}
.wrap main.list_page .item_list_box .item_header ul {
  padding: 12px 0;
  align-content: center;
}
.wrap main.list_page .item_list_box .item_header ul li {
  margin-bottom: 0;
  border-right: 1px solid #ffffff;
}
.wrap main.list_page .item_list_box .item_header ul li:last-child {
  border: none;
}

/* complete */
.cart_page main.orderComp {
  text-align: center;
}
.cart_page main.orderComp p.orderCompNote, .cart_page main.orderComp p.deliveryNotice {
  display: inline-block;
  text-align: justify;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width:601px) {
  .cart_page main.orderComp p.orderCompNote, .cart_page main.orderComp p.deliveryNotice {
    line-height: 2;
  }
}
.cart_page main.orderComp p.orderCompNote strong, .cart_page main.orderComp p.deliveryNotice strong {
  display: block;
  margin-bottom: 16px;
  text-align: center;
}
.cart_page main.orderComp p.btnLink {
  margin-top: 24px;
}
/* page_product_detail */
#page_product_detail .wrap {
  /* itemDetail */
}
#page_product_detail .wrap main.item .discount {
  border-radius: 4px;
  font-size: 16px;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap main.item .discount {
    font-size: 20px;
  }
}
#page_product_detail .wrap main.item .discount.rateOff {
  color: #ffffff;
  background-color: #fc0d0c;
  text-decoration: none;
  display: block;
  margin-left: 8px;
  margin-right: 2px;
  border-radius: 3px;
  font-weight: bold;
  border-color: #fc0d0c;
  margin-bottom: 4px;
}
#page_product_detail .wrap main.item .discount.rateOff.off_10 {
  background-color: #ffffff;
  color: #fc0d0c;
}
#page_product_detail .wrap main.item .discount.rateOff.off_1 {
  background-color: transparent;
  color: #666666;
  border: 1px solid #666666;
}
#page_product_detail .wrap main.item section.main .quantity_box button {
  background-color: transparent;
}
#page_product_detail .wrap main.item section.main .management_code {
  margin-bottom: 40px;
}
#page_product_detail .wrap main.item section.main p.ricekg {
  font-size: 22px;
  color: #222222;
  font-weight: 700;
}
#page_product_detail .wrap main.item section.main .itemCartWrap {
  position: relative;
}
#page_product_detail .wrap main.item section.main .itemCartWrap .add-cart, #page_product_detail .wrap main.item section.main .itemCartWrap .mx-auto {
  width: 240px;
}
@media screen and (min-width:801px) {
  #page_product_detail .wrap main.item section.main .itemCartWrap .add-cart, #page_product_detail .wrap main.item section.main .itemCartWrap .mx-auto {
    margin-left: 0 !important;
  }
}
#page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite {
  width: 100%;
  height: 30px;
  background-color: transparent;
  text-align: center;
  border: none;
  font-size: 14px;
  margin-top: 12px;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite {
    text-align: left;
  }
}
@media screen and (min-width:1441px) {
  #page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite {
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0px;
    margin-top: 0;
  }
}
#page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite span {
  border: 1px solid #fc0d0c;
  margin-top: 12px;
  padding: 4px 8px 4px 4px;
  border-radius: 4px;
  margin-bottom: 8px;
}
#page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite span::before {
  font-size: 16px;
  content: "♡";
  margin-right: 4px;
  color: #fc0d0c;
  margin-right: 4px;
  display: inline-block;
  transform: translateY(2px);
}
#page_product_detail .wrap main.item section.main .itemCartWrap .add_favorite.disabled span::before {
  content: "♥";
}
#page_product_detail .wrap .itemDetailWrap p.itemDetailDescription {
  margin: 0 auto 24px;
}
#page_product_detail .wrap .itemDetailWrap h3 {
  position: relative;
  padding: 16px 0;
  text-align: center;
  font-size: 20px;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap .itemDetailWrap h3 {
    font-size: 24px;
  }
}
#page_product_detail .wrap .itemDetailWrap h3::before, #page_product_detail .wrap .itemDetailWrap h3::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
#page_product_detail .wrap .itemDetailWrap h3::before {
  top: 0;
}
#page_product_detail .wrap .itemDetailWrap h3::after {
  bottom: 0;
}
#page_product_detail .wrap .itemDetailWrap > img {
  width: 100%;
}
#page_product_detail .wrap .itemDetailWrap ul {
  margin-top: 40px;
}
#page_product_detail .wrap .itemDetailWrap ul li {
  width: 100%;
  max-width: 414px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  border: none;
  padding-top: 0;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap .itemDetailWrap ul li {
    margin-bottom: 40px;
    max-width: 100%;
  }
}
#page_product_detail .wrap .itemDetailWrap ul li img {
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap .itemDetailWrap ul li img {
    width: 450px;
    margin-right: 40px;
  }
}
#page_product_detail .wrap .itemDetailWrap ul li p {
  text-align: justify;
  line-height: 1.75;
}
@media screen and (min-width:961px) {
  #page_product_detail .wrap .itemDetailWrap ul li p {
    width: calc(100% - 490px);
    font-size: 16px;
  }
}
#page_product_detail .wrap .itemDetailWrap ul li p span {
  display: table;
  padding: 4px 8px;
  background-color: #939597;
  color: #ffffff;
  margin-bottom: 12px;
}
#page_product_detail .wrap .itemDetailWrap ul li br {
  display: none;
}
#page_product_detail .wrap .itemDetailWrap ul br {
  display: none;
}

/* #page_shopping */
@media screen and (min-width:801px) {
  #page_shopping section.cart_list {
    padding-bottom: 0;
  }
}
@media screen and (min-width:801px) {
  #page_shopping section.coupon, #page_shopping section.address,
#page_shopping section.payment, #page_shopping section.delivery {
    padding-top: 100px;
    padding-bottom: 0;
  }
}
@media screen and (min-width:961px) {
  #page_shopping section.coupon, #page_shopping section.address,
#page_shopping section.payment, #page_shopping section.delivery {
    padding-top: 130px;
    padding-bottom: 0;
  }
}
@media screen and (min-width:801px) {
  #page_shopping section.delivery {
    margin-bottom: 100px;
  }
}
@media screen and (min-width:961px) {
  #page_shopping section.delivery {
    margin-bottom: 130px;
  }
}
#page_shopping .address ul li a.change_address_btn,
#page_shopping .address > p .link_brown {
  max-width: 240px;
}
#page_shopping p.ownedPoint {
  display: block;
  width: 100%;
  margin: 0 0 12px;
}
#page_shopping p.ownedPoint span {
  color: #fc0d0c;
}

/* member registry */
.wrap main.register_member form ul.form_list {
  margin-left: 0;
}
@media screen and (min-width:801px) {
  .wrap main.register_member form ul.form_list {
    margin-left: 80px;
  }
}
.wrap main.register_member form ul.form_list li dl.familyRegi {
  max-width: 640px;
}
.wrap main.register_member.registerComplete .page_title {
  line-height: 1.5;
}
.wrap main.register_member.registerComplete .couponWrap {
  width: 320px;
  height: 160px;
  margin: 24px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width:961px) {
  .wrap main.register_member.registerComplete .couponWrap {
    height: 120px;
  }
}
.wrap main.register_member.registerComplete .couponWrap .couponL {
  width: calc(100% - 56px);
  height: 100%;
  border: 2px solid #f36a4a;
  border-right: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wrap main.register_member.registerComplete .couponWrap .couponL p {
  font-size: 24px;
  line-height: 1.25;
  color: #f36a4a;
  text-align: center;
}
.wrap main.register_member.registerComplete .couponWrap .couponL p span {
  display: block;
  color: #666666;
  font-size: 0.5em;
  margin-top: 12px;
}
.wrap main.register_member.registerComplete .couponWrap .couponR {
  width: 56px;
  height: 100%;
  background-color: #f36a4a;
  border-left: 2px dotted #fff;
  position: relative;
}
.wrap main.register_member.registerComplete .couponWrap .couponR p {
  position: absolute;
  top: 40px;
  left: -20px;
  transform: rotate(90deg);
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
}
.wrap main.register_member.registerComplete .couponWrap > p {
  text-align: center;
  margin: 16px 0;
  line-height: 1.5;
  width: 100%;
}
.wrap main.register_member.registerComplete .couponWrap > p strong {
  display: block;
  color: #f36a4a;
}
.wrap main.register_member.registerComplete .compLoginBtn {
  margin-top: 120px;
}
.wrap main.register_member.registerComplete > p {
  margin-top: 200px;
}
.wrap main.register_member.registerComplete.limitedRegisterComplete {
  max-width: 600px;
  width: calc(100% - 32px);
  margin: 0 auto 100px;
}
.wrap main.register_member.registerComplete.limitedRegisterComplete * {
  box-sizing: border-box;
}
.wrap main.register_member.registerComplete.limitedRegisterComplete h2.page_title {
  font-size: 16px;
}
@media screen and (min-width:961px) {
  .wrap main.register_member.registerComplete.limitedRegisterComplete h2.page_title {
    text-align: center;
  }
}
.wrap main.register_member.registerComplete.limitedRegisterComplete .couponWrap {
  width: 100% !important;
}
.wrap main.register_member.registerComplete.limitedRegisterComplete .couponWrap .couponR p {
  left: -16px;
}

#page_entry main.register_member form .dsWrap p {
  font-weight: 700;
  font-size: 1.1em;
  color: #f36a4a;
}

/* #page_mypage */
#page_mypage .wrap main.mypage section.leave {
  text-align: center;
}
#page_mypage .wrap main.mypage section.leave .d-md-flex a {
  margin: 0 auto !important;
}
#page_mypage .wrap main.mypage section.leave .leaveText {
  margin-top: 12px;
}
#page_mypage .wrap main.mypage section.leave .leaveText a {
  text-decoration: underline;
}
#page_mypage .wrap main.mypage section.leave .withdrBtn {
  display: inline-block;
  text-align: left;
}

.qaBtn {
  text-align: center;
  margin-bottom: 24px;
}
.qaBtn a {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: inline-block;
  align-items: center;
  height: 32px;
  background-color: #e9ebef;
  padding-top: 6px;
  color: #222222;
  text-align: center;
}

/* #page_mypage_history */
#page_mypage_history section.history > ul > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  border: none;
}
#page_mypage_history section.history > ul > li time {
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
#page_mypage_history section.history > ul > li .historyDetail {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#page_mypage_history section.history > ul > li .historyDetail dl {
  width: 100%;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li .historyDetail dl:first-child {
    margin-bottom: 12px;
  }
}
#page_mypage_history section.history > ul > li .historyBtn {
  width: 50%;
  text-align: right;
}
#page_mypage_history section.history > ul > li .historyBtn p {
  margin-left: auto;
}
#page_mypage_history section.history > ul > li .historyBtn p:nth-child(2) {
  margin-top: 12px;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 12px 0;
  border: 1px solid #e9ebef;
  padding: 16px 16px 12px;
  margin-top: 16px;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  border: none;
  text-align: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #e9ebef;
  padding: 0 0 16px;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li {
    justify-content: space-between;
    text-align: left;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li a {
  width: 120px;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li a {
    width: 80px;
    margin: 8px 8px 0 8px;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li a figure {
  margin-bottom: 8px;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li a figure img {
  width: 100%;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .itemText {
  width: calc(100% - 120px);
  padding: 0 0 0 6px;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .itemText {
    max-width: 300px;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .itemText .itemName {
  text-align: justify;
  height: 56px;
  overflow-y: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .itemText .itemName {
    height: auto;
    overflow: visibility;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .itemText .itemPrice {
  font-weight: bold;
  margin: 8px 0 12px;
  text-align: left;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn {
  width: calc(100% - 120px);
  margin-left: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  transform: translateY(-32px);
  margin-bottom: -32px;
}
@media screen and (min-width:601px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn {
    justify-content: flex-end;
  }
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn {
    width: 140px;
    margin-left: 0;
    text-align: right;
    transform: none;
    margin-bottom: 0;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn a, #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn button {
  display: block;
  font-size: 10px;
  width: 90px;
  padding: 4px 0;
  border: 1px solid #222222;
  border-radius: 8px;
  text-align: center;
  letter-spacing: -0.5px;
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn a, #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn button {
    font-size: 14px;
    width: 140px;
  }
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn a {
  margin: 0;
}
#page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn button {
  border-color: #fc0d0c;
  color: #fc0d0c;
}
@media screen and (min-width:601px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn button {
    margin-left: 8px;
  }
}
@media screen and (min-width:801px) {
  #page_mypage_history section.history > ul > li > ul.orderItemImg > li .historyItemBtn button {
    margin-top: 12px;
    margin-left: 0;
  }
}

/* pages */
#page_user_data .wrap {
  max-width: 100%;
  overflow-x: hidden;
}
#page_user_data .wrap main.column_main {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#page_user_data .wrap main.column_main section.renewWrap > div {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap > div {
    margin-top: 80px;
  }
}
#page_user_data .wrap main.column_main section.renewWrap h3 {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 28px;
  position: relative;
  z-index: 30;
  text-align: center;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap h3 {
    font-size: 40px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 1rem 2rem calc(1rem + 10px);
    background-color: #FBC70D;
  }
  #page_user_data .wrap main.column_main section.renewWrap h3::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    border: 3px solid #222222;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewBnr {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}
#page_user_data .wrap main.column_main section.renewWrap .renewBnr img {
  display: block;
  min-width: calc(100% + 300px);
  transform: translateX(-150px);
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewBnr img {
    min-width: 100%;
    transform: translateX(0%);
  }
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail h3 br {
    display: none;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-bottom: 12px;
  margin-top: 40px;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr {
    overflow-x: visible;
  }
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr {
    margin-top: 80px;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl {
    width: calc(100% - 320px);
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl dt img {
  width: 64px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl dd {
  width: calc(100% - 64px);
  padding-left: 16px;
  line-height: 170%;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: justify;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl dd {
    margin-bottom: 64px;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr dl dd span {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  text-decoration: underline;
}
#page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr div {
  display: none;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr div {
    display: block;
    width: 320px;
    padding-left: 60px;
  }
  #page_user_data .wrap main.column_main section.renewWrap .renewDetail .renewDetailInr div img {
    width: 100%;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint {
  font-weight: bold;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > img {
  width: 100%;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewPoint h3 br {
    display: none;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint h3 span {
  display: block;
  font-size: 0.5em;
  letter-spacing: 2px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > p {
  font-size: 15px;
  margin-top: 24px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewPoint > p {
    text-align: center;
    font-size: 16px;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > p img {
  margin-top: 24px;
  margin-bottom: 24px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > p span {
  color: #fc0d0c;
  text-align: center;
  display: block;
  margin-top: 24px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > p span b {
  font-size: 2em;
  margin-left: 2px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint > p > br {
  display: none;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewPoint > p > br {
    display: block;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint div {
  margin-top: 16px;
  margin-bottom: 40px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint div > p {
  background-color: #666666;
  color: #ffffff;
  padding: 12px;
  letter-spacing: -0.75px;
  line-height: 200%;
}
#page_user_data .wrap main.column_main section.renewWrap .renewPoint div > p span {
  color: #fc0d0c;
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate {
  margin-top: 40px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate > p {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate ul li {
  flex-basis: 25%;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewCate ul li {
    flex-basis: 20%;
    padding: 16px;
  }
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate ul li img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#page_user_data .wrap main.column_main section.renewWrap .renewCate ul li p {
  text-align: center;
  font-weight: bold;
  margin-top: 12px;
  white-space: pre;
  height: 35px;
}
#page_user_data .wrap main.column_main section.renewWrap .renewItem {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#page_user_data .wrap main.column_main section.renewWrap .renewItem h3 {
  text-align: center;
}
#page_user_data .wrap main.column_main section.renewWrap .renewItem .item_box .item_detail {
  flex-basis: 50%;
  max-width: 50%;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main section.renewWrap .renewItem .item_box .item_detail {
    flex-basis: 25%;
    max-width: 25%;
  }
}
#page_user_data .wrap main.column_main.column_template {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
#page_user_data .wrap main.column_main.column_template aside.left {
  float: none;
  order: 0;
}
#page_user_data .wrap main.column_main.column_template.column_template_side {
  max-width: 1350px;
}
#page_user_data .wrap main.column_main.column_template.column_template_side section.templateWrap {
  max-width: 1080px;
  margin-left: 0;
}
#page_user_data .wrap main.column_main.column_template.column_template_full section.templateWrap {
  max-width: 100% !important;
  margin-left: 0;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template.column_template_full section.templateWrap .tempWrap .tempSec.tempPick ul li img {
    padding: 0 16px;
  }
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template.column_template_full section.templateWrap .tempWrap .tempSec.tempRank ul li {
    padding: 0 16px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap {
  width: 100%;
  max-width: 1080px !important;
  order: 2;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap {
    margin-left: 40px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader {
  width: 100%;
  position: relative;
  text-align: center;
  /*>div{
  	margin-top:12px;
  	@include mdq('lg') {position:absolute; top:28px; left:50%;}
  	h2{
  		text-align:center; font-size:25px; line-height:150%;
  		@include mdq('lg') {text-align:left; margin-top:32px;}
  	}
  	p{
  		display:inline-block; font-size:16px; line-height:2; margin-top:0px;
  	}
  }*/
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader > img {
  display: block;
  width: 100vw;
  max-width: 100vw;
  transform: translateX(-21px);
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader > img {
    width: 100%;
    transform: none;
  }
}
@media screen and (min-width:1201px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader > img {
    width: 100%;
    transform: none;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader > p {
  display: inline-block;
  text-align: left;
  margin: 20px auto;
  font-size: 16px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempHeader > p {
    font-size: 19px;
    line-height: 2;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec {
    margin-top: 80px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec h3 {
  display: block;
  width: 100%;
  font-size: 24px;
  margin-top: 12px;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec h3 {
    margin-bottom: 48px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec p {
  text-align: justify;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec .tempItemListBtn {
  text-align: center;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec .tempItemListBtn {
    margin-top: -80px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec .tempItemListBtn a {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: inline-flex;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner {
  margin-bottom: 80px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px;
  }
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner img {
    width: 55%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p {
  margin-top: 16px;
  text-align: justify;
  font-size: 14px;
  position: relative;
  line-height: 1.75;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p {
    width: 45%;
    padding: 32px 5%;
    font-size: 16px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p > img {
  display: block;
  width: 200px;
  margin: 16px auto;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p > img {
    width: 280px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p b {
  text-align: center;
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p span {
  display: block;
  text-align: center;
  margin-top: 20px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p span a {
  display: inline-block;
  width: 120px;
  height: 32px;
  background-color: #666;
  text-align: center;
  line-height: 200%;
  color: #fff;
  border-radius: 4px;
  padding-top: 0px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner p span.imaPrice {
  font-size: 22px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner a {
  display: block;
  width: 45%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner a img {
  width: 100%;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner.recoInnerRev img {
    order: 2;
  }
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempReco .recoInner.recoInnerRev p {
    order: 1;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 40px;
  text-align: right;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li {
    width: 23.5%;
  }
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li:nth-child(2n) {
    margin-right: 2%;
  }
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li:nth-child(4n) {
    margin-right: 0%;
  }
}
@media screen and (min-width:1201px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li {
    width: 18.4%;
  }
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li:nth-child(4n) {
    margin-right: 2%;
  }
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li:nth-child(5n) {
    margin-right: 0%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p {
  font-size: 14px;
  text-align: left;
  line-height: 150%;
  color: #222222;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.tempItemName {
  text-align: left;
  margin-top: 8px;
  line-height: 1.5em;
  max-height: 3em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.motoPrice {
  text-decoration: line-through;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.sellPrice {
  color: #fc0d0c;
  font-weight: 700;
  font-size: 22px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.priceAtari {
  font-weight: 700;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.disRate {
  position: absolute;
  right: 25px;
  bottom: 40px;
  color: #EB503C;
  display: inline-block;
  border: 1px solid #EB503C;
  padding: 2px;
  margin-top: 2px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.tempPrice {
  text-align: center;
  font-weight: 700;
  margin-top: 4px;
  height: 40px;
  overflow: hidden;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li p.tempPrice span {
  display: block;
  color: #fc0d0c;
  font-size: 0.75em;
  letter-spacing: -0.5px;
  -webkit-text-decoration: line-throught;
          text-decoration: line-throught;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li a img {
  display: block;
  width: 100%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick ul li a:hover img {
  opacity: 0.8;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick .recoAllBtn {
  text-align: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempPick .recoAllBtn a {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  font-size: 14px;
  line-height: 200%;
  background-color: #666;
  color: #fff;
  border-radius: 4px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li {
  position: relative;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li::after {
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding-top: 4px;
  font-size: 20px;
  background-color: #222222;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(1) {
  width: 100%;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(1) {
    width: 32%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(1) a img {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(1) a img {
    width: 100%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(1)::after {
  content: "1";
  background-color: #d6b437;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(2) {
  width: 49%;
  margin-right: 2%;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(2) {
    width: 32%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(2)::after {
  content: "2";
  background-color: #999999;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(3) {
  width: 49%;
  margin-right: 0;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(3) {
    width: 32%;
    margin-right: 0;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(3)::after {
  content: "3";
  background-color: #9c6724;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(4) {
  width: 49%;
  margin-right: 2%;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(4) {
    width: 23.5%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(4)::after {
  content: "4";
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(5) {
  width: 49%;
  margin-right: 0;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(5) {
    width: 23.5%;
    margin-right: 2%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(5)::after {
  content: "5";
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(6) {
  width: 49%;
  margin-right: 2%;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(6) {
    width: 23.5%;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(6)::after {
  content: "6";
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(7) {
  width: 49%;
  margin-right: 0;
}
@media screen and (min-width:801px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(7) {
    width: 23.5%;
    margin-right: 0;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempRank ul li:nth-child(7)::after {
  content: "7";
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempBtnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempBtnList dl {
  width: 24%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempBtnList dl dt {
  width: 100%;
  background-color: #e9ebef;
  padding: 16px;
  text-align: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap .tempSec.tempBtnList dl dd a {
  display: inline-block;
  width: 100%;
  padding: 16px;
  text-align: center;
  border: 1px solid #e9ebef;
  margin-top: 16px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.ricePage h3 {
  display: block;
  width: 100%;
  color: #ffffff;
  padding: 8px;
  background-color: #f36a4a;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage {
  text-align: center;
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 80px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage {
    line-height: 2;
    font-size: 16px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3 {
  font-size: 20px;
  display: inline-block;
  width: auto;
  margin-bottom: 16px;
  position: relative;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3 {
    font-size: 32px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::before, #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::after {
  content: "";
  position: absolute;
  top: 12px;
  height: 3px;
  width: 16px;
  background-color: #000000;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::before, #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::after {
    top: 20px;
    width: 32px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::before {
  left: -20px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::before {
    left: -50px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::after {
  right: -20px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h3::after {
    right: -50px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h4 {
  display: block;
  text-align: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h4 strong {
  display: inline-block;
  background-color: #F2F2F2;
  min-width: 360px;
  padding: 12px 24px;
  border-radius: 10px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage h4 strong {
    min-width: 480px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec {
  max-width: 1084px;
  margin: 50px auto 0;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec {
    margin-top: 100px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.agsCamp {
  margin-top: 24px;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.agsCamp {
    margin-top: 55px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.agsCamp p {
  text-align: justify;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.agsCamp p {
    text-align: center;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS a img {
  margin-top: 20px;
  border: 1px solid #939597;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS a img {
    margin-top: 32px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS > p {
  text-align: justify;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS > p {
    text-align: center;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li {
  text-align: center;
  width: 32%;
  margin-right: 2%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li:nth-child(3) {
  margin-right: 0;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li img {
  width: 60px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li img {
    width: 100px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li p {
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS ul li p {
    font-size: 20px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift {
  margin-top: 80px;
  position: relative;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift {
    margin-top: 120px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift > img {
  width: 40px;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift > img {
    top: -70px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift > p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift > p {
    font-size: 24px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift ul li {
  width: 100%;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift ul li {
    width: 50%;
    margin-right: 0;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift ul li img {
  width: 100%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift a.agsLinkBtn {
  margin: 44px auto 0;
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #000000;
  border-radius: 54px;
  width: 240px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .selGift a.agsLinkBtn {
    width: 332px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable {
  margin: 50px auto 0;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable {
    margin-top: 100px;
    max-width: 480px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p {
  font-size: 16px;
  line-height: 2;
  margin-top: 32px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p {
    font-size: 20px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p span {
  font-size: 20px;
  font-weight: bold;
  display: block;
  color: #CB0C55;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p span {
    font-size: 28px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p b {
  display: block;
  font-size: 1.1em;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable p i {
  font-style: normal;
  display: inline-block;
  margin: 0 0 0 24px;
  font-size: 0.85em;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable .agsLinksBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable .agsLinksBtn a {
  margin: 55px auto 0;
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #000000;
  border-radius: 54px;
  width: 180px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.aboutAGS .agsSuitable .agsLinksBtn a {
    width: 200px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.endPeriod p {
  text-align: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.endPeriod p strong {
  font-size: 32px;
  font-weight: bold;
  display: block;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.endPeriod p strong {
    font-size: 48px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.endPeriod p span {
  color: #939597;
  font-size: 12px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.endPeriod p span {
    font-size: 16px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet h4 {
  margin-top: 40px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > img {
  width: 100%;
  margin-top: 24px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > img.pointTiming {
  display: none;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > img.pointTiming {
    display: block;
    width: 87%;
    margin: 12px auto 0;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > img.pointTiming.pointTimingSp {
  display: block;
  width: 280px;
  margin: 12px auto 0;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > img.pointTiming.pointTimingSp {
    display: none;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li {
  width: 100%;
  margin-top: 80px;
  position: relative;
}
@media screen and (min-width:961px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li {
    width: 32%;
    margin-right: 2%;
    margin-top: 0;
  }
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li:nth-child(3) {
    margin-right: 0;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li span {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li span {
    font-size: 32px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li img {
  display: block;
  margin: 16px auto 0;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li:nth-child(1) {
  margin-top: 24px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li:nth-child(1) img {
  width: 251px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li:nth-child(2) img {
  width: 127px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li:nth-child(3) img {
  width: 245px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li.step_1::after, #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li.step_2::after {
  content: "";
  display: block;
  width: 16px;
  height: 25px;
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/referral/icon-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: -56px;
  right: 50%;
  transform: translateX(50%);
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li.step_1::after, #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li.step_2::after {
    background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/referral/icon-arrow_r.svg);
    bottom: auto;
    top: 45%;
    right: -16px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li p {
  margin: 24px auto 0;
  font-size: 14px;
  font-weight: normal;
  max-width: 240px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li p span {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li p span::after {
  content: "";
  width: 150px;
  height: 1px;
  background-color: #222222;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet ul li p b {
  color: #939597;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet h5 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 32px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet h5 {
    font-size: 32px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet > a {
  font-size: 32px;
  font-weight: bold;
  color: #0093FF;
  text-decoration: underline;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.referralPage .tempSec.pointGet p.copyBtn {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  width: 280px;
  margin: 24px auto 0;
  border-radius: 54px;
  cursor: pointer;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage {
  width: 100%;
  max-width: 780px !important;
  margin: 0 auto 80px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg {
  width: 100%;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg#design {
  padding-top: 120px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg#kounai {
  padding-top: 120px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg#yappari {
  padding-top: 120px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg#yappari img:last-child {
  margin-top: 80px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzImg#erabikata {
  padding-top: 120px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzBtnTop {
  display: block;
  margin: 40px 0;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzAnc {
  background-color: #e6e6e6;
  padding: 40px 12px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzAnc {
    padding: 80px 40px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzAnc ul li {
  width: 90%;
  max-width: 700px;
  margin: 0 auto 16px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzAnc ul li {
    margin: 0 auto 40px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.mirzPage .mirzBtnBtm {
  display: block;
  margin-top: 40px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .tempHeader h2 {
  font-size: 22px;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .tempHeader p {
  max-width: 800px;
  margin: 16px auto;
  background-color: #ffdddd;
  padding: 16px;
  line-height: 1.2;
  font-size: 1em;
  line-height: 2;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail {
  width: 800px;
  margin: 24px auto 0;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail h3 {
  font-size: 0.9em;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail dl dt {
  width: 160px;
  height: 100%;
  padding: 8px;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail dl dt {
    width: 240px;
  }
}
#page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail dl dd {
  width: calc(100% - 160px);
  padding: 16px 8px;
  background-color: #fafafa;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template section.templateWrap .tempWrap.prohibited .prohDetail dl dd {
    width: calc(100% - 240px);
  }
}
#page_user_data .wrap main.column_main.column_template .riceSide {
  position: relative;
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr {
  position: fixed;
  top: 145px;
  left: -250px;
  z-index: 10;
  width: 250px;
  transition: 0.5s;
  background-color: #ffffff;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.25);
  padding: 16px;
  background-color: #e9ebef;
}
@media screen and (min-width:601px) {
  #page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr {
    top: 160px;
  }
}
@media screen and (min-width:1441px) {
  #page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr {
    position: static;
    top: auto;
    left: auto;
    width: 230px;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr h3 {
  font-size: 16px;
  margin-bottom: 16px;
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr dl {
  margin-bottom: 24px;
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr dl dt {
  background-color: #ffffff;
  padding: 2px 8px 4px;
}
@media screen and (min-width:1441px) {
  #page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr dl dt {
    background-color: #e9ebef;
  }
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr dl dd {
  margin-top: 8px;
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr dl dd a {
  border: 1px solid #b59768;
  border-radius: 50px;
  padding: 2px 8px 4px;
  white-space: nowrap;
  color: #b59768;
  margin-right: 8px;
  line-height: 2.5;
  background-color: #ffffff;
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr .riseSideBtn {
  position: absolute;
  top: 0;
  left: 250px;
  width: 24px;
  padding: 8px 8px 8px 18px;
  background-color: #b59768;
  color: #ffffff;
  writing-mode: vertical-rl;
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (min-width:1441px) {
  #page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr .riseSideBtn {
    display: none;
  }
}
#page_user_data .wrap main.column_main.column_template .riceSide .riceSideInr.riseSideBtnOn {
  left: 0;
}

.wrap.salePage {
  margin-top: 137px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 24px;
  margin-bottom: -60px;
}
@media screen and (min-width:961px) {
  .wrap.salePage {
    margin-top: 172px;
  }
}
.wrap.salePage.bkF {
  background-color: #000000;
  color: #ffffff;
}
.wrap.salePage.bkF .breadcrumb_box {
  background-color: #000000;
  color: #ffffff;
}
.wrap.salePage.bkF .breadcrumb_box ol.breadcrumb {
  background-color: transparent;
}
.wrap.salePage.bkF .cdtm span {
  color: #ffffff;
}
.wrap.salePage main.column_main {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 120px;
}
.wrap .ytcd .ytcdInr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 80px auto;
  max-width: 600px;
  padding: 40px;
  background-color: #fafafa;
}
.wrap .ytcd .ytcdInr #timerDisplay {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}
.wrap .ytcd .ytcdInr #timerDisplay p {
  display: inline-block;
}
.wrap .ytcd .ytcdInr #timerDisplay input {
  width: 20px;
  background-color: transparent;
  color: #939597;
}
.wrap .ytcd .ytcdInr #timerDisplay input#timerMinutes, .wrap .ytcd .ytcdInr #timerDisplay input#timerSecondATenth {
  display: none;
}
.wrap .ytcd .ytcdInr #hidden_contents {
  width: 240px;
  margin: 16px auto 0;
  padding: 8px;
  background-color: #fc0d0c;
  color: #ffffff;
  text-align: center;
}

/* makeshop free page */
.fpWrap {
  max-width: 1350px !important;
}
.fpWrap .tempHeader img {
  max-width: 100%;
  position: static;
  display: block;
  width: 100%;
}
.fpWrap .tempHeader > div {
  display: none;
}
.fpWrap .tempSec.rankList ul li a::before {
  top: 2px;
}
.fpWrap .tempSec.rankList ul li p.priceRate {
  position: absolute;
  left: 45px;
  bottom: 40px;
}

section.saleWrap {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
  paddgin-top: 120px;
}
section.saleWrap .saleBanner {
  position: relative;
}
section.saleWrap .saleBanner img {
  width: 100%;
}
section.saleWrap .saleBanner p.saleBannerNotice {
  margin-top: 12px;
  padding: 0 8px;
  font-size: 12px;
  text-align: justify;
  margin-bottom: 24px;
  line-height: 1.75;
}
section.saleWrap .saleBanner p.saleBannerNotice br {
  display: none;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleBanner p.saleBannerNotice {
    margin-top: 24px;
    font-size: 14px;
    text-align: center;
  }
  section.saleWrap .saleBanner p.saleBannerNotice br {
    display: block;
  }
}
section.saleWrap .saleBanner .cdtm {
  position: static;
  margin-top: 24px;
  right: 0;
  bottom: 16px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
section.saleWrap .saleBanner .cdtm span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleBanner .cdtm span {
    font-size: 40px;
  }
}
section.saleWrap .saleBanner .cdtm span.cdt_txt {
  display: block;
  width: 100%;
}
section.saleWrap .saleBanner .cdtm span.cdt_date {
  display: block;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
section.saleWrap .saleBanner > p {
  margin-top: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleBanner > p {
    font-size: 40px;
    margin-top: 40px;
  }
}
section.saleWrap h3 {
  margin-top: 24px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
@media screen and (min-width:961px) {
  section.saleWrap h3 {
    margin-top: 40px;
    font-size: 40px;
  }
}
section.saleWrap .saleItemList {
  margin-top: 16px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList {
    margin-top: 24px;
  }
}
section.saleWrap .saleItemList > p {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  background-color: #037D6F;
  padding: 4px 24px;
  color: #ffff00;
  font-weight: 700;
  /*&::after{
  content:''; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); width:40px; height:2px; background-color:$mbk;
  }*/
}
section.saleWrap .saleItemList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
section.saleWrap .saleItemList ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 24px;
}
section.saleWrap .saleItemList ul li:nth-child(2n) {
  margin-right: 0;
}
section.saleWrap .saleItemList ul li a {
  display: block;
  width: 100%;
}
section.saleWrap .saleItemList ul li a img {
  width: 100%;
}
section.saleWrap .saleItemList ul li .saleItem a {
  display: block;
}
section.saleWrap .saleItemList ul li .saleItem a img {
  width: 100%;
}
section.saleWrap .saleItemList ul li .saleItem .itemName {
  margin-top: 8px;
  height: 40px;
  overflow: hidden;
}
section.saleWrap .saleItemList ul li .saleItem .priceGrp {
  position: relative;
  margin-top: 12px;
}
section.saleWrap .saleItemList ul li .saleItem .priceGrp .orgPrice {
  text-decoration: line-through;
  font-size: 14px;
}
section.saleWrap .saleItemList ul li .saleItem .priceGrp .salePrice {
  color: #fc0d0c;
  font-size: 22px;
  font-weight: 700;
}
section.saleWrap .saleItemList ul li .saleItem .priceGrp .saleRate {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 3px 4px 2px;
  background-color: #fc0d0c;
  border-radius: 4px;
  color: #ffffff;
}
section.saleWrap .saleItemList.saleItemList1 ul li {
  width: 100%;
  margin-right: 0;
}
section.saleWrap .saleItemList.saleItemList1 ul li:nth-child(2n) {
  margin-right: 0;
}
section.saleWrap .saleItemList.saleItemList3 ul li {
  width: 32%;
  margin-right: 2%;
}
section.saleWrap .saleItemList.saleItemList3 ul li:nth-child(3n) {
  margin-right: 0;
}
section.saleWrap .saleItemList.saleItemList5 ul li {
  width: 32%;
  margin-right: 2%;
}
section.saleWrap .saleItemList.saleItemList5 ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemList5 ul li {
    width: 18.4%;
  }
  section.saleWrap .saleItemList.saleItemList5 ul li:nth-child(3n) {
    margin-right: 2%;
  }
  section.saleWrap .saleItemList.saleItemList5 ul li:nth-child(5n) {
    margin-right: 0;
  }
}
section.saleWrap .saleItemList.saleItemList6 ul li {
  width: 32%;
  margin-right: 2%;
}
section.saleWrap .saleItemList.saleItemList6 ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemList6 ul li {
    width: 15%;
  }
  section.saleWrap .saleItemList.saleItemList6 ul li:nth-child(3n) {
    margin-right: 2%;
  }
  section.saleWrap .saleItemList.saleItemList6 ul li:nth-child(6n) {
    margin-right: 0;
  }
}
section.saleWrap .saleItemList.saleMainItemList2 ul {
  justify-content: center;
}
section.saleWrap .saleItemList.saleMainItemList2 ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
section.saleWrap .saleItemList.saleMainItemList2 ul li:nth-child(2n) {
  margin-right: 0;
}
section.saleWrap .saleItemList.saleMainItemList3 ul {
  justify-content: center;
}
section.saleWrap .saleItemList.saleMainItemList3 ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
section.saleWrap .saleItemList.saleMainItemList3 ul li:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleMainItemList3 ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 24px;
  }
  section.saleWrap .saleItemList.saleMainItemList3 ul li:nth-child(3n) {
    margin-right: 0;
  }
}
section.saleWrap .saleItemList.saleItemListLR {
  margin: 24px auto 0;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR {
    margin-top: 80px;
  }
}
section.saleWrap .saleItemList.saleItemListLR ul {
  display: block;
  width: 100%;
}
section.saleWrap .saleItemList.saleItemListLR ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR ul li {
    margin-bottom: 80px;
  }
}
section.saleWrap .saleItemList.saleItemListLR ul li img {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR ul li img {
    margin-right: 24px;
  }
}
@media screen and (min-width:1201px) {
  section.saleWrap .saleItemList.saleItemListLR ul li img {
    max-width: 480px;
  }
}
section.saleWrap .saleItemList.saleItemListLR ul li p {
  width: 50%;
  padding-left: 8px;
  text-align: justify;
  line-height: 2;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR ul li p {
    margin-left: 24px;
    font-size: 16px;
  }
}
@media screen and (min-width:1201px) {
  section.saleWrap .saleItemList.saleItemListLR ul li p {
    max-width: 480px;
  }
}
section.saleWrap .saleItemList.saleItemListLR ul li p a {
  display: block;
  margin: 4px 0;
  text-decoration: underline;
}
section.saleWrap .saleItemList.saleItemListLR ul li:nth-child(2n) {
  flex-direction: row-reverse;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR ul li:nth-child(2n) img {
    margin-left: 24px;
    margin-right: auto;
  }
}
section.saleWrap .saleItemList.saleItemListLR ul li:nth-child(2n) p {
  padding-right: 8px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListLR ul li:nth-child(2n) p {
    margin-left: auto;
    margin-right: 24px;
  }
}
section.saleWrap .saleItemList.saleItemListLR .allSaleItem {
  margin-top: 40px;
}
section.saleWrap .saleItemList.saleItemListLR .allSaleItem a {
  font-size: 14px;
  background-color: #939597;
}
section.saleWrap .saleItemList.saleItemListVT {
  padding: 8px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT {
    padding: 16px;
  }
}
section.saleWrap .saleItemList.saleItemListVT .saleItemListVTLogo {
  text-align: center;
  margin: 8px auto;
}
section.saleWrap .saleItemList.saleItemListVT .saleItemListVTLogo img {
  max-width: 240px;
}
section.saleWrap .saleItemList.saleItemListVT .saleItemListVTTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 56px;
  background-color: #85B7B8;
  color: #ffffff;
  text-align: center;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListWD .saleItemListVTTitle {
  background-color: #70b1cd !important;
}
section.saleWrap .saleItemList.saleItemListVT ul {
  align-items: flex-end;
  margin-bottom: 40px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT ul {
    margin-bottom: 120px;
  }
}
section.saleWrap .saleItemList.saleItemListVT ul li {
  width: 33%;
  margin-bottom: 0;
  margin-right: 0;
  padding: 8px 16px 8px 0px;
  /*
  &:nth-child(3n){
  	margin-right:0;
  	@include mdq('md') {
  		margin-right:2%;
  	}
  }
  &:nth-child(4n){
  	@include mdq('md') {
  		margin-right:0;
  	}
  }
  */
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT ul li {
    width: 22%;
  }
}
section.saleWrap .saleItemList.saleItemListVT ul li:first-child {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 24px;
  position: relative;
  padding-left: 16px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT ul li:first-child {
    max-width: 34%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
section.saleWrap .saleItemList.saleItemListVT ul li p {
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT ul li p {
    position: absolute;
    top: 0;
    left: 105.4%;
    white-space: nowrap;
  }
}
section.saleWrap .saleItemList.saleItemListVT .allSaleItem a {
  font-size: 18px;
  background-color: #85B7B8;
  margin-bottom: 80px;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT .allSaleItem a {
    margin-bottom: 120px;
  }
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS {
  background-color: #d3948b;
  margin-top: 0;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS .saleItemListVTLogo {
  margin: 24px 0 32px;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS .saleItemListVTLogo img {
  max-width: 200px;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS .saleItemListVTTitle {
  background-color: #9B3536;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li {
  width: 100%;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 16px;
  }
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child {
    margin-top: 0;
  }
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p {
  line-height: 1.75;
  text-align: left;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p .couponCord {
  display: inline-block;
  border: 1px solid;
  padding: 8px;
  position: relative;
  font-size: 20px;
  margin-bottom: 80px;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p .couponCord b {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 14px;
  line-height: 1.75;
  white-space: nowrap;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p .couponCord b {
    top: -2px;
    left: 105%;
  }
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p {
    position: absolute;
    top: -74px;
    left: 280px;
  }
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p span {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 4px;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:first-child p span a {
  display: inline;
  border-bottom: 1px solid #0033cc;
  padding-bottom: 1px;
  color: #0033cc;
}
@media screen and (min-width:961px) {
  section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:nth-child(2) {
    margin-top: 100px;
  }
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li:nth-child(2) p {
  margin-bottom: 12px;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul li > p {
  position: static;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul > p {
  width: 100%;
  text-align: center;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.75;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS ul > p span {
  display: inline-block;
}
section.saleWrap .saleItemList.saleItemListVT.saleItemListAGS .allSaleItem a {
  height: 64px;
  background-color: #9b3536;
}
section.saleWrap .allSaleItem {
  margin-top: 24px;
  text-align: center;
}
section.saleWrap .allSaleItem a {
  background-color: #b59768;
  border-radius: 4px;
  width: 230px;
  height: 54px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: inline-flex;
  width: auto;
  padding: 4px 16px;
  border-radius: 12px;
  background-color: #D0010F;
  font-size: 24px;
  font-weight: 700;
}

section.qaWrap {
  width: 100%;
}
@media screen and (min-width:961px) {
  section.qaWrap {
    margin-left: 40px;
  }
}
section.qaWrap .qaDetail h4 {
  font-size: 14px;
  padding: 16px;
  text-align: center;
  width: 100%;
  background-color: #939597;
  color: #ffffff;
}
section.qaWrap .qaDetail dl {
  padding: 16px;
  line-height: 1.75;
}
section.qaWrap .qaDetail dl dt {
  position: relative;
  display: block;
  width: auto;
  margin-bottom: 16px;
}
section.qaWrap .qaDetail dl dt::before {
  content: "Q.";
  display: inline;
  margin-right: 8px;
  font-size: 1.5em;
}
section.qaWrap .qaDetail dl dt span {
  display: inline;
  position: relative;
  cursor: pointer;
  line-height: 2;
}
section.qaWrap .qaDetail dl dt span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -20px;
  width: 8px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("https://secretmall.jp/html/user_data/assets/img/common/arrow-right-bge.svg");
  background-size: 100%;
  transform: rotate(90deg);
  transition: 0.7s;
}
section.qaWrap .qaDetail dl dt span.qaOpen::after {
  transform: rotate(-90deg);
  right: -26px;
}
section.qaWrap .qaDetail dl dd {
  display: none;
  margin-bottom: 40px;
  padding: 16px 16px 24px;
  background-color: #e9ebef;
  border-radius: 8px;
}
section.qaWrap .qaDetail dl dd::before {
  content: "A.";
  display: inline;
  margin-right: 8px;
  font-size: 1.25em;
}

/* メルマガを受信ページ */
.mailJushin {
  color: #222222;
}
.mailJushin h2 {
  text-align: center;
  color: #222222;
}
.mailJushin ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 48px;
}
.mailJushin ul li {
  width: 100%;
  padding: 64px 12px 0;
  margin-bottom: 32px;
  line-height: 2;
  font-size: 16px;
}
@media screen and (min-width:601px) {
  .mailJushin ul li {
    width: 50%;
    padding-top: 72px;
    margin-bottom: 48px;
  }
}
@media screen and (min-width:801px) {
  .mailJushin ul li {
    width: 45%;
  }
}
@media screen and (min-width:961px) {
  .mailJushin ul li {
    width: 40%;
  }
}
.mailJushin ul li p {
  text-align: center;
  font-size: 1.25em;
  position: relative;
}
.mailJushin ul li p::before {
  content: "";
  position: absolute;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 22px;
  width: 48px;
  height: 48px;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}
.mailJushin ul li:nth-child(1) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/member.svg);
}
.mailJushin ul li:nth-child(2) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/reason.svg);
}
.mailJushin ul li:nth-child(3) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/cost.svg);
}
.mailJushin ul li:nth-child(4) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/sorry.svg);
  background-size: 100%;
}
.mailJushin ul li:nth-child(5) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/mail.svg);
}
.mailJushin ul li:nth-child(6) p::before {
  background-image: url(https://secretmall.jp/html/user_data/assets/img/pages/mail_magazine/commu.svg);
  background-size: 100%;
}
.mailJushin ul li span {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.75;
}

footer {
  padding-bottom: 24px;
}

/* outside */
.onMenu {
  position: relative;
}
.onMenu::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}
.onMenu .headerWrap .headerInr .smpNav {
  left: 0;
}
.onMenu .headerWrap .headerInr .navBtn button span {
  width: 0;
  height: 0;
  background-color: trasparent;
}
.onMenu .headerWrap .headerInr .navBtn button span::before {
  top: 0px;
  transform: rotate(45deg);
}
.onMenu .headerWrap .headerInr .navBtn button span::after {
  top: 0px;
  transform: rotate(-45deg);
}

.isFixed .onMenu {
  height: 100vh;
  overflow: hidden;
}

.dsOff {
  display: block;
}

.dsOn {
  display: none;
}