@charset "UTF-8";
/* ==========================================================================
 *	Foundation
 * ========================================================================== */
html {
  font-family: 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Helvetica, '游ゴシック', Meiryo, sans-serif;
  line-height: 1.231;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

body {
  font-weight: 500;
  color: #333;
}

a {
  display: block;
  text-decoration: none;
  color: #008DFF;
}

img {
  /* vertical-align: bottom; */
}

p {
  line-height: 1.5;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  a {
    -webkit-transition: .2s;
    transition: .2s;
  }
  a:hover {
    text-decoration: none;
  }
}

input::-ms-clear {
    visibility:hidden
}

/* ==========================================================================
 *	blockDoubleClick
 * ========================================================================== */
div.blockDoubleClick {
    background-color: rgba(255, 255, 255, 0.0);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
}

/* ==========================================================================
 *	Layout
 * ========================================================================== */
@media screen and (min-width: 768px) {
  #mainContents {
    padding-top: 20px;
  }
}

#header {
  position: relative;
  width: 100%;
  background: white;
  z-index: 10000;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(178, 178, 178, 0.8);
          box-shadow: inset 0 -1px 0 rgba(178, 178, 178, 0.8);
}

#header.is-sticky {
  -webkit-animation: stickyin .4s;
          animation: stickyin .4s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  position: fixed;
  top: 0;
}

.header__wrapper {
  display: block;
  width: 100%;
  overflow: hidden;
}

.header__foreign {
  display: none;
}

.header__brand {
  float: left;
  width: 14.375%;
  margin-right: auto;
}

.header__brand-copy {
  display: none;
}

.header__cart {
  display: none;
}

.header__logo {
  width: 100%;
}

.header__logo img {
  width: 100%;
}

.header__logo-type {
  display: none;
}

.header__info {
  display: none;
}

.header__navi {
  float: right;
  width: 85.625%;
  text-align: right;
  padding-left: 9.0625%;
}

.header__navi li {
  float: left;
  width: 19.591836735%;
}

.header__navi li img {
  width: 100%;
}

.header__navi-menu-open {
  background: #555555 url(/shop/cms/sp/images/btn_header_sp_menu_close.png) top center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  float: right !important;
  width: 19.591836735% !important;
}

.header__navi-menu-open a {
  background: none;
  margin: 0;
}

.header__navi-menu-open img {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.header__navi-menu-open.is-open {
  -webkit-animation: sp-menu-open-btn .4s;
          animation: sp-menu-open-btn .4s;
}

.header__navi-menu-open.is-open img {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}

.header__navi-cart {
  position: relative;
}

.header__navi-cart-icon {
  position: absolute;
  top: 7%;
  right: 18%;
  font-size: 10px;
  display: block;
  background: #fa6870;
  color: white;
  width: 15px;
  height: 15px;
  border-radius: 7px;
  text-align: center;
  font-weight: bold;
  line-height: 15px;
}

@-webkit-keyframes sp-menu-open-btn {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@keyframes sp-menu-open-btn {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  50% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@media screen and (min-width: 768px) {
  #header {
    *zoom: 1;
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #header:before, #header:after {
    display: table;
    content: " ";
  }
  #header:after {
    clear: both;
  }
  #header.is-sticky {
    position: relative;
  }
  .header__foreign {
    display: block;
    background: #555555;
    color: white;
    letter-spacing: -.24em;
    text-align: right;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5px calc( 50% - 960px / 2) 7px;
  }
  .header__foreign ul {
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: right;
  }
  .header__foreign-link {
    display: inline-block;
    letter-spacing: 0;
  }
  .header__foreign-link:after {
    position: relative;
    top: -1px;
    display: inline-block;
    content: '|';
    font-size: 12px;
    margin-left: .9em;
    margin-right: .8em;
  }
  .header__foreign-link:last-child:after {
    display: none;
  }
  .header__foreign a {
    display: inline-block;
    text-decoration: none;
    color: currentColor;
  }
  .header__wrapper {
    display: block;
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .header__brand {
    width: 30.25%;
    padding-top: 5px;
    padding-bottom: 17px;
    float: left;
    letter-spacing: -.24em;
  }
  .header__brand-copy {
    display: table-cell;
    font-size: 12px;
    font-size: 0.75rem;
    max-width: 29em;
    margin-bottom: 1em;
    letter-spacing: 0;
    height: 2.6em;
    vertical-align: middle;
    font-feature-settings: 'pkna';
  }
  .header__logo {
    display: none;
  }
  .header__logo-type {
    display: inline-block;
    vertical-align: middle;
  }
  .header__info {
    width: 37.8%;
    float: right;
    display: block;
    padding-top: 12px;
    padding-right: 5px;
  }
  .header__info > .header__cs {
    margin-left: -70px;
    margin-right: -3px;
  }
  .header__info > .header__cs-rank {
    display: block;
    margin-top: -5px;
    margin-bottom: -2px;
  }
  .header__info > .header__cs-rank .header__cs-rank-name {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .header__info > .header__cs-rank .header__cs-rank-name:after {
    border-top-width: 10px;
    border-bottom-width: 10px;
  }
  .header__info-row {
    clear: right;
    float: left;
  }
  .header__info-row:last-child {
    margin-top: 5px;
  }
  .header__cs {
    display: inline-block;
  }
  .header__cs-name {
    padding-top: 6px;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: right;
    color: #725756;
  }
  .header__cs-name a {
    display: inline-block;
    color: #725756;
    border-bottom: 1px solid;
  }
  .header__cs-name a:hover {
    border-bottom: none;
  }
  .header__cs-name span {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    padding-right: .25em;
  }
  .header__cs-rank {
    display: none;
    margin-right: 1.6em;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    margin-top: 1em;
  }
  .header__cs-rank-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    margin-right: 5px;
  }
  .header__cs-rank-name {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #725756;
    color: white;
    font-weight: bold;
    padding: .72em;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .header__cs-rank-name:after {
    position: absolute;
    top: 0;
    right: -1em;
    content: '';
    display: block;
    background: inherit;
    border: .6em solid transparent;
    border-top-width: 1.25em;
    border-bottom-width: 1.25em;
    border-right-color: white;
    -webkit-box-sizing: padding-box;
            box-sizing: padding-box;
  }
  .header__point {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1em;
    background: white;
  }
  .header__point-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    margin-right: .5em;
  }
  .header__point-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #fb676e;
    text-align: left;
    min-width: 4.5em;
  }
  .header__lost-point-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #e60012;
    text-align: left;
    min-width: 4.5em;
  }
  .header__coupon {
    display: inline-block;
    vertical-align: middle;
    background: #ffcc70;
    border: 2px solid white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2em;
    padding: 2px 5px;
    cursor: pointer;
  }
  .header__coupon img {
    position: relative;
    top: -1px;
    right: -3px;
    width: 21px;
    vertical-align: middle;
  }
  .header__coupon-title {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .header__coupon-count {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    font-size: 12px;
    font-size: 0.75rem;
    width: 1.8em;
    height: 1.8em;
    border-radius: .9em;
    background: white;
  }
  .header__entry {
    display: inline-block;
    width: 140px;
    text-align: center;
    margin-left: 1.5625%;
    padding-top: 8px;
    margin-right: 5px;
  }
  .header__favorite-wrapper {
    width: 114px;
    display: inline-block;
  }
  .header__login {
    width: 114px;
    display: inline-block;
  }
  .header__btn {
    clear: left;
    background: #bfaa8d;
    -webkit-box-shadow: 0 2px 0 #d7d1c5;
            box-shadow: 0 2px 0 #d7d1c5;
    border-radius: 4px;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    color: white;
    text-align: center;
  }
  .header__btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
  }
  .header__btn:hover {
    opacity: .8;
  }
  .header__btn--entry {
    padding-top: .3em;
    padding-bottom: .2em;
    margin-top: 5px;
  }
  .header__btn--entry img {
    margin-right: .25em;
  }
  .header__btn--login {
    padding-top: .5em;
    padding-bottom: .4em;
  }
  .header__btn--favorite {
    background: #ededed;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(50%, #fafafa), color-stop(51%, #ededed), to(#ededed));
    background-image: linear-gradient(to bottom, #fafafa 0, #fafafa 50%, #ededed 51%, #ededed 100%);
    border: 1px solid #e5e5e5;
    border-radius: 7px;
    color: black;
    font-weight: normal;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
            box-shadow: 0 2px 0 #d4d4d4;
    padding-top: .6em;
    padding-bottom: .5em;
    margin-bottom: 12px;
  }
  .header__btn--favorite:hover {
    opacity: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f5f5f5), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%);
  }
  .header__btn--favorite img {
    margin-right: .25em;
  }
  .header__cart {
    display: block;
    float: right;
    background: #f4f1eb;
    padding: 17px 3% 13px 2.7%;
    text-align: center;
    width: 21%;
    white-space: nowrap;
  }
  .header__cart > .header__cs-rank {
    display: block;
  }
  .header__cart-total {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-size: 0.8125rem;
    padding-top: 4px;
  }
  .header__cart-total span {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
  }
  .header__cart-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 6px;
  }
  .header__cart-icon span {
    position: absolute;
    top: -10px;
    right: -18px;
    font-size: 13px;
    font-size: 0.8125rem;
    display: block;
    background: #fe6769;
    color: white;
    width: 1.8em;
    height: 1.8em;
    border-radius: .9em;
    text-align: center;
    font-weight: bold;
    line-height: 1.7;
    border: 2px solid white;
  }
  .header__cart-btn {
    margin-top: 6px;
    background: #fa7977;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
    background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
    border: 2px solid #fa6867;
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
            box-shadow: 0 2px 0 #d4d4d4;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: .7em 0 .6em;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
  }
  .header__cart-btn:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f35e5d), color-stop(50%, #f35e5d), color-stop(51%, #f24a4a), to(#f24a4a));
    background-image: linear-gradient(to bottom, #f35e5d 0, #f35e5d 50%, #f24a4a 51%, #f24a4a 100%);
    border-color: #fa6968;
  }
  .header__navi {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .header__cart {
    width: auto;
  }
  .header__info {
    width: 43%;
    padding-right: 42px;
  }
  .header__info > .header__cs {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
  }
  .header__info > .header__cs-rank {
    display: none;
  }
  .header__info-row {
    float: right;
  }
  .header__info-row:last-child {
    margin-top: 0;
    margin-left: -70px;
  }
  .header__point {
    width: 10.8em;
    text-align: right;
  }
  .header__cs-rank {
    display: inline-block;
  }
  .header__cs-rank-name {
    height: 32px;
  }
  .header__entry {
    margin-left: 15px;
  }
  .header__favorite-wrapper {
    width: 120px;
  }
  .header__login {
    width: 120px;
  }
  .header__cart .header__cs-rank {
    display: none;
  }
}

#simple-header {
  position: relative;
  width: 100%;
  background: white;
  z-index: 10000;
  padding: 20px;
  text-align: center;
}

.simple-header__logo {
  display: none;
}

.simple-header__logo-type {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #simple-header {
    text-align: left;
    padding-bottom: 0;
  }
  .simple-header__logo {
    display: none;
  }
  .simple-header__logo-type {
    display: inline-block;
    vertical-align: middle;
  }
  .simple-header__logo-type img {
    width: 170px;
  }
}

.global-navi {
  display: none;
}

@-webkit-keyframes stickyin {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes stickyin {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes stickyout {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes stickyout {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes mega-menu-icon-in {
  0% {
    bottom: -2px;
    opacity: 0;
  }
  20% {
    bottom: -2px;
  }
  100% {
    bottom: -3px;
    opacity: 1;
  }
}

@keyframes mega-menu-icon-in {
  0% {
    bottom: -2px;
    opacity: 0;
  }
  20% {
    bottom: -2px;
  }
  100% {
    bottom: -3px;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .global-navi {
    position: relative;
    display: block;
    background: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #fafafa), to(#fafafa));
    background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #fafafa 51%, #fafafa 100%);
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    z-index: 10000;
  }
  .global-navi.is-sticky {
    width: 100%;
    -webkit-animation: stickyin .4s;
            animation: stickyin .4s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    position: fixed;
    top: 0;
  }
  .global-navi__wrapper {
    position: relative;
  }
  .global-navi__lists {
    display: table;
    width: 100%;
  }
  .global-navi__list {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #d4d4d4;
    -webkit-box-shadow: -1px 0 0 #fff;
            box-shadow: -1px 0 0 #fff;
  }
  .global-navi__list:before {
    pointer-events: none;
    position: absolute;
    content: '';
    display: block;
    bottom: -2px;
    left: 50%;
    border: 5px solid white;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-box-shadow: 1px -1px 0 #d4d4d4;
            box-shadow: 1px -1px 0 #d4d4d4;
    width: 10px;
    height: 10px;
    opacity: 0;
    z-index: 10001;
    -webkit-transform: rotate(-45deg) translateX(-50%);
        -ms-transform: rotate(-45deg) translateX(-50%);
            transform: rotate(-45deg) translateX(-50%);
  }
  .global-navi__list.is-selected:before {
    opacity: 1;
    bottom: -3px;
    -webkit-animation: mega-menu-icon-in .2s;
            animation: mega-menu-icon-in .2s;
  }
  .global-navi__list a {
    text-align: center;
    position: relative;
    display: block;
    color: black;
    text-decoration: none;
    padding: 5px 16px;
    overflow: hidden;
    line-height: 1;
    font-size: 16px;
    font-size: 1rem;
  }
  .global-navi__list--search {
    border-right: 1px solid #d4d4d4;
  }
  .global-navi__list--search img {
    display: block;
    position: relative;
    top: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
  }
  .global-navi__list--search a {
    text-align: center;
    padding-left: 17px;
  }
  .global-navi__list--search a:after {
    display: inline-block;
    content: '';
    border: 4px solid transparent;
    border-top-color: #000;
    margin-left: 5px;
  }
  .global-navi__menu {
    position: absolute;
    top: 100%;
  }
}

@media screen and (min-width: 960px) {
  .global-navi.is-locked {
    position: relative !important;
  }
  .global-navi__list a {
    padding: 21px 16px;
  }
  .global-navi__list--search img {
    display: inline-block;
    top: 2px;
    margin-right: .5em;
    margin-bottom: 0;
  }
}

.sp-menu {
  position: absolute;
  top: -100%;
  bottom: auto;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9999;
  -webkit-transition: .5s;
  transition: .5s;
  overflow: hidden;
}

.sp-menu.is-show {
  display: block;
  top: 90px;
  top: calc(14vw);
  height: auto;
}

.sp-menu__header {
  *zoom: 1;
  background: #ede6da;
  padding: 10px;
}

.sp-menu__header:before, .sp-menu__header:after {
  display: table;
  content: " ";
}

.sp-menu__header:after {
  clear: both;
}

.sp-menu__header-left {
  float: left;
  width: 70%;
}

.sp-menu__header-left > a {
  display: inline-block;
}

.sp-menu__header-right {
  float: right;
  width: 27.8125%;
  border-left: 1px dotted #bda678;
  padding-left: 10px;
  text-align: center;
}

.sp-menu__header-name {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-left: 3px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sp-menu__header-name span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-right: .25em;
}

.sp-menu__header-name a {
  border-bottom: 1px solid;
  display: inline-block;
  color: #725756;
}

.sp-menu__header-cs-rank {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: 1em;
  margin-bottom: 1em;
}

.sp-menu__header-cs-rank span {
  position: relative;
  background: #725756;
  color: white;
  display: inline-block;
  font-weight: bold;
  padding: 11px .3em 9px;
  line-height: 0;
}

.sp-menu__header-cs-rank span:after {
  position: absolute;
  top: 0;
  right: -1em;
  content: '';
  display: block;
  background: inherit;
  border: .6em solid transparent;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-right-color: #ede6da;
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  height: 1.6em;
}

.sp-menu__header-point {
  background: white;
  display: inline-block;
  padding: 2px 5px;
}

.sp-menu__header-point-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.1;
  text-align: center;
  margin-right: .5em;
}

.sp-menu__header-point-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fb676e;
  text-align: left;
  min-width: 4.5em;
}

.sp-menu__header-lost-point-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  color: #e60012;
  text-align: left;
  min-width: 4.5em;
}

.sp-menu__header-coupon {
  display: inline-block;
  vertical-align: middle;
  background: #ffcc70;
  border: 2px solid white;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2em;
  padding: 1px 5px;
}

.sp-menu__header-coupon span {
  color: black;
}

.sp-menu__header-coupon img {
  position: relative;
  top: -2px;
  width: 16px;
  vertical-align: middle;
}

.sp-menu__header-coupon-title {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 11px;
  font-size: 0.6875rem;
}

.sp-menu__header-coupon-count {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 2;
  font-size: 11px;
  font-size: 0.6875rem;
  width: 1.8em;
  height: 1.8em;
  border-radius: .9em;
  background: white;
}

.sp-menu__header-cart {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 4px;
  margin-bottom: 3px;
}

.sp-menu__header-cart span {
  position: absolute;
  top: -5px;
  right: -15px;
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
  background: #fa6870;
  color: white;
  width: 1.8em;
  height: 1.8em;
  border-radius: .9em;
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
  border: 2px solid white;
}

.sp-menu__header-total {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 5px;
  text-align: center;
}

.sp-menu__header-total span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.sp-menu__header-entry-btn {
  width: 51.627906977%;
}

.sp-menu__header-login-btn {
  width: 42.325581395%;
}

.sp-menu__header-cart-btn.c-btn {
  background: #fa6867;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
  background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
  border: 2px solid #fa6867;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
          box-shadow: 0 2px 0 #d4d4d4;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 3px;
  padding: .7em 0;
}

.sp-menu__lead-entry {
  margin-top: 20px;
}

.sp-menu__pickup {
  margin-bottom: 30px;
}

.sp-menu__navi-item {
  width: 100%;
  display: block;
  border-bottom: 1px solid #868686;
}

.sp-menu__navi-item img {
  width: 28px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.sp-menu__close-btn {
  padding: 5%;
}

@media screen and (min-width: 768px) {
  .sp-menu {
    display: none;
  }
}

.category-search {
  width: 100%;
}

.category-search__title {
  background: #595959;
  padding: .5em 1em;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.category-search__upper-link {
  position: relative;
  background: #f4f1eb;
  font-size: 17px;
  font-size: 1.0625rem;
  border-bottom: 1px solid #d7d1c5;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition: .25s;
  transition: .25s;
  overflow: hidden;
  width: 100%;
  display: table;
}

.category-search__upper-link-direct {
  display: table-cell;
  width: 82%;
  text-decoration: underline;
}

.category-search__upper-link-direct img {
  width: 17.39% !important;
}

.category-search__upper-link-opener {
  display: table-cell;
  width: 18%;
}

.category-search__upper-link:before, .category-search__upper-link:after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: '';
  -webkit-transition: .25s;
  transition: .25s;
  pointer-events: none;
}

.category-search__upper-link:before {
  background: white;
  width: 7.8125%;
  padding-top: 7.8125%;
  border-radius: 20%;
}

.category-search__upper-link:after {
  top: 40%;
  right: 25px;
  right: calc(1.5% + 20px);
  border: 3px solid #bfaa8d;
  border-left: none;
  border-bottom: none;
  width: 2.35%;
  padding-top: 2.35%;
  height: 0;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transform: rotate(135deg) translate(10%, 30%);
      -ms-transform: rotate(135deg) translate(10%, 30%);
          transform: rotate(135deg) translate(10%, 30%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.category-search__upper-link.is-open {
  border-bottom: 1px solid white;
}

.category-search__upper-link.is-open:before {
  background: #bfaa8d;
}

.category-search__upper-link.is-open:after {
  border-color: white;
  -webkit-transform: rotate(-45deg) translate(-40%);
      -ms-transform: rotate(-45deg) translate(-40%);
          transform: rotate(-45deg) translate(-40%);
}

.category-search__upper-link > a {
  padding: 10px;
  color: currentColor;
}

.category-search__upper-link img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 14.0625%;
}

.category-search__lower-link {
  font-size: 15.5px;
  font-size: 0.96875rem;
  border-bottom: 1px solid #d7d1c4;
  line-height: 2;
}

.category-search__lower-link > a {
  padding: 10px;
}

.category-search__lower-link img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 7.8125%;
}

.category-search__form {
  padding: 10px;
}

.category-search__form input {
  padding: .4em !important;
  line-height: 1.6 !important;
  border: 2px solid #e9e0d2 !important;
  background: white;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.category-search__form-title {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 5px;
  margin-top: 10px;
}

.category-search__form-keyword {
  float: left;
  position: relative;
  width: 82%;
  width: calc(100% - 54px);
}

.category-search__form-keyword > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border-radius: 0 !important;
}

.category-search__form-price {
  float: left;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
}

.category-search__form-price2 {
  float: left;
  width: 82%;
  width: calc(100% - 54px);
  font-weight: bold;
  white-space: nowrap;
}

.category-search__form-price > input,
.category-search__form-price2 > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 36%;
  margin-right: 5px;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.category-search__form-button {
  float: right;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #bfaa8d;
  background: #bfaa8d;
  border-radius: 5px;
  padding: 10px;
  padding-top: 9px;
}

.category-search__line, .category-search__description, .category-search__em-text {
  display: none;
}

@media screen and (min-width: 768px) {
  .category-search {
    *zoom: 1;
    background: #f4f1eb;
  }
  .category-search:before, .category-search:after {
    display: table;
    content: " ";
  }
  .category-search:after {
    clear: both;
  }
  .category-search__title {
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
  }
  .category-search__inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .category-search__upper-link {
    display: inline-block;
    width: auto;
    border-bottom: none !important;
    font-weight: bold;
    height: 70px;
  }
  .category-search__upper-link:before {
    display: none;
  }
  .category-search__upper-link:after {
    border-color: #bfaa8d !important;
    -webkit-transform: rotate(45deg) translateY(-10%) !important;
        -ms-transform: rotate(45deg) translateY(-10%) !important;
            transform: rotate(45deg) translateY(-10%) !important;
    width: 10px;
    padding-top: 10px;
  }
  .category-search__upper-link a {
    text-decoration: none;
    line-height: 48px;
  }
  .category-search__upper-link img {
    width: 50px;
  }
  .category-search__upper-link-direct {
    display: block;
    width: auto;
    padding-right: 2.5em !important;
  }
  .category-search__upper-link-direct img {
    width: 50px !important;
    max-height: 50px;
  }
  .category-search__upper-link-opener {
    display: none;
  }
  .category-search__lower-links {
    *zoom: 1;
    display: block !important;
    border-top: 2px solid #d7d1c5;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .category-search__lower-links:before, .category-search__lower-links:after {
    display: table;
    content: " ";
  }
  .category-search__lower-links:after {
    clear: both;
  }
  .category-search__lower-links .c-link-list__item {
    border: none;
    width: 100%;
    max-width: 188px;
  }
  .category-search__lower-links .c-link-list__item .c-link {
    display: block;
    min-height: 0;
    padding-top: .7em;
    padding-bottom: .7em;
  }
  .category-search__lower-links .c-link-list__item .c-link:after {
    border-width: .15em;
    width: 6px;
    height: 6px;
  }
  .category-search__lower-link {
    font-weight: bold;
    display: inline-block;
    min-width: 12em;
    border-bottom: none;
    margin-bottom: 1em;
    /* width: 100%; */
    line-height: 1.2;
  }
  .category-search__lower-link a {
    padding-right: 2em;
  }
  .category-search__lower-link img {
    display: block;
    float: left;
    width: 26px;
    position: relative;
    top: -2px;
  }
  .category-search__lower-link-column {
    float: left;
    width: 190px;
    border-right: 1px solid #d7d1c5;
  }
  .category-search__lower-link-column:last-child {
    border-right: 0;
  }
  .category-search__lower-link-column--twoline {
    width: 380px;
  }
  .category-search__lower-link-bodycare {
    padding-top: 2px !important;
    line-height: 1.2;
  }
  .category-search__lower-link-bodycare img {
    position: relative;
    top: 3px;
    width: 28px;
    margin-right: 2px;
  }
  .category-search__form {
    display: none;
  }
  .category-search__line {
    clear: both;
    display: block;
    position: relative;
    margin-left: calc( -50vw + 50%);
    margin-right: calc( -50vw + 50%);
    margin-bottom: .7em;
    border-bottom: 1px solid #d7d1c5;
    -webkit-box-shadow: 0 1px 0 #ffffff;
            box-shadow: 0 1px 0 #ffffff;
  }
  .category-search__line hr {
    display: none;
  }
  .category-search__haircare {
    float: left;
    width: 56.25%;
  }
  .category-search__haircare .category-search__lower-link {
    width: 35%;
    display: block;
    float: left;
    min-width: 0;
  }
  .category-search__haircare__wig {
    width: 30% !important;
  }
  .category-search__kenkoukaden {
    float: right;
    width: 38.333333333%;
  }
  .category-search__kenkoukaden .category-search__lower-link {
    float: left;
    display: block;
    width: 50%;
    min-width: 10em;
  }
  .category-search__supplement {
    float: left;
    min-height: 195px;
    margin-top: 1em;
    border-bottom: 1px solid #d7d1c5;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
  }
  .category-search__supplement:before, .category-search__supplement:after {
    display: table;
    content: " ";
    
  }
  .category-search__supplement:after {
    clear: both;
  }
  .category-search__supplement .category-search__lower-link {
    /* float: left; */
    display: block;
    width: 100%;
    min-width: 10em;
  }
  .category-search__supplement__diet {
    width: 52% !important;
  }
  .category-search__fasion {
    float: right;
    width: 56.25%;
  }
  .category-search__fasion .category-search__lower-link {
    min-width: 0;
  }
  .category-search__fasion .category-search__lower-link .c-link img {
    margin-right: 2px;
  }
  .category-search__fasion .category-search__lower-link-column {
    width: 33.5%;
  }
  .category-search__fasion .category-search__lower-link-column--komono {
    width: 36%;
  }
  .category-search__fasion .category-search__lower-link-column--accessory {
    width: 30.5%;
  }
  .category-search__brand .category-search__upper-link:after {
    display: none;
  }
  .category-search__brand .category-search__lower-links {
    letter-spacing: -.34em;
    padding-top: .5em;
  }
  .category-search__brand .category-search__lower-link {
    width: 20%;
    vertical-align: middle;
    min-width: 0;
    letter-spacing: 0;
    margin-bottom: 0;
  }
  .category-search__other {
    float: left;
    width: 20.104166667%;
  }
  .category-search__other .category-search__upper-link {
    width: 100%;
  }
  .category-search__other .category-search__upper-link:after {
    right: 5px;
  }
  .category-search__other .category-search__upper-link-direct {
    padding-right: 0 !important;
    width: 100%;
  }
  .category-search__youto {
    float: right;
    width: 75.3125%;
  }
  .category-search__youto .category-search__upper-link {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .category-search__youto .category-search__lower-link {
    width: 33%;
    float: left;
    margin-bottom: 0;
  }
  .category-search__onayami-list {
    float: left;
    padding-left: .5em;
  }
  .category-search__onayami-list li {
    float: none;
  }
  .category-search__description {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .category-search__em-text {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    text-align: right;
    margin-bottom: 2em;
  }
}

.search {
  width: 100%;
}

.search__title {
  background: #595959;
  padding: .5em 1em;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.search__upper-link {
  position: relative;
  background: #f4f1eb;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  border-bottom: 1px solid #d7d1c5;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition: .25s;
  transition: .25s;
}

.search__upper-link > a {
  padding: 10px;
  padding-right: 40px;
  color: currentColor;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 4em;
}

.search__upper-link img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 14.0625%;
}

.search__upper-link__thumb {
  width: 24% !important;
  margin-right: 2% !important;
}

.search__upper-link__brand-logo {
  width: 74% !important;
  margin-right: 0 !important;
}

.search__upper-link--brand {
  width: 50%;
  float: left;
  border-right: 1px solid #d7d1c5;
}

.search__upper-link--brand:nth-child(2n) {
  border-right: none;
}

.search__selected {
  margin-left: 1em;
  font-size: 16px;
  font-size: 1rem;
  padding: 5px;
  background: #e9e4da;
  min-height: 3em;
  display: flex;
  align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.search__selected img {
  width: 17%;
}

.search__selected--brand {
  text-align: center;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search__selected--brand img {
  width: auto;
  margin-right: 0;
  max-width: 90%;
}

.search__selected--youto {
  padding: 5px 10px;
}

.search__selected-title {
  white-space: nowrap;
}

.search__inner {
  padding: 15px 20px;
}

.search__check-list {
  border-top: 1px solid #d7d1c5;
  margin-top: 5px;
}

.search__check-list li {
  padding-left: .7em;
  font-size: 13px;
  font-size: 0.8125rem;
}

.search__check-list label {
  width: 100%;
  display: block;
  padding: 1em;
}

.search__submit-btn {
  font-size: 19px;
  font-size: 1.1875rem;
}

#footer {
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footer__contact {
  margin-bottom: 25px;
}

.footer__contact a {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.footer__contact img {
  width: 100%;
}

.footer__logo-area {
  margin-bottom: 15px;
}

.footer__logo-area ul {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
}

.footer__logo-area li {
  display: inline-block;
  margin: 0 5px;
}

.footer__logo-area li:nth-child(1) {
  width: 20px;
}

.footer__logo-area li:nth-child(2) {
  width: 70px;
}

.footer__full-navi {
  display: none;
}

.footer__navi {
  display: block;
  overflow: hidden;
}

.footer__navi-item {
  float: left;
  width: 50%;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4d4d4d !important;
  border-bottom: 1px solid #868686;
  border-right: 1px solid #868686;
  font-size: 12px;
  font-size: 0.75rem;
}

.footer__navi-item:nth-child(2n) {
  border-right: none;
}

.footer__copyright {
  width: 100%;
  padding: 1em;
  text-align: center;
  background: #161616;
  color: white;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
}

.footer__copyright--simple {
  background: none;
  color: #000000;
  font-weight: normal;
  padding: 1em 0 0;
}

@media screen and (min-width: 768px) {
  #footer {
    margin-top: 0;
    background: url(/shop/cms/sp/images/bg_footer.png);
  }
  #footer.footer--simple {
    background: none;
  }
  #footer.footer--simple .footer__navi {
    margin-bottom: 50px;
    border-color: #dedede;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #footer.footer--simple .footer__navi-item a {
    color: currentColor;
  }
  #footer.footer--simple .footer__navi-item a:after {
    top: 55%;
    border-color: currentColor;
  }
  .footer__inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .footer__logo-area {
    background: white;
    padding: 40px 0;
    margin-bottom: 0;
  }
  .footer__logo-area ul {
    display: block;
    text-align: center;
  }
  .footer__logo-area li {
    display: inline-block;
  }
  .footer__logo-area li:nth-child(1) {
    width: 40px;
  }
  .footer__logo-area li:nth-child(2) {
    width: 141px;
  }
  .footer__contact {
    display: none;
  }
  .footer__full-navi {
    *zoom: 1;
    display: block;
    color: white;
    font-size: 13px;
    font-size: 0.8125rem;
    -webkit-box-shadow: 0 1px 0 #706f6e;
            box-shadow: 0 1px 0 #706f6e;
    border-bottom: 1px solid #4a4948;
  }
  .footer__full-navi:before, .footer__full-navi:after {
    display: table;
    content: " ";
  }
  .footer__full-navi:after {
    clear: both;
  }
  .footer__full-navi a {
    color: currentColor;
  }
  .footer__full-navi-column {
    float: left;
    padding: 2.5em 1.5em 1.5em;
    border-right: 1px solid #4a4948;
    -webkit-box-shadow: inset -1px 0 #706f6e;
            box-shadow: inset -1px 0 #706f6e;
  }
  .footer__full-navi-column > ul {
    float: left;
  }
  .footer__full-navi-column > ul + ul {
    margin-left: .5em;
  }
  .footer__full-navi-column:last-child {
    border-right: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .footer__full-navi-column--brand {
    max-width: 215px;
  }
  .footer__full-navi-title {
    clear: left;
    font-weight: bold;
    line-height: 2.3;
    padding-top: 1.2em;
  }
  .footer__full-navi-title:first-child {
    padding-top: 0;
  }
  .footer__full-navi-title:before {
    content: '';
    width: .7em;
    height: .7em;
    display: inline-block;
    background: white;
    margin-right: .3em;
  }
  .footer__full-navi-item {
    line-height: 1.4;
    padding-left: .5em;
  }
  .footer__full-navi-item .c-link {
    padding-top: .5em;
    padding-bottom: .4em;
  }
  .footer__full-navi-item .c-link:after {
    top: .85em;
    -webkit-transform: translateY(0) rotate(45deg) scale(0.65);
        -ms-transform: translateY(0) rotate(45deg) scale(0.65);
            transform: translateY(0) rotate(45deg) scale(0.65);
    border-color: white;
  }
  .footer__navi {
    display: block;
    text-align: center;
    border-top: 1px solid #706f6e;
    -webkit-box-shadow: 0 1px 0 #706f6e;
            box-shadow: 0 1px 0 #706f6e;
    border-bottom: 1px solid #4a4948;
    padding: 1em 6%;
  }
  .footer__navi-item {
    width: auto;
    display: inline-block;
    border: none;
    background: none !important;
  }
  .footer__navi-item .c-link {
    background: none;
    padding-left: 1em;
  }
  .footer__navi-item .c-link:after {
    right: auto;
    left: 0;
    border-color: white;
    width: .4em;
    height: .4em;
    border-width: .1em;
  }
  .footer__copyright {
    font-weight: normal;
    padding: 2em 0;
    background: none;
  }
  .footer__copyright--simple {
    margin-top: -50px;
  }
}

#mainContents.is-hide {
  display: none;
}

/* ==========================================================================
 *	Object
 * ========================================================================== */
/* -----------------------------------------------------------------
 *	Component
 * ----------------------------------------------------------------- */
/* wrapper */
.c-wrapper {
  *zoom: 1;
}

.c-wrapper:before, .c-wrapper:after {
  display: table;
  content: " ";
}

.c-wrapper:after {
  clear: both;
}

.c-wrapper--section {
  padding-top: 30px;
}

@media screen and (min-width: 768px) {
  .c-wrapper {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    min-height: 50px;
  }
}

/* informationBlock */
#informationBlock{
  position: fixed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 20px;
  font-size: 14px;
  z-index: 9990;
  opacity: 0.8;
  background-color: #595959;
  color: white;
}

.addFavoriteResponse_errorText{
  background-color: #595959;
  color: white;
}

/* column */
.c-column__item, .c-column__alpha, .c-column__beta {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

.c-column__beta {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-column {
    *zoom: 1;
    position: relative;
  }
  .c-column:before, .c-column:after {
    display: table;
    content: " ";
  }
  .c-column:after {
    clear: both;
  }
  .c-column__item {
    width: 49%;
    float: left;
  }
  .c-column__item:nth-of-type(2n) {
    float: right;
  }
  .c-column__alpha {
    width: 72.916666667%;
    float: right;
  }
  .c-column__alpha > .c-breadcrumbs:first-child {
    border-top: none;
    padding-top: 0;
  }
  .c-column__beta {
    width: 22.916666667%;
    float: left;
  }
  .c-column__left {
    float: left;
  }
  .c-column__right {
    float: right;
  }
  .c-column--rev {
    float: right;
  }
  .c-column--rev .c-column__beta {
    float: left;
  }
  .c-column--separate {
    position: relative;
  }
  .c-column--separate:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    display: block;
    border-right: 1px dotted #ccc;
    height: 100%;
  }
  .c-column--half {
    width: 50%;
  }
  .c-column--half .c-column__right {
    width: 50%;
  }
  .c-column--three {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 31.9148936%;
    max-width: none;
  }
  .c-column--three .c-column__center {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 31.9148936%;
    max-width: none;
    margin-left: 2.1276596%;
    margin-right: 2.1276596%;
  }
  .c-column--three .c-column__right {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 31.9148936%;
    max-width: none;
  }
  .c-column--cart .c-column__alpha {
    width: 63.333333333%;
    float: left;
  }
  .c-column--cart .c-column__beta {
    width: 33.333333333%;
    max-width: 300px;
    float: right;
  }
}

/* inner */
.c-inner {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .c-inner {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .c-inner--cart {
    max-width: none;
    padding: 0 30px;
  }
}

/* button */
.c-btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #e60012;
  -webkit-transition: .2s;
  transition: .2s;
  text-decoration: none;
  color: white;
  padding: .8em .2em;
  font-size: inherit;
  font-weight: bold;
  z-index: 3;
  line-height: 1.231;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.c-btn > img {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
}

.c-btn--gray {
  background: gray;
}

.c-btn--close {
  background: gray;
  border-radius: 0;
}

.c-btn--close {
  background: gray;
  border: none;
  position: relative;
}

.c-btn--close:before, .c-btn--close:after {
  position: absolute;
  left: 5%;
  top: 50%;
  content: '';
  pointer-events: none;
  width: 17px;
  height: 3px;
  background: #000000;
  border-radius: 2px;
}

.c-btn--close:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.c-btn--close:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.c-btn--black {
  background: #555555;
  border: none;
}

.c-btn--blue {
  background: #004298;
  border-color: #006cd4;
}

.c-btn--image {
  padding: 0;
  background: white;
  border: none;
  border-radius: 0;
}

.c-btn--image img {
  width: 100%;
}

.c-btn--full {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-btn--rich-black {
  background: #555555;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #686868), color-stop(50%, #686868), color-stop(51%, #555555), to(#555555));
  background-image: linear-gradient(to bottom, #686868 0, #686868 50%, #555555 51%, #555555 100%);
  border: 3px solid #555555;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
          box-shadow: 0 2px 0 #d4d4d4;
}

.c-btn--rich-red {
  background: #fa6867;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa7977), color-stop(50%, #fa7977), color-stop(51%, #fa6867), to(#fa6867));
  background-image: linear-gradient(to bottom, #fa7977 0, #fa7977 50%, #fa6867 51%, #fa6867 100%);
  border: 3px solid #fa6867;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
          box-shadow: 0 2px 0 #d4d4d4;
}

.c-btn--rich-white {
  background: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ededed), to(#ededed));
  background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #ededed 51%, #ededed 100%);
  border: 3px solid #e5e5e5;
  border-radius: 7px;
  color: black;
  font-weight: normal;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
          box-shadow: 0 2px 0 #d4d4d4;
  padding-top: .5em;
  padding-bottom: .4em;
}

.c-btn--reset {
  margin-top: 10px;
  width: auto;
  padding-left: 3em;
  padding-right: 3em;
}

.c-btn--back {
  margin-top: 10px;
  width: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.c-btn--back.c-sp-only {
  display: inline-block;
}

.c-btn--inline {
  width: auto;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: .2em .7em;
  vertical-align: middle;
}

.is-pc .c-btn {
  cursor: pointer;
}

.is-pc .c-btn:hover {
  opacity: .7;
}

@media screen and (min-width: 768px) {
  .c-btn--rich-red {
    border-width: 2px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-btn--rich-red:hover {
    opacity: 1 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f35e5d), color-stop(50%, #f35e5d), color-stop(51%, #f24a4a), to(#f24a4a));
    background-image: linear-gradient(to bottom, #f35e5d 0, #f35e5d 50%, #f24a4a 51%, #f24a4a 100%);
    border-color: #fa6968;
  }
  .c-btn--rich-white {
    border-width: 1px;
  }
  .c-btn--rich-white:hover {
    opacity: 1 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #f5f5f5), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%);
  }
  .c-btn--next {
    margin-top: 30px;
    max-width: 320px;
    display: block;
  }
  .c-btn--next + .c-btn--back {
    margin-top: 2em;
  }
  .c-btn--back-to-top {
    width: 335px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: .7em;
  }
  .c-btn--inline {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: .4em 1em;
    vertical-align: middle;
  }
  .c-btn--entry {
    max-width: 320px;
    display: block;
  }
}

/* title */
.c-title {
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}

.c-title__text {
  float: left;
  font-size: 17px;
  font-size: 1.0625rem;
}

.c-title__btn {
  float: right;
  margin-top: -3px;
  margin-right: -3px;
}

.c-title__lead {
  display: none;
}

.c-title--cart {
  border-top: 1px solid #53514f;
  text-align: left;
  font-weight: bold;
  padding: .7em 1em;
  background: #f8f3ec;
  line-height: 1.2;
}

.c-title--mypage {
  border-top: 2px solid #53514f;
  text-align: left;
  font-weight: bold;
  padding: .7em 1em;
  background: #f8f3ec;
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 768px) {
  .c-title {
    position: relative;
    margin-bottom: 1.8em;
  }
  .c-title__btn {
    margin-top: -7px;
    margin-right: -7px;
    margin-bottom: -7px;
    padding: .6em 1.5em;
  }
  .c-title__lead {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 1.8em;
  }
  .c-title--cart {
    font-size: 18px;
    font-size: 1.125rem;
    border-top: 2px solid #53514f;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .c-title--cart-top {
    margin-top: 0;
    background: none;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding: .8em;
  }
  .c-title--mypage {
    margin-bottom: 0;
  }
}

/* form */
.c-input--w450 {
  width: 450px;
}

.c-input--width-normal {
  width: 530px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--zip-code {
  width: 110px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--w50 {
  width: 4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--w80 {
  width: 5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--w100 {
  width: 6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--address {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.c-input--full {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-input--seccode {
  width: 5em;
  float: left;
  vertical-align: middle;
}

.c-input--seccode + .p-cart__note {
  overflow: hidden;
  padding-left: 1em !important;
  margin-top: 0 !important;
  line-height: 1.2;
}

.c-input--flat {
  padding: .5em !important;
  line-height: 1.6 !important;
  border: 2px solid #e9e0d2 !important;
  background: white;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
}

.c-form select {
  vertical-align: middle;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  padding: 2px 11px 0;
  padding-right: 25px;
  height: 3em;
  border: 1px solid #cccccc !important;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  background: #ffffff url(./images/bg_select_box.png) 90% center no-repeat;
  background-position: calc(100% - 10px) center;
}

select::-ms-expand {
    display: none;
}

.c-form input[type=checkbox], .c-form input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  margin: 0;
}

.c-form input[type=checkbox] + label, .c-form input[type=radio] + label {
  margin-right: 1.5em;
  margin-bottom: .25em;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  line-height: 2;
}

.c-form input[type=checkbox] + label:before, .c-form input[type=radio] + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  background: white;
}

.c-form input[type=checkbox]:checked + label:after, .c-form input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  left: 3px;
  width: 12px;
  height: 7px;
  margin-top: -5px;
  border-radius: 1px;
  border-left: 3px solid #09984b;
  border-bottom: 3px solid #09984b;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-form input[type=checkbox].is-disabled + label, .c-form input[type=radio].is-disabled + label {
  color: #999;
}

.c-form input[type=radio] + label:before {
  border-radius: 30px;
  background: #fff;
}

.c-form input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 30px;
  background: #09984b;
}

.c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=password] {
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle;
  padding: .25em .5em;
  line-height: 1.3;
  border: 1px solid #cccccc;
  background: white;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.c-form input[type=text]:focus::-moz-placeholder, .c-form input[type=tel]:focus::-moz-placeholder, .c-form input[type=email]:focus::-moz-placeholder, .c-form input[type=number]:focus::-moz-placeholder, .c-form input[type=password]:focus::-moz-placeholder {
  color: transparent;
}

.c-form input[type=text]:focus::-webkit-input-placeholder, .c-form input[type=tel]:focus::-webkit-input-placeholder, .c-form input[type=email]:focus::-webkit-input-placeholder, .c-form input[type=number]:focus::-webkit-input-placeholder, .c-form input[type=password]:focus::-webkit-input-placeholder {
  color: transparent;
}

.c-form input[type=text] + button, .c-form input[type=tel] + button, .c-form input[type=email] + button, .c-form input[type=number] + button, .c-form input[type=password] + button {
  margin-left: .5em;
}

.c-form input.c-checkbox--red + label:before {
  border-color: #EE3F39;
  background-color: #fff;
}

.c-form input.c-checkbox--red:checked + label:before {
  background: #EE3F39;
}

.c-form input.c-checkbox--agree + label {
  color: #000;
}

.c-form input.c-checkbox--agree + label:before {
  border-color: #ccc;
  background-color: none;
}

.c-form input.c-checkbox--agree:checked + label:before {
  background: #F2403A !important;
}

.c-form select + p,
.c-form input + p,
.c-form button + p {
  margin-top: 10px;
}

.c-form select.is-error,
.c-form input.is-error,
.c-form button.is-error {
  background-color: #ffe0df;
}

.c-form label,
.c-form select {
  max-width: 100%;
}

.c-form textarea {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fbfbfb;
}

.c-form textarea.is-required {
  background: #ffe7e5;
}

.c-form__error-message {
  position: relative;
  margin-bottom: .5em;
  font-weight: bold;
  color: #e60012;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-left: 1.25em;
}

.c-form__error-message:before {
  display: inline-block;
  content: url(/shop/cms/sp/images/ico_error_message.png);
  -webkit-transform: scale(0.5) translate(-50%, -50%);
      -ms-transform: scale(0.5) translate(-50%, -50%);
          transform: scale(0.5) translate(-50%, -50%);
  position: absolute;
  left: 0;
  top: 20%;
}

.c-form__error {
  background: #f9c5ca;
  color: #e60012;
  padding: .7em 1em;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 2em;
}

.c-form__error-title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-input--full {
    max-width: 312px;
  }
  .c-input--address, .c-input--full {
    max-width: 312px;
  }
  .c-input--thin {
    width: 100%;
    max-width: 240px !important;
  }
  .c-input--seccode + .p-cart__note {
    clear: none;
    padding-right: 3em;
  }
  .c-form select {
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    height: 3em;
    padding-right: 30px;
    background-color: white;
    border: 1px solid #a5a5a5;
    background-position: 95% center;
    background-position: calc(100% - 10px) center;
  }
  .c-form input[type=checkbox] + label, .c-form input[type=radio] + label {
    margin-bottom: .5em;
    padding-left: 30px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-form input[type=checkbox] + label:before, .c-form input[type=radio] + label:before {
    width: 21px;
    height: 21px;
    border-width: 2px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
    margin-top: -11px;
  }
  .c-form input[type=radio]:checked + label:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .c-form input[type=radio]:checked + label:after {
    left: 5px;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    border-radius: 100%;
    border: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=password] {
    font-size: 14px;
    font-size: 0.875rem;
    padding: .5em;
  }
  .c-form textarea {
    font-size: 16px;
    font-size: 1rem;
    white-space:pre-wrap;
  }
  .c-form__error-message {
    margin-top: .5em;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-form__error-message:before {
    display: inline-block;
    content: url(/shop/cms/sp/images/ico_error_message.png);
    -webkit-transform: scale(0.6) translate(-50%, -50%);
        -ms-transform: scale(0.6) translate(-50%, -50%);
            transform: scale(0.6) translate(-50%, -50%);
    position: absolute;
    left: 0;
    top: 20%;
  }
  .c-form__error {
    padding: 1em;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.5em;
  }
  .c-form__error p {
    text-align: center;
  }
}

/* breadcrumbs */
.c-breadcrumbs {
  *zoom: 1;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 15px;
  padding-top: 12px;
}

.c-breadcrumbs:before, .c-breadcrumbs:after {
  display: table;
  content: " ";
}

.c-breadcrumbs:after {
  clear: both;
}

.c-breadcrumbs__list {
  *zoom: 1;
}

.c-breadcrumbs__list:before, .c-breadcrumbs__list:after {
  display: table;
  content: " ";
}

.c-breadcrumbs__list:after {
  clear: both;
}

.c-breadcrumbs__item {
  float: left;
  line-height: 1.5;
}

.c-breadcrumbs__item > a {
  text-decoration: underline;
  color: #006699;
}

.c-breadcrumbs__item > a, .c-breadcrumbs__item > strong {
  display: inline-block;
  vertical-align: middle;
}

.c-breadcrumbs__item:before {
  content: '>';
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.c-breadcrumbs__item:first-child:before {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-breadcrumbs {
    margin-bottom: 34px;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
  }
  .c-breadcrumbs a:hover {
    text-decoration: none;
  }
}

/* pager */
.c-pager {
  *zoom: 1;
  text-align: center;
  margin: 20px 0;
}

.c-pager:before, .c-pager:after {
  display: table;
  content: " ";
}

.c-pager:after {
  clear: both;
}

.c-pager__list {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-pager__item {
  margin-right: 5px;
}

.c-pager__item > a {
  display: block;
  padding: 9px 0;
  line-height: 1;
  min-width: 35px;
  text-align: center;
  -webkit-transition: .2s;
  transition: .2s;
  color: #666666;
  background-color: #f4f0eb;
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-pager__item.is-hidden {
  display: none;
}

.c-pager__item.is-current > a {
  background: #666666;
  color: white;
  border-color: #666666;
  pointer-events: none;
}

.c-pager__item--dots {
  width: 30px;
  padding: 0 5px;
}

.c-pager__item--dots img {
  width: 100%;
}

.c-pager__item--prev > a, .c-pager__item--next > a {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -999px;
  width: 20px;
  background: none;
}

.c-pager__item--prev > a:before, .c-pager__item--next > a:before {
  content: '';
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

.c-pager__item--prev > a:before {
  right: auto;
  left: 1em;
  -webkit-transform: translateY(-50%) rotate(-135deg);
      -ms-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}

@media screen and (min-width: 768px) {
  .c-pager__list {
    text-align: center;
  }
  .c-pager__item {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
  }
  .c-pager__item > a {
    min-width: 42px;
    padding: 13px 0;
  }
  .c-pager__item--dots {
    width: 24px;
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-pager__item--dots img {
    vertical-align: middle;
  }
  .c-pager__item--prev {
    margin-right: 0;
  }
  .c-pager__item--next {
    margin-left: -12px;
  }
}

/* tag */
.c-tag {
  padding: .4em .7em;
  line-height: 1;
  color: white;
  text-align: center;
  min-width: 30px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  border: 1px solid #85c1d2;
  background: #85c1d2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 3px;
}

.c-tag--01 {
  background-color: #F7A200;
  border-color: #F7A200;
}

.c-tag--02 {
  background-color: #00AA8B;
  border-color: #00AA8B;
}

.c-tag--03 {
  background-color: #00BFD0;
  border-color: #00BFD0;
}

.c-tag--04 {
  background-color: #B3C800;
  border-color: #B3C800;
}

.c-tag--05 {
  background-color: #68C800;
  border-color: #68C800;
}

.c-tag--06 {
  background-color: #8B4298;
  border-color: #8B4298;
}

.c-tag--07 {
  background-color: #245584;
  border-color: #245584;
}

.c-tag--08 {
  background-color: #E20000;
  border-color: #E20000;
}

.c-tag--yellow {
  background-color: #ffcc36;
  border-color: #ffcc36;
  color: #7e5731;
}

.c-tag--teiki {
  border-color: #ea9b6b;
  background-color: white;
  color: #ec9961;
}

.c-tag--teiki:before {
  position: relative;
  top: -1px;
  display: inline-block;
  content: '';
  width: 13px;
  height: 9px;
  background: url(/shop/cms/sp/images/products/ico_tag_teiki.png) no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  margin-right: .4em;
  vertical-align: middle;
}

.c-tag--premium-teiki {
  border-color: #c2a274;
  background-color: white;
  color: #c2a274;
}

.c-tag--set {
  border-color: #9595c6;
  background-color: white;
  color: #9595c6;
}

/* pickup */
.c-pickup {
/*   display: -webkit-box;
  display: -ms-flexbox; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
/*   text-align: center; */
}

.c-pickup a {
  color: currentColor;
  text-align: center;
}
.c-pickup a span {
  display: block;
}

.c-pickup__title {
  margin-top: 20px;
}

.c-pickup__item {
  border-right: 1px solid #cdcdcd;
  width: 33%;
  padding: 0 10px 2px;
}

.c-pickup__item:last-child {
  border-right: none;
}

.c-pickup__item-name {
  line-height: 1.2;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 5px;
}

.c-pickup__item-image {
  padding: 5px 10px;
  text-align: center;
}

.c-pickup__item-description {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-pickup {
    -js-display: flex;
    border-bottom: 1px dotted #7f7f7f;
    padding-bottom: 2em;
    overflow: hidden;
  }
  .c-pickup__lead {
    margin-bottom: 3em;
  }
  .c-pickup__item {
    float: left;
  }
  .c-pickup__item a {
    overflow: hidden;
    display: block;
    position: relative;
  }
  .c-pickup__item a:after {
    position: absolute;
    right: .2em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .8em;
    height: .8em;
    border: .2em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
  }
  .c-pickup__item-image {
    float: left;
    width: 38%;
    padding: 0;
    padding-top: 15px;
  }
  .c-pickup__item-text {
    float: right;
    width: 59%;
  }
  .c-pickup__item-name {
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .5em;
  }
  .c-pickup__item-description {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    padding-right: 1em;
  }
}

/* recommend */
.c-recommend {
  margin-bottom: 20px;
  border-top: 1px solid #dedede;
}

.c-recommend__title {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 10px 15px;
}

.c-recommend__list {
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 10px;
  -webkit-overflow-scrolling: touch;
  -webkit-scroll-snap-destination: 0 25%;
      -ms-scroll-snap-destination: 0 25%;
          scroll-snap-destination: 0 25%;
  -webkit-scroll-snap-points-x: repeat(42%);
      -ms-scroll-snap-points-x: repeat(42%);
          scroll-snap-points-x: repeat(42%);
  -webkit-scroll-snap-type: mandatory;
      -ms-scroll-snap-type: mandatory;
          scroll-snap-type: mandatory;
}

.c-recommend__item {
  display: inline-block;
  width: 40%;
  padding: 10px;
  margin-right: 1%;
}

.c-recommend__item-title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #705150;
  margin-bottom: .5em;
}

.c-recommend__item-price {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-recommend__item-price span {
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media screen and (min-width: 768px) {
  .c-recommend__list {
    overflow: hidden;
  }
  .c-recommend__list .slick-prev {
    top: 45%;
    left: 1%;
  }
  .c-recommend__list .slick-prev:before {
    font-size: 30px;
    border-width: 3px;
    border-color: #8f8f8f;
  }
  .c-recommend__list .slick-next {
    top: 45%;
    right: 1%;
    text-align: left;
  }
  .c-recommend__list .slick-next:before {
    font-size: 30px;
    border-width: 3px;
    border-color: #8f8f8f;
  }
  .c-recommend__item {
    width: 25%;
    margin-right: 0;
    padding: 25px 7px;
  }
  .c-recommend__item-title {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-recommend__item-price {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-recommend__item-price span {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* selected-item */
.c-selected-item__title {
  padding: .25em;
  background: #5e4739;
  color: white;
  text-align: center;
  font-weight: bold;
}

.c-selected-item__title2 {
  padding: .25em;
  background: #5e4739;
  color: white;
  text-align: center;
  font-weight: bold;
  width: 94%;
  margin: 0 auto;
}

.c-selected-item__body {
  *zoom: 1;
  background: white;
  margin-bottom: 15px;
  padding: 15px 15px 10px;
  border: 1px solid #e6e6e6;
  border-top: none;
}

.c-selected-item__body:before, .c-selected-item__body:after {
  display: table;
  content: " ";
}

.c-selected-item__body:after {
  clear: both;
}

.c-selected-item__image {
  float: left;
  width: 30%;
  padding: 5px;
  border: 1px solid #e0e0e0;
}

.c-selected-item__text-area {
  float: right;
  width: 66%;
}

.c-selected-item__number {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: .5em;
}

.c-selected-item__name {
  font-weight: bold;
  margin-bottom: .5em;
}
.c-selected-item__name_tt {
  font-weight: bold;
  margin-bottom: .5em;
}
.c-selected-item__type {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: .5em;
}

.c-selected-item__price {
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #5e4738;
  margin-bottom: .5em;
}

.c-selected-item__price span {
  font-size: 24px;
  font-size: 1.5rem;
}

.c-selected-item__amount {
  text-align: right;
  margin-bottom: 1.5em;
}

.c-selected-item__buy-btn {
  margin-bottom: .5em;
  font-size: 19px;
  font-size: 1.1875rem;
}

.c-selected-item__buy-btn img {
  position: relative;
  top: -3px;
}

.c-selected-item__buy-btn--end {
  color: white;
  font-weight: bold;
  background: #ababab;
  text-align: center;
  padding: .8em;
  border-radius: 5px;
}

.c-selected-item__buy-btn--wait {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5e4738;
  font-weight: bold;
  background: #f9e191;
  text-align: center;
  padding: 1.2em .5em;
  border-radius: 5px;
  line-height: 1.35;
  margin-bottom: .7em;
}

.c-selected-item__buy-btn--wait span {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #f41e1e;
}

.c-selected-item__shipping-info {
  clear: both;
  background: #f4f0eb;
  padding: 1em;
  margin-bottom: 1em;
  margin-left: -.5em;
  margin-right: -.5em;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #5e4738;
  font-weight: bold;
}

.c-selected-item__shipping-info p {
  text-align: center;
}

.c-selected-item__shipping-info a {
  text-align: center;
  color: #333333;
  font-weight: normal;
  text-decoration: underline;
}

.c-selected-item__shipping-info a:hover {
  text-decoration: none;
}

/* number-input */
.c-number-input {
  display: inline-block;
  white-space: nowrap;
}

.c-number-input__label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.c-number-input__minus, .c-number-input__plus {
  display: inline-block;
  vertical-align: middle;
}

.c-number-input input[type=number] {
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  border: 1px solid #949494;
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
  font-size: 17px;
  font-size: 1.0625rem;
  padding: 4px;
  line-height: 1.2;
  border-radius: 0;
}

/* choice-box */
.c-choice-box {
  position: relative;
  background: #f7f1e8 url(/shop/cms/sp/images/products/bg_choice_box.png);
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  padding: 7px 7px 0;
  margin-bottom: 20px;
}

.c-choice-box:after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: inherit;
  width: 0;
  height: 0;
  display: block;
  content: '';
  border-top: 20px solid transparent;
  border-left: 20px solid white;
  border-right: 20px solid white;
  border-bottom: none;
}

.c-choice-box__product-name {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  padding: 3px 10px 8px;
  border-bottom: 1px solid #d4c6b0;
  margin-left: -7px;
  margin-right: -7px;
}

.c-choice-box__title {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  padding: 5px;
  margin-bottom: 5px;
}

.c-choice-box__list {
  *zoom: 1;
}

.c-choice-box__list:before, .c-choice-box__list:after {
  display: table;
  content: " ";
}

.c-choice-box__list:after {
  clear: both;
}

.c-choice-box__list--two-column .c-choice-box__list-item {
  width: 49.4%;
}

.c-choice-box__list--two-column .c-choice-box__list-item:nth-child(2n) {
  float: right;
}

.c-choice-box__list--two-column .c-choice-box__list-item input[type=checkbox] + label,
.c-choice-box__list--two-column .c-choice-box__list-item input[type=radio] + label {
  padding: 10px 5px;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-choice-box__list--two-column .c-choice-box__list-item input[type=checkbox] + label span,
.c-choice-box__list--two-column .c-choice-box__list-item input[type=radio] + label span {
  font-size: 14px;
  font-size: 0.875rem;
}

.c-choice-box__list-item {
  position: relative;
  float: left;
  width: 25%;
  padding: 0 3px;
  margin-bottom: 10px;
}

.c-choice-box__list input[type=checkbox],
.c-choice-box__list input[type=radio] {
/*   position: absolute; */
  clip: rect(0, 0, 0, 0);
}

.c-choice-box__list input[type=checkbox] + label,
.c-choice-box__list input[type=radio] + label {
  position: relative;
  background: white;
  border: 4px solid transparent;
  border-radius: 7px;
  min-height: 3.7em;
  text-align: center;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.c-choice-box__list input[type=checkbox] + label img,
.c-choice-box__list input[type=radio] + label img {
  margin-bottom: 5px;
  border-radius: 10px;
  max-width: 66.25px;
}

.c-choice-box__list input[type=checkbox] + label span,
.c-choice-box__list input[type=radio] + label span {
  display: block;
  text-align: center;
  font-size: 9px;
  font-size: 0.5625rem;
}

.c-choice-box__list input[type=checkbox]:checked + label,
.c-choice-box__list input[type=radio]:checked + label {
  border-color: #ab7f3d;
}

.c-choice-box__list input[type=checkbox]:checked + label:before,
.c-choice-box__list input[type=radio]:checked + label:before {
  position: absolute;
  top: -5px;
  right: -5px;
  display: block;
  content: url(/shop/cms/sp/images/products/ico_choice.png);
  -webkit-transform: scale(0.6) translate(50%, -50%);
      -ms-transform: scale(0.6) translate(50%, -50%);
          transform: scale(0.6) translate(50%, -50%);
  z-index: 2;
}
.c-choice-box__list input[type=radio]:disabled + label {
  border: none;
}
.c-choice-box__list input[type=radio]:disabled + label .wrap {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 7px;
  text-align: center;
  display: block;
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.2;
  
}
.c-choice-box > .c-selected-item {
  margin: 5px 5px 0;
  padding-bottom: 1px;
}

@media screen and (min-width: 768px) {
  .c-choice-box {
    -webkit-background-size: auto auto;
            background-size: auto;
  }
  .c-choice-box__list-item {
    cursor: pointer;
  }
  .c-choice-box__list-item label {
    cursor: pointer;
  }
}

/* lead-teiki */
.c-lead-teiki {
  background: #bfaa8d;
  padding: 0 10px 10px;
  border-radius: 5px;
}

.c-lead-teiki__title {
  padding: .25em;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
}

.c-lead-teiki__title img {
  vertical-align: middle;
  display: inline-block;
  margin-right: .25em;
}

.c-lead-teiki__body {
  background: white;
  border-radius: 5px;
}

.c-lead-teiki__body > a {
  position: relative;
  color: currentColor;
}

.c-lead-teiki__body > a:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

.c-lead-teiki__product {
  overflow: hidden;
  padding: 10px 15px;
}

.c-lead-teiki__image {
  float: left;
  width: 23.2%;
  margin-right: 4%;
}

.c-lead-teiki__text {
  float: left;
  width: 68%;
}

.c-lead-teiki__name {
  font-weight: bold;
  color: #99650c;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: .25em;
}

.c-lead-teiki__note {
  border-top: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 10px 15px;
}

@media screen and (min-width: 768px) {
  .c-lead-teiki__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-lead-teiki__title img {
    width: 32px;
    margin-right: 7px;
  }
  .c-lead-teiki__name {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .5em;
  }
  .c-lead-teiki__text .c-lead-teiki-icon {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-lead-teiki__note {
    border-top: 2px solid #dcdcdc;
    padding: 10px;
  }
}

/* lead-teiki-icon */
.c-lead-teiki-icon {
  display: inline-block;
  position: relative;
  background: #99651d;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  min-width: 8em;
  text-align: center;
  padding: .25em 1em;
  font-weight: bold;
}

.c-lead-teiki-icon:before, .c-lead-teiki-icon:after {
  position: absolute;
  content: '';
  top: 0;
  z-index: 2;
  border-width: 1em .5em;
  border-style: solid;
  border-color: transparent;
}

.c-lead-teiki-icon:before {
  left: 0;
  border-left-color: #fff;
}

.c-lead-teiki-icon:after {
  right: 0;
  border-right-color: #fff;
}

@media screen and (min-width: 768px) {
  .c-lead-teiki-icon {
    padding: .15em 1em;
    min-width: 7em;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .c-lead-teiki-icon:before, .c-lead-teiki-icon:after {
    border-width: .9em .5em;
  }
}

/* item-icon */
.c-item-icon {
  position: absolute;
  top: 0;
  left: 10px;
  font-weight: bold;
  color: #724d33;
  font-style: italic;
  font-size: 9px;
  font-size: 0.5625rem;
  background: url(/shop/cms/sp/images/products/bg_item_icon.png) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  padding: 5px 2px 12px 1px;
  -webkit-box-sizing: padding-box;
          box-sizing: padding-box;
  min-width: 3em;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-item-icon {
    font-size: 11px;
    font-size: 0.6875rem;
    padding-top: 6px;
    padding-bottom: 13px;
  }
}

/* ranking */
.c-ranking {
  padding: 15px;
  padding-right: 0;
  background: #f5f5f5;
}

.c-ranking__title {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  margin-bottom: .5em;
}

.c-ranking__list {
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  padding-bottom: 2px;
  padding-right: 10px;
  -webkit-overflow-scrolling: touch;
  -webkit-scroll-snap-destination: 0 50%;
      -ms-scroll-snap-destination: 0 50%;
          scroll-snap-destination: 0 50%;
  -webkit-scroll-snap-points-x: repeat(56%);
      -ms-scroll-snap-points-x: repeat(56%);
          scroll-snap-points-x: repeat(56%);
  -webkit-scroll-snap-type: mandatory;
      -ms-scroll-snap-type: mandatory;
          scroll-snap-type: mandatory;
}

.c-ranking__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 53%;
  white-space: normal;
  font-size: 12px;
  font-size: 0.75rem;
  background: white;
  padding: 10px;
  margin-right: 7px;
}

.c-ranking__item > a {
  color: currentColor;
}

.c-ranking__item-name {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #705150;
  margin-bottom: .5em;
}

.c-ranking__item-price {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-ranking__item-price span {
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
}

.regularPrice {
  border-top: 1px solid #b7b7b7;
}

.c-ranking__item-tags {
  height: 2.2em;
}

.c-ranking__icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
}

@media screen and (min-width: 768px) {
  .c-ranking {
    border-top: 2px solid #dedede;
  }
  .c-ranking__list {
    overflow: hidden;
  }
  .c-ranking__list .slick-prev {
    left: 1.5%;
  }
  .c-ranking__list .slick-prev:before {
    font-size: 30px;
    border-width: 3px;
    border-color: #8f8f8f;
  }
  .c-ranking__list .slick-next {
    right: 1.5%;
    text-align: left;
  }
  .c-ranking__list .slick-next:before {
    font-size: 30px;
    border-width: 3px;
    border-color: #8f8f8f;
  }
  .c-ranking__item {
    width: 23.6%;
  }
  .c-ranking__item-name {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
  }
  .c-ranking__item-price {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: .25em;
  }
  .c-ranking__item-price span {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* teiki-content */
.c-teiki-contents {
  margin-bottom: 20px;
}

.c-teiki-contents__title {
  font-weight: bold;
  text-align: center;
  padding: .3em;
  border-bottom: 1px dashed #d2d2d2;
  margin-bottom: .3em;
}

.c-teiki-contents__box {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.c-teiki-contents__list {
  padding: 10px 10px 0;
}

.c-teiki-contents__item {
  *zoom: 1;
  margin-bottom: 1em;
}

.c-teiki-contents__item:before, .c-teiki-contents__item:after {
  display: table;
  content: " ";
}

.c-teiki-contents__item:after {
  clear: both;
}

.c-teiki-contents__item-name {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .25em;
}

.c-teiki-contents__item-price--single {
  display: inline-block;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.c-teiki-contents__item-price--single:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 1px solid #333;
  width: 100%;
}

.c-teiki-contents__item-price--single span {
  font-size: 14px;
  font-size: 0.875rem;
}

.c-teiki-contents__thumb {
  float: left;
  width: 18%;
  border: 1px solid #bfbfbf;
  margin-right: 20px;
}

.c-teiki-contents__text {
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-teiki-contents__single-total {
  *zoom: 1;
  background: #f4f0eb;
  font-weight: bold;
  padding: .5em 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-teiki-contents__single-total:before, .c-teiki-contents__single-total:after {
  display: table;
  content: " ";
}

.c-teiki-contents__single-total:after {
  clear: both;
}

.c-teiki-contents__single-total-title {
  float: left;
}

.c-teiki-contents__single-total-price {
  position: relative;
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-teiki-contents__single-total-price:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
/*   border-bottom: 1px solid red; */
  width: 100%;
}

.c-teiki-contents__single-total-price__red-line-through:before {
   border-bottom: 1px solid #333;
}

.c-teiki-contents__single-total-price span {
  font-size: 14px;
  font-size: 0.875rem;
}

.c-teiki-contents__total {
  *zoom: 1;
}

.c-teiki-contents__total:before, .c-teiki-contents__total:after {
  display: table;
  content: " ";
}

.c-teiki-contents__total:after {
  clear: both;
}

.c-teiki-contents__total-otoku {
  position: relative;
  float: left;
  font-size: 14px;
  font-size: 0.8925rem;
  background: #f9e191;
  font-weight: bold;
  padding: .5em;
  margin-right: 2em;
}

.c-teiki-contents__total-otoku:after {
  position: absolute;
  top: 0;
  right: -0.7em;
  display: block;
  content: '';
  background: inherit;
  border: 2em solid white;
  border-left: 1em solid #f9e191;
  border-right: none;
}

.c-teiki-contents__total-souryou {
  float: left;
  font-weight: bold;
  background: #bfaa8d;
  color: white;
  width: 3em;
  text-align: center;
  line-height: 1.1;
  padding: .5em .25em;
  font-size: 16px;
  font-size: 1.15rem;
  border-radius: 5px;
  margin-right: .5em;
  font-weight: bold;
}

.c-teiki-contents__total-text {
  float: right;
}

.c-teiki-contents__total-text-sub {
  float: right;
}

.c-teiki-contents__total-price {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
}

.c-teiki-contents__total-price span {
  font-size: 25px;
  font-size: 2rem;
  color: #99650c;
  font-weight: bold;
}

.c-teiki-contents__total-point {
  font-size: 15px;
  font-size: 1rem;
  padding-left: 2px;
}

.c-teiki-contents__total-point span {
  font-weight: bold;
}

.c-teiki-contents__total-campaign-point {
  font-size: 12px;
  font-size: 0.8rem;
  padding-left: 2px;
}

.c-teiki-contents__total-campaign-point-addition {
  font-size: 12px;
  font-size: 0.8rem;
  padding-left: 2px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .c-teiki-contents__total-otoku {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2;
    padding-left: .6em;
    margin-right: 1.4em;
  }
  .c-teiki-contents__total-otoku-text-01 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-teiki-contents__total-otoku-text-02 {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-teiki-contents__total-souryou {
    padding: .6em .5em;
    width: 3.5em;
    line-height: 1.2;
    margin-right: 0;
    font-size: 1.0125rem
  }
  .c-teiki-contents__total-text {
    float: right;
    padding-right: 1em;
  }
  .c-teiki-contents__total-text-sub {
    float: right;
    padding-right: 1em;
  }
  .c-teiki-contents__total-price {
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: .15em;
  }
  .c-teiki-contents__total-price span {
    font-size: 1.5375rem;
  }
  .c-teiki-contents__total-point {
    font-size: 0.925rem;
    text-align: right;
  }
  .c-teiki-contents__total-campaign-point {
    font-size: 0.73rem;
    text-align: right;
  }
  .c-teiki-contents__total-campaign-point-addition {
    font-size: 0.73rem;
    text-align: right;
  }
}

/* tab */
.c-tab {
  *zoom: 1;
  letter-spacing: -0.4em;
  white-space: nowrap;
  border-bottom: 6px solid #bfaa8d;
  padding-left: 1%;
  overflow: hidden;
  overflow-x: auto;
}

.c-tab:before, .c-tab:after {
  display: table;
  content: " ";
}

.c-tab:after {
  clear: both;
}

.c-tab__item {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  width: 30%;
  border-radius: 5px 5px 0 0;
  margin-right: 1%;
  border: 1px solid #bfaa8d;
  border-bottom: none;
  font-size: 4.57vw;
}

.c-tab__item.is-current {
  background: #bfaa8d;
}

.c-tab__item.is-current .c-tab__target {
  color: white;
}

.c-tab__target {
  display: block;
  overflow: hidden;
  line-height: 3rem;
  text-align: center;
  font-weight: bold;
  color: #b89b70;
  cursor: pointer;
}
.c-tab__item.is-current .c-tab__target .p-detail__tab-teiki-icon--off {
  display: none;
}

.c-tab__item.is-current .c-tab__target .p-detail__tab-teiki-icon--on {
  display: inline-block;
}

.c-tab__target .p-detail__tab-teiki-icon--off {
  display: inline-block;
}

.c-tab__target .p-detail__tab-teiki-icon--on {
  display: none;
}

.c-tab__item--teiki {
  font-size: 4vw;
}

.c-tab__target img {
  vertical-align: text-bottom;
}

@media screen and (min-width: 768px) {
  .c-tab {
    text-align: left;
    overflow: hidden;
  }
  .c-tab__item {
    width: 18.5%;
    border-radius: 12px 12px 0 0;
    border-width: 2px;
    margin-right: .7%;
    vertical-align: bottom;
    font-size: 16px;
    font-size: 1rem;
  }
  .c-tab__item:hover {
    background: #bfaa8d;
  }
  .c-tab__item:hover .c-tab__target {
    color: white;
  }
  .c-tab__item.is-current .p-detail__tab-teiki-icon--off {
    display: none;
  }
  .c-tab__item.is-current .p-detail__tab-teiki-icon--on {
    display: inline-block;
  }
  .c-tab__target {
    padding: .6em 5px .5em;
    line-height: 1.3;
  }
  .c-tab__target .p-detail__tab-teiki-icon--off {
    display: inline-block;
  }
  .c-tab__target .p-detail__tab-teiki-icon--on {
    display: none;
  }
  .c-tab__target:hover .p-detail__tab-teiki-icon--off {
    display: none;
  }
  .c-tab__target:hover .p-detail__tab-teiki-icon--on {
    display: inline-block;
  }
}

/* total-box */
.c-total-box {
  background: white;
  display: table;
  width: 100%;
  height: 3.5em;
  border-bottom: 1px solid #cccccc;
}

.c-total-box__title {
  width: 29.830508475%;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  border-right: 1px dotted #cccccc;
  display: table-cell;
  vertical-align: middle;
}

.c-total-box__title span {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
}

.c-total-box__price {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.c-total-box__price span {
  margin-left: .25em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.c-total-box--alone {
  border-radius: 7px;
  border: 1px solid #cccccc;
}

@media screen and (min-width: 768px) {
  .c-total-box {
    background: none;
    height: auto;
  }
  .c-total-box__title {
    width: 100%;
    border-right: none;
    text-align: left;
    padding-bottom: .5em;
  }
  .c-total-box__price {
    display: none;
  }
  .c-total-box--alone {
    display: none;
  }
  .c-total-box--alone-pc {
    height: 3.2em;
    border-radius: 7px;
    background: white;
    border: 2px solid #cccccc;
  }
  .c-total-box--alone-pc .c-total-box__title {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    border-right: 1px dotted #cccccc;
    width: 29%;
    vertical-align: middle;
    padding-bottom: 0;
  }
  .c-total-box--alone-pc .c-total-box__title span {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-total-box--alone-pc .c-total-box__price {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .c-total-box--alone-pc .c-total-box__price span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/* cart-box */
.c-cart-box {
  overflow: hidden;
  background: white;
  border-radius: 7px;
  border: 1px solid #cccccc;
}

.c-cart-box__no-item {
  overflow: hidden;
  background: white;
  border-radius: 7px;
  border: 1px solid #cccccc;
  padding-top: 70px;
  padding-bottom: 70px;
  background-position: center;
}

.c-cart-box + .c-cart-box {
  margin-top: 15px;
}

.c-cart-box__inner {
  padding: 1em;
}

.c-cart-box__inner:after {
  content: "";
  display: block;
  clear: both;
}

.c-cart-box__product-header {
  margin-bottom: 1em;
}

.c-cart-box__product-code {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: .5em;
}

.c-cart-box__product-name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.c-cart-box__product-body {
  *zoom: 1;
}

.c-cart-box__product-body:before, .c-cart-box__product-body:after {
  display: table;
  content: " ";
}

.c-cart-box__product-body:after {
  clear: both;
}

.c-cart-box__product-image {
  float: left;
  width: 23.89380531%;
  margin-right: 2%;
  margin-left: 2%;
}

.c-cart-box__product-text {
  float: right;
  width: 64%;
}

.c-cart-box__product-type {
  margin-bottom: 1em;
}

.c-cart-box__product-info {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.regularPurchases{
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  clear: both;
  font-weight: normal;
}
.c-cart-box__product-return-info {
  font-size: 12px;
  font-size: 0.75rem;
  text-indent: -1em;
  padding-left: 1em;
}

.c-cart-box__product-reduced-msg {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-cart-box__product-teiki-info {
  margin-top: 10px;
}

.c-cart-box__product-teiki-info__title {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-cart-box__product-teiki-info__cycle {
  font-weight: bold;
  background: #e2d4c1;
  margin-bottom: .5em;
  font-size: 11px;
  font-size: 0.6875rem;
  display: inline-block;
  padding: 2px;
}

.c-cart-box__product-teiki-info__cycle-schedule {
  display: inline-block;
  color: #fb6764;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  margin-left: .25em;
}

.c-cart-box__product-teiki-info__body {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-cart-box__product-teiki-info__body ul {
  margin-bottom: 1em;
  line-height: 1.5;
}

.c-cart-box__product-teiki-later {
  font-size: 11px;
  font-size: 0.6875rem;
  padding-left: 1em;
  text-indent: -1em;
  padding-top: .5em;
}

.c-cart-box__product-content {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: .25em;
  margin-bottom: .5em;
}

.c-cart-box__product-total {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
}

.c-cart-box__product-total span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.c-cart-box__title {
  overflow: hidden;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: .4em .5em;
  margin-left: -1em;
  margin-right: -1em;
  border-top: 1px solid #cccccc;
  border-bottom: 1px dotted #cccccc;
  margin-top: 1em;
  margin-bottom: 1em;
}

.c-cart-box__title--first {
  border-top: none;
  margin-top: -1.1em;
}

.c-cart-box__sub-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: .5em;
}

.c-cart-box__sub-title__note {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.75rem;
  margin-left: 1em;
}

.c-cart-box__price {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.c-cart-box__price span {
  margin-left: .25em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}

.c-cart-box__footer {
  *zoom: 1;
  display: table;
  width: 100%;
  border-top: 1px solid #cccccc;
}

.c-cart-box__footer:before, .c-cart-box__footer:after {
  display: table;
  content: " ";
}

.c-cart-box__footer:after {
  clear: both;
}

.c-cart-box__footer-delete {
  display: table-cell;
  padding: 5px 0;
  border-right: 1px dotted #cccccc;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
}

.c-cart-box__footer-delete p {
  text-align: center;
}

.c-cart-box__footer-delete button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  cursor: pointer;
}

.c-cart-box__footer-amount {
  display: table-cell;
  padding: 5px 15px;
  border-right: 1px dotted #cccccc;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.c-cart-box__footer-amount p {
  margin-bottom: .3em;
}

.c-cart-box__footer-total {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 15px;
  text-align: right;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-cart-box__footer-total-price {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
}

.c-cart-box__footer-total-yen {
  font-size: 13px;
  font-size: 0.8125rem;
}

.c-cart-box__footer-total-taxdisp {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline-block;
}

.c-cart-box__total {
  *zoom: 1;
  padding: 0 5px 5px;
}

.c-cart-box__total:before, .c-cart-box__total:after {
  display: table;
  content: " ";
}

.c-cart-box__total:after {
  clear: both;
}

.c-cart-box__total dt {
  clear: both;
  float: left;
  line-height: 1.9;
}

.c-cart-box__total dd {
  float: right;
  line-height: 1.9;
}

.c-cart-box__total-discount {
  color: #e60012;
}

.c-cart-box__total-payment {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
}

.c-cart-box__total + .c-cart-box__total {
  border-top: 1px solid #b5b5b5;
  padding-top: 5px;
}

.c-cart-box__total + .c-cart-box__total--dot {
  border-top-style: dotted;
}

.c-cart-box__summary {
  padding-top: 10px;
}

.c-cart-box__summary:first-child {
  border-top: 1px solid #b5b5b5;
}

.c-cart-box__summary-title {
  padding: 0 5px;
  line-height: 1.9;
}

.c-cart-box__recomend {
  padding: .5em 0;
  text-align: center;
  background: #f4f4f4;
  color: #e60012;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-cart-box__auto-input-btn {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  color: white;
  background: #a6a6a6;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
  padding: 4px 1.8em;
  display: inline-block;
  vertical-align: middle;
}

.c-cart-box__address-search-btn {
  position: relative;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #333333;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
  padding: 4px 1.8em;
  padding-left: 1.7em;
  display: inline-block;
  vertical-align: middle;
  background: white;
}

.c-cart-box__address-search-btn:after {
  content: '';
  position: absolute;
  right: .7em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: .7em;
  height: .7em;
  border: 2px solid #a6a6a6;
  border-bottom: none;
  border-left: none;
}

.c-cart-box .c-toggle-box {
  margin-left: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: 1em;
}

@media screen and (min-width: 768px) {
  .c-cart-box {
    border-width: 2px;
  }
  .c-cart-box__no-item {
    border-width: 2px;
  }
  .c-cart-box + .c-cart-box {
    margin-top: 20px;
  }
  .c-cart-box--entry {
    margin-bottom: 42px;
  }
  .c-cart-box--total {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
  }
  .c-cart-box--total .c-cart-box__inner {
    padding: 10px 0 0;
  }
  .c-cart-box__title {
    padding: .7em;
  }
  .c-cart-box__title .c-title__btn {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: -3px;
    margin-right: -3px;
    padding-top: .4em;
    padding-bottom: .4em;
    padding-left: 1.2em;
    padding-right: 1.2em;
    border-radius: 6px;
  }
  .c-cart-box__sub-title {
    margin-bottom: .25em;
    line-height: 1.2;
  }
  .c-cart-box__sub-title__note {
    display: block;
    margin-left: 0;
    margin-top: .5em;
  }
  .c-cart-box__sub-title__note--name {
    margin-top: 0;
  }
  .c-cart-box__form-title {
    margin-top: .5em;
    clear: left;
    width: 30%;
    padding-top: .5em;
    float: left;
  }
  .c-cart-box__form-input {
    margin-top: .5em;
    width: 70%;
    float: left;
  }
  .c-cart-box__form-input + .p-cart__note {
    clear: left;
    padding-top: .5em;
  }
  .c-cart-box__product-header {
    display: none;
  }
  .c-cart-box__product-image {
    width: 25.2805%;
    text-align: center;
  }
  .c-cart-box__product-image img {
    width: 100%;
  }
  .c-cart-box__product-image--confirm {
    width: 16%;
    margin-left: 0;
  }
  .c-cart-box__product-text {
    width: 68%;
  }
  .c-cart-box__product-text--confirm {
    width: 80%;
  }
  .c-cart-box__product-text .c-tag {
    float: right;
  }
  .c-cart-box__product-name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: .5em;
  }
  .c-cart-box__product-type {
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
  }
  .c-cart-box__product-info {
    clear: both;
    font-weight: normal;
  }
  .c-cart-box__product-info br {
    display: none;
  }
  .c-cart-box__product-return-info {
    clear: left;
  }
  .c-cart-box__product-reduced-msg {
    clear: left;
  }
  .c-cart-box__product-teiki-info__title {
    max-width: none !important;
    border-bottom: none !important;
  }
  .c-cart-box__product-teiki-info__title.is-open {
    border-bottom: 2px solid #e5e5e5 !important;
  }
  .c-cart-box__product-teiki-info__group {
    width: 50%;
    float: left;
    padding: 10px;
  }
  .c-cart-box__product-teiki-info__cycle {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 2px 5px;
  }
  .c-cart-box__teiki-cycle {
    border-top: 2px solid #cccccc;
    margin-left: -1em;
    margin-right: -1em;
    margin-top: 1em;
    margin-bottom: -5px;
    padding-top: 10px;
  }
  .c-cart-box__teiki-cycle-title {
    display: table-cell;
    border: none;
    padding: 5px 1em;
    border-right: 1px solid #cccccc;
  }
  .c-cart-box__teiki-cycle-input {
    padding-left: 1em;
    display: table-cell;
  }
  .c-cart-box__teiki-cycle-input label {
    margin-bottom: 0 !important;
    font-size: 16px !important;
  }
  .c-cart-box__footer {
    border-top-width: 2px;
  }
  .c-cart-box__footer-delete {
    padding: 12px 15px;
    border-right-width: 2px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__footer-delete p {
    display: inline-block;
    vertical-align: middle;
  }
  .c-cart-box__footer-delete button {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 43px;
    padding: 0;
  }
  .c-cart-box__footer-delete button img {
    width: 100%;
  }
  .c-cart-box__footer-amount {
    padding-top: 12px;
    text-align: center;
    border-right-width: 2px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__footer-amount p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .c-cart-box__footer-total {
    padding: 12px 15px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__footer-total-price {
    font-size: 24px;
    font-size: 1.5rem;
    display: inline-block;
  }
  .c-cart-box__footer-total-yen {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__total {
    *zoom: 1;
    padding: 0 5px 5px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__total:before, .c-cart-box__total:after {
    display: table;
    content: " ";
  }
  .c-cart-box__total:after {
    clear: both;
  }
  .c-cart-box__total dt {
    clear: both;
    float: left;
    line-height: 2.2;
  }
  .c-cart-box__total dd {
    float: right;
    line-height: 2.2;
  }
  .c-cart-box__total-discount {
    color: #e60012;
  }
  .c-cart-box__total dt.c-cart-box__total-payment {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 6px;
  }
  .c-cart-box__total dd.c-cart-box__total-payment {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-cart-box__total + .c-cart-box__total {
    border-top: 3px solid #cccccc;
  }
  .c-cart-box__total + .c-cart-box__total--dot {
    border-width: 1px;
    border-top-style: dotted;
  }
  .c-cart-box__summary:first-child {
    border-top: 1px solid #ccc;
  }
  .c-cart-box__summary-title {
    line-height: 2.2;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-cart-box__recomend {
    background: #ffffff;
    color: #e60012;
    font-size: 16px;
    font-size: 1rem;
    margin-top: .5em;
    line-height: 1.4;
  }
  .c-cart-box__recomend--border {
    border: 1px solid;
  }
}

/* accordion-box */
.c-accordion-box {
  border: 2px solid #e5e5e5;
  background: white;
  border-radius: .5em;
}

.c-accordion-box__title {
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  padding: .5em .25em;
}

.c-accordion-box__title > i {
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}

.c-accordion-box__title.is-open > i {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.c-accordion-box__body {
  padding: .8em .8em 0;
}

@media screen and (min-width: 768px) {
  .c-accordion-box {
    -webkit-box-shadow: 0 2px 0 #d4d4d4;
            box-shadow: 0 2px 0 #d4d4d4;
  }
  .c-accordion-box__title {
    font-size: 14px;
    font-size: 0.875rem;
    border-width: 3px;
    padding: .5em;
    max-width: 240px;
    width: 100%;
    cursor: pointer;
  }
  .c-accordion-box__title > i {
    margin-left: .5em;
  }
  .c-accordion-box__body {
    *zoom: 1;
  }
  .c-accordion-box__body:before, .c-accordion-box__body:after {
    display: table;
    content: " ";
  }
  .c-accordion-box__body:after {
    clear: both;
  }
}

/* payment-info */
.c-payment-info {
  margin-top: 15px;
}

.c-payment-info--border {
  padding-top: 15px;
  border-top: 1px solid #cccccc;
  margin-left: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: 1em;
}

.c-payment-info__inner {
  padding: 15px;
  background: #eeeeee;
  font-size: 13px;
  font-size: 0.8125rem;
}

.c-payment-info__title {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1em;
  line-height: 1.2;
}

.c-payment-info__list > li {
  text-indent: -1em;
  padding-left: 1em;
}

#payment-method-daibiki .c-payment-info__list li {
  margin-bottom: 1em;
}

#payment-method-daibiki .c-payment-info__list li:last-child {
  margin-bottom: 0;
}

/* required */
.c-required {
  position: relative;
  top: -1px;
  background: #e60012;
  color: white;
  padding: .1em .5em;
  line-height: 1.4;
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .c-required {
    padding: .2em .5em;
  }
}

/* line */
.c-line {
  clear: both;
  padding: 1em 0 .7em;
}

.c-line > hr {
  margin: 0;
  border: none;
  border-bottom: 1px solid #d6d6d6;
}

.c-line--dot > hr {
  border-bottom: 1px dotted #d6d6d6 !important;
}

.c-line--full {
  margin-left: -1em;
  margin-right: -1em;
}
.c-line--reset {
    padding: .0em 0 0em;
 }

@media screen and (min-width: 768px) {
  .c-line--dot {
    padding: .7em 0 1em;
  }
  .c-line--dot > hr {
    border-bottom: 2px dotted #d6d6d6 !important;
  }
  .c-line--full > hr {
    border-bottom-color: #eeeeee !important;
  }
  .c-line--reset {
    padding: .0em 0 0em;
  }
}

/* select-box */
.c-select-box {
  *zoom: 1;
  width: 100%;
  position: relative;
  border: 3px solid #ccc;
  padding: 10px;
  display: inline-block;
  letter-spacing: normal;
  border-radius: 5px;
  background: #f8f8f8;
  cursor: pointer;
}

.c-select-box:before, .c-select-box:after {
  display: table;
  content: " ";
}

.c-select-box:after {
  clear: both;
}

.c-select-box + .c-select-box {
  margin-top: 10px;
}

.c-select-box label {
  cursor: pointer;
}

.c-select-box [type=radio] + span {
  margin-right: 1em;
  margin-bottom: .25em;
  display: inline-block;
  padding-left: 24px;
  line-height: 2;
}

.c-select-box [type=radio] + span:before {
  content: url(/shop/cms/sp/images/cart/ico_select_box.png);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-transform: scale(0.5) translate(-50%, -50%);
      -ms-transform: scale(0.5) translate(-50%, -50%);
          transform: scale(0.5) translate(-50%, -50%);
}

.c-select-box [type=radio]:checked + span:before {
  content: url(/shop/cms/sp/images/cart/ico_select_box_selected.png);
}

.c-select-box__header {
  border-bottom: 1px solid #cccccc;
  padding-bottom: .5em;
  margin-bottom: .5em;
  font-weight: bold;
}

.c-select-box__header-icon {
  position: relative;
  float: left;
}

.c-select-box__header-text {
  overflow: hidden;
  line-height: 1.2;
}

.c-select-box__payment-method {
  background: #bfaa8d;
  padding: .25em .5em;
  font-size: 12px;
  font-size: 0.75rem;
  color: white;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5em;
}

.c-select-box__payment-info {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
}

.c-select-box__address-title {
  padding: .2em .5em;
  font-weight: bold;
  display: inline-block;
  border: 1px solid;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: .5em;
}

.c-select-box__address-name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.c-select-box__address-info {
  font-size: 12px;
  font-size: 0.75rem;
  word-break: break-all;
}

.c-select-box__shipping-info {
  margin-top: 1em;
  padding: .25em;
  background: white;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

.c-select-box__shipping-info span {
  color: #e60012;
  font-weight: bold;
}

.c-select-box__text-area {
  overflow: hidden;
}

.c-select-box__shipping-list-name {
  margin-top: -.2em;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-bottom: 1px solid #aeaeae;
  padding-bottom: .25em;
  margin-bottom: .5em;
}

.c-select-box.is-selected {
  border-color: #09984b;
}

.c-select-box.is-desabled {
  background: #a9a9a9;
  border-color: #838383;
}

@media screen and (min-width: 768px) {
  .c-select-box {
    padding: 15px 10px;
  }
  .c-select-box [type=radio] + span {
    margin-right: 1em;
    margin-bottom: .25em;
    display: inline-block;
    padding-left: 34px;
    line-height: 2;
  }
  .c-select-box [type=radio] + span:before {
    top: -17px;
    left: -10px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    content: url(/shop/cms/sp/images/cart/ico_select_box.png);
  }
  .c-select-box [type=radio]:checked + span:before {
    content: url(/shop/cms/sp/images/cart/ico_select_box_selected.png);
  }
  .c-select-box--teiki {
    position: relative;
    padding-left: 62px;
  }
  .c-select-box--teiki .c-select-box__header-text {
    padding-left: 0;
  }
  .c-select-box--teiki .c-select-box__header-icon {
    position: absolute;
  }
  .c-select-box--teiki .c-select-box__address-title {
    float: left;
  }
  .c-select-box--teiki .c-select-box__address-body {
    overflow: hidden;
    padding-left: 1em;
    padding-top: .2em;
  }
  .c-select-box--teiki .c-select-box__address-name {
    font-weight: normal;
  }
  .c-select-box--teiki .c-select-box__address-info br {
    display: none;
  }
  .c-select-box--teiki .c-select-box__shipping-info {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
  .c-select-box--teiki [type=radio] + span:before {
    left: -62px;
  }
}

/* toggle-box */
.c-toggle-box {
  display: none;
}

.c-toggle-box.is-show {
  display: block;
}

/* campaign */
.c-campaign {
  margin-bottom: 30px;
  padding: 0 12px;
}

.c-campaign__title {
  margin-top: 30px;
}

.c-campaign__item {
  *zoom: 1;
}

.c-campaign__item:before, .c-campaign__item:after {
  display: table;
  content: " ";
}

.c-campaign__item:after {
  clear: both;
}

.c-campaign__item a {
  overflow: hidden;
  position: relative;
  color: currentColor;
  padding: 10px 0;
}

.c-campaign__item a:after {
  position: absolute;
  right: .5em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .2em solid #a08768;
  border-bottom: none;
  border-left: none;
}

.c-campaign__image {
  float: left;
  width: 25.63237774%;
  margin-right: 3.372681282%;
}

.c-campaign__text {
  float: left;
  width: 63.23777403%;
  font-size: 13px;
  font-size: 0.8125rem;
}

.c-campaign__limit {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  color: #a08766;
}

@media screen and (min-width: 768px) {
  .c-campaign {
    padding: 0;
  }
  .c-campaign__item {
    padding: 10px 20px;
    border-bottom: 1px dotted #7f7f7f;
  }
  .c-campaign__image {
    width: 23.1%;
  }
  .c-campaign__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-campaign__limit {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: .5em;
  }
}

/* login-unit */
.c-login-unit {
  margin-left: -1em;
  margin-right: -1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e9e0d3;
}

.c-login-unit__title {
  background: #595959;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: white;
  text-align: center;
  padding: 5px 10px;
}

.c-login-unit__section {
  padding: 0 1.5em 1em;
  background: #f8f3ec;
}
.c-login-unit__section-title {
  background: #e9e0d3;
  padding: .5em 1em;
  font-weight: bold;
}
.c-login-unit__block-title {
  padding: 1em 0 .5em;
  font-weight: bold;
}

.c-login-unit__label {
  display: inline-block;
  margin-bottom: .5em;
}
.c-login-unit__label a {
  display: inline;
}
.c-login-unit__remember {
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: 1em;
  margin-bottom: .5em;
}

.c-login-unit__link {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: .5em;
  margin-bottom: .5em;
}

.c-login-unit__entry-info {
  font-size: 12px;
  font-size: 0.75rem;
  text-indent: -1em;
  padding-left: 1em;
}
.c-login-unit__section-sub-title {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  padding-bottom: 1em;
}
.c-login-sns__btn::after {
  content: "";
  display: block;
  clear: both;
}
.c-login-sns__btn li {
  float: left;
  padding-right: 1em;
  width: calc(100% / 5);
  max-width: 80px;
}
.c-login-sns__btn img {
  width: 100%;
}
.c-login-sns__info {
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .c-login-unit {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .c-login-unit__title {
    font-size: 15px;
    font-size: 0.9375rem;
    color: white;
  }
  .c-login-unit__section {
    padding: 0 18px 1em;
    background: #f8f3ec;
    border: 2px solid #e9e0d3;
  }
  .c-login-unit__section-title {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-login-unit__label {
    display: inline-block;
    margin-bottom: .4em;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-login-unit__remember label {
    font-size: 12px !important;
  }
  .c-login-unit__remember input[type=checkbox] + label:before {
    width: 19px;
    height: 19px;
    margin-top: -10px;
  }
  .c-login-unit__btn {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-login-unit__link {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: auto;
    margin-bottom: 0;
  }
  .c-login-sns__btn li {
    float: left;
    width: calc(100% / 5);
    padding-right: .5em;
  }
  .c-login-sns__btn img {
    cursor: pointer;
  }
  .c-login-sns__btn img:hover {
    opacity: 0.8;
  }
}

/* history */
.c-history {
  margin-top: -1px;
  border-bottom: 1px solid #d7d1c5;
}

.c-history__title {
  font-weight: bold;
  color: white;
  padding: .2em;
  background: #555555;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-history__item {
  *zoom: 1;
  margin: 3.4375%;
  padding-bottom: 1em;
  border-bottom: 1px dotted #a0a0a0;
}

.c-history__item:before, .c-history__item:after {
  display: table;
  content: " ";
}

.c-history__item:after {
  clear: both;
}

.c-history__item-image-area {
  float: left;
  width: 26.718121%;
  margin-right: 4.026845638%;
}

.c-history__item-amount {
  position: relative;
  top: -5px;
  font-size: 12px;
  font-size: 0.75rem;
  background: #bfaa8d;
  padding: .25em;
  line-height: 1;
  display: inline-block;
  color: white;
  font-weight: bold;
}

.c-history__item-text-area {
  float: left;
  width: 69.255034%;
}

.c-history__item-number {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: .7em;
}

.c-history__item-type-sticker {
  margin-bottom: .25em;
}

.c-history__item-name {
  font-size: 14px;
  font-size: 0.875rem;
  color: #705150;
  font-weight: bold;
  margin-bottom: .5em;
}

.c-history__item-name a {
  width: 90%;
}
.c-history__item-name a {
  display: block;
  color: currentColor;
  position: relative;
}

.c-history__item-name a:after {
  position: absolute;
  right: -20px;
  top: 30.5%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.c-history__item-price {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-history__item-price span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.c-history__item-content {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
}

.c-history__item-detail {
  font-weight: bold;
  color: #535353;
  padding-top: .5em;
}

.c-history__item-buttons .c-btn {
  width: auto;
  padding-left: .5em;
  padding-right: .5em;
  vertical-align: middle;
}

.c-history__item-inquiry-btn {
  font-size: 10px;
  font-size: 0.625rem;
}

.c-history__item-buy-btn {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: .7em;
  padding-bottom: .7em;
}

.c-history__item-reserve-btn {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: .7em;
  padding-bottom: .7em;
}

.c-history__total {
  margin: 3.4375%;
  text-align: center;
}

.c-history__total-point {
  width: 71%;
  max-width: 470px;
  border: 2px solid #705150;
  color: #705150;
  padding: .25em;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-bottom: .7em;
}

.c-history__total-point span {
  font-weight: bold;
}

.c-history__total-shipping {
  display: inline-block;
  vertical-align: middle;
  background: #f8f3ec;
  border: 1px solid #bfaa8d;
  font-size: 12px;
  font-size: 0.75rem;
  padding: .65em 0;
  margin-bottom: 1em;
}

.c-history__total-shipping.is-prepare {
  width: 27%;
  text-align: center;
}

.c-history__total-shipping.is-prepare .c-history__total-shipping-status {
  width: 100%;
  padding: 0;
  color: #fb6764;
  text-align: center;
  display: block;
}

.c-history__total-shipping-status {
  font-weight: bold;
  color: #725765;
  display: table-cell;
  vertical-align: middle;
  padding: 0 1.7em;
  text-align: center;
}

.c-history__total-shipping-info {
  border-left: 1px solid #c4c4c4;
  color: #252525;
  padding: 0 1em;
  display: table-cell;
}

.c-history__total-shipping-info p {
  line-height: 1.2;
}

.c-history__total-shipping-info p + p {
  margin-top: .25em;
}

.c-history__cancel {
  padding-top: .5em;
  margin-bottom: 2em;
  text-align: center;
}

.c-history__cancel .c-link {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .c-history__title {
    padding: .5em;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-history__item {
    margin: 20px 10px;
    padding-bottom: 1em;
    border-bottom: 1px dotted #a0a0a0;
  }
  .c-history__item-image-area {
    float: left;
    width: 20%;
    margin-right: 2%;
  }
  .c-history__item-amount {
    top: -5px;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: .3em .4em;
  }
  .c-history__item-text-area {
    float: left;
    width: 78%;
  }
  .c-history__item-number {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: .5em;
  }
  .c-history__item-name {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-history__item-name a {
    position: relative;
    display: inline-block;
  }
  .c-history__item-name a:after {
    display: none;
  }
  .c-history__item-price {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-history__item-price span {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-history__item-content {
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
  }
  .c-history__item-buttons {
    float: right;
    padding-right: 10px;
  }
  .c-history__item-buttons .c-btn {
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .c-selected-item__buy-btn--wait {
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: 16px;
    font-size: 1rem;
    padding-top: .7em;
    padding-bottom: .7em;
  }
  .c-history__item-inquiry-btn {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-history__item-buy-btn {
    font-size: 16px;
    font-size: 1rem;
    padding-top: .7em;
    padding-bottom: .7em;
  }
  .c-history__item-reserve-btn {
    font-size: 16px;
    font-size: 1rem;
    padding-top: .7em;
    padding-bottom: .7em;
  }
  .c-history__total {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .c-history__total-point {
    width: 100%;
    max-width: none;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 20px;
  }
  .c-history__total-point.is-prepare {
    width: 76%;
  }
  .c-history__total-shipping {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 20px;
  }
  .c-history__total-shipping.is-prepare {
    width: 22%;
    padding-top: .3em;
    padding-bottom: .3em;
  }
  .c-history__total-shipping-info {
    border-left: 1px solid #c4c4c4;
    color: #252525;
    padding: 0;
    width: 82%;
    display: table-cell;
    text-align: center;
  }
  .c-history__total-shipping-info p {
    display: inline-block;
    line-height: 1.6;
  }
  .c-history__total-shipping-info p + p {
    margin-top: 0;
    margin-left: .7em;
  }
  .c-history__cancel {
    padding-top: 1em;
    margin-bottom: 2em;
  }
  .c-history__cancel .c-link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* favorite */
.c-favorite {
  padding-bottom: 30px;
}

.c-favorite .p-products__item-review {
  font-size: 11px;
  font-size: 0.6875rem;
}

.c-favorite__buttons {
  float: right;
  width: 64%;
  padding-right: 10%;
}

.c-favorite__buttons .c-btn {
  vertical-align: top;
}

.c-favorite__delete-btn {
  float: right;
  padding: .2em 1em;
  text-align: center;
  width: 30%;
  border-width: 3px;
  margin-right: 5%;
}

.c-favorite__delete-btn img {
  top: auto;
  margin-right: 0;
  width: 13px;
}

.c-favorite__delete-btn span {
  display: none;
}

.c-favorite__buy-btn {
  float: right;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 65%;
  padding: .6em 0;
}

.c-customer_info__buttons {
  float: right;
  width: 100%;
  padding-right: 20%;
}

.c-customer_info__buttons .c-btn {
  vertical-align: top;
}

.c-customer_info__delete-btn {
  float: right;
  padding: .35em 0em;
  text-align: center;
  width: 15%;
  border-width: 3px;
  margin-right: 5%;
}

.c-customer_info__delete-btn img {
  top: auto;
  margin-right: 0;
  width: 13px;
}

.c-customer_info__delete-btn span {
  display: none;
}

.c-customer_info__change-btn {
  float: right;
  font-size: 13px;
  font-size: 0.8125rem;
  width: 45%;
  padding: .6em 0;
}

@media screen and (min-width: 768px) {
  .c-favorite__detail {
    float: left;
    width: 66%;
  }
  .c-favorite__detail:hover .p-products__item-name {
    text-decoration: underline;
  }
  .c-favorite__detail .p-products__item-image-area {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  .c-favorite__detail .p-products__item-text-area {
    float: right;
    width: 67%;
  }
  .c-favorite__detail .p-products__item-point {
    margin-left: 0;
  }
  .c-favorite__detail .p-products__item-review {
    padding-top: 0;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-favorite__buttons {
    width: 30%;
    padding-right: 10px;
    padding-top: 24px;
  }
  .c-favorite__delete-btn {
    float: right;
    padding: .3em 1.5em;
    width: auto;
    margin-right: 0;
  }
  .c-favorite__delete-btn img {
    top: -2px;
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
  }
  .c-favorite__delete-btn span {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: middle;
  }
  .c-favorite__buy-btn {
    float: none;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    padding: .8em 0;
    margin-bottom: 20px;
  }
  .c-customer_info__buttons {
  float: right;
  width: 100%;
  padding-right: 30%;
}
  .c-customer_info__delete-btn span {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    vertical-align: middle;
    margin-left: 4px;
  }
 .c-customer_info__change-btn {
   float: right;
   font-size: 13px;
   font-size: 0.8125rem;
   width: 30%;
   padding: .6em 0;
 }
 .c-customer_info__delete-btn {
   float: right;
   padding: .2em 1em;
   text-align: center;
   width: 23%;
   border-width: 3px;
   margin-right: 5%;
 }
.c-customer_info_title{
   margin-top: 0px;
 }
}

/* my-teiki */
.c-my-teiki {
  margin-top: -1px;
  border-bottom: 1px solid #d7d1c5;
  padding: 3.4375%;
}

.c-my-teiki__title {
  font-weight: bold;
  color: white;
  padding: .2em;
  background: #555555;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 0px !important;
}

.c-my-teiki__item-header {
  *zoom: 1;
  margin-bottom: 1em;
}

.c-my-teiki__item-header:before, .c-my-teiki__item-header:after {
  display: table;
  content: " ";
}

.c-my-teiki__item-header:after {
  clear: both;
}

.c-my-teiki__item-image-area {
  position: relative;
  float: left;
  width: 32.718120805%;
  margin-right: 4.026845638%;
}

.c-my-teiki__item-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 3.8em;
  height: 3.8em;
  background: #bfaa8d;
  border-radius: 2em;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-size: 11px;
  font-size: 0.6875rem;
}

.c-my-teiki__item-icon p {
  text-align: center;
  font-weight: bold;
  line-height: 1.1;
}

.c-my-teiki__item-icon .premium {
  font-size: 10px;
  font-size: 0.625rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  letter-spacing: -.15em;
  text-indent: -.15em;
  display: block;
  white-space: nowrap;
}

.c-my-teiki__item-text-area {
  float: left;
  width: 63.255033557%;
}

.c-my-teiki__item-name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: .5em;
}

.c-my-teiki__item-name a:after {
  position: absolute;
  right: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .5em;
  height: .5em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.c-my-teiki__item-price {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1em;
}

.c-my-teiki__item-price span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.c-my-teiki__next {
  display: inline-block;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  padding: .5em;
  border: 2px solid #e9e0d3;
}

.c-my-teiki__next p {
  text-align: center;
}

.c-my-teiki__next-wrapper {
  text-align: center;
}

.c-my-teiki__next-date {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}

.c-my-teiki__info-item {
  margin-top: 5px;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}

.c-my-teiki__info-item-thumb {
  display: table-cell;
  width: 13.76146789%;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
}

.c-my-teiki__info-item-text {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  padding-left: .5em;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-my-teiki__info-subtotal {
  *zoom: 1;
  background: #f4f0eb;
  margin-left: -.8em;
  margin-right: -.8em;
  padding: .5em .8em;
}

.c-my-teiki__info-subtotal:before, .c-my-teiki__info-subtotal:after {
  display: table;
  content: " ";
}

.c-my-teiki__info-subtotal:after {
  clear: both;
}

.c-my-teiki__info-subtotal-title {
  float: left;
  font-weight: bold;
}

.c-my-teiki__info-subtotal-price {
  float: right;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}

.c-my-teiki__info-subtotal-price:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-bottom: 1px solid #333;
  width: 100%;
}

.c-my-teiki__info-subtotal-price span {
  font-size: 14px;
  font-size: 0.875rem;
}

.c-my-teiki__info-total {
  *zoom: 1;
  padding: 1.5em 0;
  text-align: center;
  letter-spacing: -.25em;
  margin-left: -.8em;
  margin-right: -.8em;
}

.c-my-teiki__info-total:before, .c-my-teiki__info-total:after {
  display: table;
  content: " ";
}

.c-my-teiki__info-total:after {
  clear: both;
}

.c-my-teiki__info-total-otoku {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
  background: #f9e191;
  font-weight: bold;
  padding: .5em;
  margin-right: 4.5%;
}

.c-my-teiki__info-total-otoku:after {
  position: absolute;
  top: 0;
  right: -1em;
  display: block;
  content: '';
  background: inherit;
  border: 2em solid white;
  border-left: 1em solid #f9e191;
  border-right: none;
}

.c-my-teiki__info-total-souryou {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
  font-weight: bold;
  background: #bfaa8d;
  color: white;
  width: 3em;
  text-align: center;
  line-height: 1.1;
  padding: .5em .25em;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 5px;
  margin-right: 2.5%;
}

.c-my-teiki__info-total-text {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle;
}

.c-my-teiki__info-total-price {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

.c-my-teiki__info-total-price span {
  font-size: 22px;
  font-size: 1.375rem;
  color: #99650c;
  font-weight: bold;
}

.c-my-teiki__info-total-point {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-left: 2px;
}

.c-my-teiki__info-total-point span {
  font-weight: bold;
}

.c-my-teiki__detail {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 1em;
  margin-bottom: 2em;
}

.c-my-teiki__detail dt {
  clear: left;
  float: left;
  width: 8em;
  margin-bottom: .5em;
}

.c-my-teiki__detail dd {
  overflow: hidden;
  padding-left: 1em;
  margin-bottom: .5em;
}

.c-my-teiki__detail dd:before {
  content: '：';
  margin-left: -1em;
}

.c-my-teiki__link {
  position: relative;
  display: block;
  background: #f8f3ec;
  border: 2px solid #ddc4a3;
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  color: currentColor;
  text-align: center;
  padding: .7em;
  margin-bottom: 1em;
  cursor: pointer;
}

.c-my-teiki__link:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .5em;
  height: .5em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.c-my-teiki__inquiry-btn {
  font-size: 12px;
  font-size: 0.75rem;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.c-my-teiki__header {
  *zoom: 1;
  margin-bottom: 20px;
}

.c-my-teiki__header:before, .c-my-teiki__header:after {
  display: table;
  content: " ";
}

.c-my-teiki__header:after {
  clear: both;
}

.c-my-teiki__header-next {
  float: left;
  width: 49%;
}

.c-my-teiki__header-next p {
  display: inline-block;
  vertical-align: middle;
}

.c-my-teiki__header-total {
  float: right;
  width: 49%;
  padding: .25em;
  border-bottom: 2px solid #e9e0d3;
}

.c-my-teiki__header-total-title {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-my-teiki__header-total-price {
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
}

.c-my-teiki__header-total-price span {
  font-size: 16px;
  font-size: 1rem;
  padding-right: .1em;
}

.c-my-teiki__item {
  padding: 5px 0 0;
}

.c-my-teiki__footer {
  *zoom: 1;
  padding-top: 15px;
  margin-bottom: 15px;
}

.c-my-teiki__footer:before, .c-my-teiki__footer:after {
  display: table;
  content: " ";
}

.c-my-teiki__footer:after {
  clear: both;
}

.c-my-teiki__footer .c-my-teiki__item-text-area {
  float: none;
  width: auto;
}

.c-my-teiki__footer .c-my-teiki__item-button-area {
  float: none;
}

@media screen and (min-width: 768px) {
  .c-my-teiki {
    padding: 3.4375% 0 44px;
  }
  .c-my-teiki .c-cart-box__product-teiki-info {
    margin: 0 3.4375%;
  }
  .c-my-teiki__title {
    padding: .5em;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-my-teiki__item-header {
    margin-bottom: 0;
  }
  .c-my-teiki__item-image-area {
    padding-top: 30px;
    width: 23.285714286%;
    margin-right: 1.857142857%;
  }
  .c-my-teiki__item-icon {
    top: 0;
    left: 5px;
    width: 44px;
    height: 44px;
  }
  .c-my-teiki__item-icon p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-my-teiki__item-icon .premium {
    display: block;
    white-space: nowrap;
    letter-spacing: -.1em;
  }
  .c-my-teiki__item-text-area {
    width: 45.714285714%;
  }
  .c-my-teiki__item-button-area {
    float: right;
    width: 29.142857143%;
  }
  .c-my-teiki__item-name {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    padding-right: 2em;
    margin-bottom: .7em;
    line-height: 1.2;
  }
  .c-my-teiki__item-name a:after {
    display: none;
  }
  .c-my-teiki__item-price {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .c-my-teiki__item-price span {
    font-weight: normal;
  }
  .c-my-teiki__item-price-number {
    font-weight: normal;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-my-teiki__item-price-number > span {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
  .c-my-teiki__next {
    display: block;
    margin-bottom: 10px;
    border-width: 3px;
    padding: 1em;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .c-my-teiki__next-wrapper {
    display: none;
  }
  .c-my-teiki__next-date {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-my-teiki__inquiry-btn {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 1em;
    display: block;
    margin-bottom: 12px;
  }
  .c-my-teiki__link {
    padding: .9em;
    padding-right: 2em;
    border-radius: 8px;
  }
  .c-my-teiki__detail {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .c-my-teiki__info-inner {
    *zoom: 1;
    padding-left: 5px;
    padding-bottom: 24px;
  }
  .c-my-teiki__info-inner:before, .c-my-teiki__info-inner:after {
    display: table;
    content: " ";
  }
  .c-my-teiki__info-inner:after {
    clear: both;
  }
  .c-my-teiki__info-item-wrapper {
    float: left;
    width: 55%;
    border-right: 2px solid #d2d2d2;
  }
  .c-my-teiki__info-item {
    margin-top: 5px;
    margin-bottom: 14px;
    display: table;
    width: 100%;
  }
  .c-my-teiki__info-item:last-child {
    margin-bottom: 0;
  }
  .c-my-teiki__info-item-thumb img {
    width: 50px;
  }
  .c-my-teiki__info-item-text {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-my-teiki__info-price-wrapper {
    float: right;
    width: 45%;
    padding-left: 2em;
  }
  .c-my-teiki__info-subtotal {
    float: left;
    background: none;
    padding-top: 1em;
  }
  .c-my-teiki__info-subtotal-title {
    float: none;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-my-teiki__info-subtotal-price {
    float: none;
  }
  .c-my-teiki__info-total {
    *zoom: 1;
    padding: 0;
  }
  .c-my-teiki__info-total:before, .c-my-teiki__info-total:after {
    display: table;
    content: " ";
  }
  .c-my-teiki__info-total:after {
    clear: both;
  }
  .c-my-teiki__info-total-otoku {
    float: right;
    font-size: 10px;
    font-size: 0.625rem;
    background: #f9e191;
    padding: 1em;
    padding-bottom: .5em;
    margin-right: 1em;
    line-height: 1.1;
    text-align: center;
    min-width: 98px;
  }
  .c-my-teiki__info-total-otoku:after {
    top: auto;
    bottom: -15px;
    right: auto;
    left: 50%;
    border: 50px solid white;
    border-top: 1.5em solid #f9e191;
    border-bottom: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .c-my-teiki__info-total-otoku-text-01 {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-my-teiki__info-total-otoku-text-02 {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-my-teiki__info-total-souryou {
    clear: both;
    float: left;
    width: 54px;
    padding: .6em .25em;
    font-size: 16px;
    font-size: 1rem;
    margin-left: .5em;
  }
  .c-my-teiki__info-total-text {
    float: right;
    margin-right: 1em;
  }
  .c-my-teiki__info-total-price {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
  }
  .c-my-teiki__info-total-price span {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .c-my-teiki__info-total-point {
    font-size: 17px;
    font-size: 1.0625rem;
    text-align: right;
    padding-right: 2px;
  }
  .c-my-teiki__header {
    margin-bottom: 20px;
  }
  .c-my-teiki__header-next p {
    display: inline-block;
    vertical-align: middle;
  }
  .c-my-teiki__header-total {
    padding: .7em .5em;
  }
  .c-my-teiki__header-total-title {
    float: left;
    padding-top: 8px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .c-my-teiki__header-total-price {
    float: right;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-my-teiki__header-total-price span {
    font-size: 20px;
    font-size: 1.25rem;
    padding-right: .1em;
  }
  .c-my-teiki__item {
    padding: 15px 0;
  }
  .c-my-teiki__footer {
    margin-bottom: 0;
  }
  .c-my-teiki__footer .c-my-teiki__item-text-area {
    float: left;
    width: 63.255033557%;
  }
  .c-my-teiki__footer .c-my-teiki__item-button-area {
    float: right;
  }
}

/* auto-input-btn */
.c-auto-input-btn {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  color: white;
  background: #a6a6a6;
  border-radius: 5px;
  text-align: center;
  line-height: 1;
  padding: .9em 1em;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .c-auto-input-btn {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 10px;
    padding: .7em .8em;
  }
}

/* wide-set */
.c-wide-set {
  *zoom: 1;
}

.c-wide-set:before, .c-wide-set:after {
  display: table;
  content: " ";
}

.c-wide-set:after {
  clear: both;
}

.c-wide-set dt {
  clear: left;
  float: left;
}

/* link */
.c-link {
  padding: 1.5em .7em;
  padding-right: 2em;
  position: relative;
  color: currentColor;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-link:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.c-link2, .c-link3 {
  padding: 1.5em .7em;
  padding-right: 2em;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
          width: 100%;
}

.c-link2 a, .c-link3 a {
  color: #333 !important;
  text-decoration: none;
}

.c-link2:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.c-link3:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(315deg);
      -ms-transform: translateY(-50%) rotate(315deg);
          transform: translateY(-50%) rotate(315deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.c-link--gray {
  padding: 1em .7em;
  padding-right: 2em;
  background: #4d4d4d;
  color: white;
}

.c-link--gray:after {
  border-color: #9f9f9f;
}

.c-link--before {
  padding: 0;
  padding-left: 1.2em;
  position: relative;
  color: currentColor;
}

.c-link--before:after {
  right: auto;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg) scale(0.65);
      -ms-transform: translateY(-50%) rotate(45deg) scale(0.65);
          transform: translateY(-50%) rotate(45deg) scale(0.65);
}

/* link-list */
.c-link-list {
  display: block;
  overflow: hidden;
}

.c-link-list__item {
  float: left;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dcd7cc;
  border-right: 1px solid #dcd7cc;
  font-size: 12px;
  font-size: 0.75rem;
}

.c-link-list__item > a {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: currentColor;
}

.c-link-list__item:nth-child(2n) {
  border-right: none;
}

@media screen and (min-width: 768px) {
  .c-link-list {
    *zoom: 1;
    display: block;
  }
  .c-link-list:before, .c-link-list:after {
    display: table;
    content: " ";
  }
  .c-link-list:after {
    clear: both;
  }
  .c-link-list__item {
    float: left;
  }
}

/* modal */
.c-modal__bg {
  position: fixed;
  display: block;
  top: 0;
  /* right: 0; */
  /* bottom: 0; */
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 100000;
}
.c-modal__wrapper {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-modal {
  position: absolute;
  display: none;
  max-width: 700px;
  width: 90%;
  height: auto;
	background: #fff;
  border-radius: 5px;
  overflow: hidden;
  padding: 20px 1em;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); */
  z-index: 100001;
}

.c-modal__wrapper--confirm {
  max-width: 500px;
}

.c-modal__wrapper--confirm .c-modal__button-area {
  margin-top: 5px;
}

.c-modal__wrapper_brand {
  max-width: 700px;
  max-height: 570px;
  width: 90%;
  height: auto;
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 120001;
}

.c-modal__wrapper_brand--confirm {
  max-width: 500px;
}

.c-modal__wrapper_brand--confirm .c-modal__button-area {
  margin-top: 5px;
}

.c-modal__wrapper_viwe {
  max-width: 700px;
  max-height: 570px;
  width: 90%;
  height: auto;
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100001;
}

.c-modal__wrapper_viwe--confirm {
  max-width: 500px;
}

.c-modal__wrapper_viwe--confirm .c-modal__button-area {
  margin-top: 5px;
}

.c-modal__header {
  *zoom: 1;
  padding: 0 20px;
  padding-right: 20px;
  margin: -20px;
  margin-bottom: 0;
}

.c-modal__header:before, .c-modal__header:after {
  display: table;
  content: " ";
}

.c-modal__header:after {
  clear: both;
}

.c-modal__header--cart {
  position: relative;
  background: #414141;
  border-top: 1px solid #414141;
  color: white;
  margin-bottom: -2px;
}

.c-modal__header--cart .c-modal__close {
  margin-right: -8px;
  cursor: pointer;
}

.c-modal__title {
  float: left;
  padding: 12px 0;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}

.c-modal__close {
  float: right;
  display: inline-block;
  width: auto;
  padding: .25em .5em;
  margin-top: 8px;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-modal__body {
  border-top: 1px solid #d2d2d2;
  padding-top: 15px;
}
.c-modal__body2 {
  border-top: none !important;
  padding-top: 15px;
}
.c-modal__body3 {
  border-top: none !important;
  padding-top: 15px;
  text-align: center;
}

.c-modal__body .p-cart__holding-point,
.c-modal__body .c-cart-box__title {
  margin-left: 0;
  margin-right: 0;
}

.c-modal__body .c-cart-box__form-input + .c-cart-box__form-input {
  margin-top: 10px;
  margin-bottom: 10px;
}

.c-modal__body--borderless {
  padding-top: 0;
  border-top: none;
}

.c-modal__button-area {
  text-align: center;
}

.c-modal__button-area--mypage {
  margin: 20px 0;
}

.c-modal__mod-button {
  max-width: 250px;
  padding-top: .5em;
  padding-bottom: .5em;
  vertical-align: middle;
  cursor: pointer;
}

.c-modal__delete-button {
  max-width: 220px;
  width: 61%;
  padding-top: .5em;
  padding-bottom: .5em;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-modal__cancel-button {
  max-width: 140px;
  width: 36%;
  font-size: 14px;
  font-size: 0.875rem;
  padding: .5em 0;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .c-modal {
    padding: 20px;
    border-radius: 10px;
  }
  .c-modal__header {
    padding-right: 20px;
  }
  .c-modal__close {
    padding: .5em 1em;
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .c-modal__body {
    padding: 0;
    border-top: 2px solid #d2d2d2;
    padding-top: 20px;
  }
  .c-modal__body--borderless {
    padding-top: 0;
    border-top: none;
  }
  .c-modal__delete-button {
    font-size: 16px;
    font-size: 1rem;
  }
  .c-modal__cancel-button {
    position: relative;
    top: -1px;
    font-size: 16px;
    font-size: 1rem;
    padding-top: .6em;
    padding-bottom: .6em;
    margin-left: 5px;
  }
  #lineQRModal {
    width: 30%;
  }
}

/*c-bg */
.c-bg {
  padding: 12px;
}

.c-bg--beige {
  overflow: hidden;
  background: #f4f1eb;
}

.c-bg--gray {
  overflow: hidden;
  background: #f4f4f4;
}

/* mega-menu */
.c-mega-menu {
  display: none;
  width: 100%;
  border: 1px solid #d4d4d4;
  padding: 20px 0;
  background: white;
  z-index: 9999;
  opacity: 0;
}

.c-mega-menu.is-open {
  display: block;
  opacity: 1;
  -webkit-animation: mega-menu-in .3s;
          animation: mega-menu-in .3s;
}

.c-mega-menu__column {
  float: left;
  border-right: 1px solid #d7d1c5;
  padding: 0 15px 10px;
}

.c-mega-menu__column:last-child {
  border-right: none;
}

.c-mega-menu__title-link {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 15px;
}

.c-mega-menu__title-link img {
  display: block;
  float: left;
  width: 26px;
  position: relative;
  top: -5px;
  margin-right: 5px;
}

.c-mega-menu__title-link a {
  padding: 10px 0;
  padding-right: 3em;
}

.c-mega-menu__lists {
  *zoom: 1;
}

.c-mega-menu__lists:before, .c-mega-menu__lists:after {
  display: table;
  content: " ";
}

.c-mega-menu__lists:after {
  clear: both;
}

.c-mega-menu__lists .c-mega-menu__list {
  float: left;
}

.c-mega-menu__item {
  font-size: 13px;
  font-size: 0.8125rem;
}

.c-mega-menu__item a {
  padding: .5em 0;
  padding-right: 3em;
}

.c-mega-menu__item a:after {
  width: .5em;
  height: .5em;
}

.c-mega-menu__search {
  padding: 0 20px;
  float: left;
}

.c-mega-menu__search .c-btn {
  border: none;
  background: #bfaa8d;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  width: auto;
  padding: 11px 15px;
  margin-left: 2px;
}

.c-mega-menu__search label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.c-mega-menu__search-price {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
}

.c-mega-menu__search-price input[type=number] {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 9px;
  border: 2px solid #e9e0d2;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 120px;
  margin-right: .5em;
}

.c-mega-menu__search-keyword {
  display: inline-block;
}

.c-mega-menu__search-keyword input[type=text] {
  font-size: 14px;
  font-size: 0.875rem;
  width: 320px;
  padding: 9px;
  border: 2px solid #e9e0d2;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#mega-cosmetics .c-mega-menu__column {
  width: 190px;
}

#mega-cosmetics .c-mega-menu__title-link {
  display: block;
}

#mega-cosmetics .c-mega-menu__title-link a {
  padding-right: 2em;
}

#mega-cosmetics .c-mega-menu__title-link a:after {
  right: 0;
}

#mega-purpose {
  padding-top: 15px;
  padding-bottom: 0;
}

#mega-purpose .c-mega-menu__title-link {
  width: 28%;
  vertical-align: middle;
  margin-right: 2%;
  margin-bottom: 5px;
}

#mega-search {
  width: auto;
  left: auto;
  right: 0;
}

@-webkit-keyframes mega-menu-in {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes mega-menu-in {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/* review */
.c-review {
  *zoom: 1;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.c-review:before, .c-review:after {
  display: table;
  content: " ";
}

.c-review:after {
  clear: both;
}

.c-review__title {
  padding: 15px;
  color: #705150;
  position: relative;
  background: #f4f1eb;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: bold;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
  border-bottom: 1px solid #d7d1c5;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transition: .25s;
  transition: .25s;
}

.c-review__title:before, .c-review__title:after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: '';
  -webkit-transition: .25s;
  transition: .25s;
}

.c-review__title:before {
  background: white;
  width: 7.8125%;
  padding-top: 7.8125%;
  border-radius: 20%;
}

.c-review__title:after {
  top: 40%;
  right: 24px;
  right: calc(1.5% + 20px);
  border: 3px solid #bfaa8d;
  border-left: none;
  border-bottom: none;
  width: 2.35%;
  padding-top: 2.35%;
  height: 0;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transform: rotate(135deg) translate(10%, 30%);
      -ms-transform: rotate(135deg) translate(10%, 30%);
          transform: rotate(135deg) translate(10%, 30%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.c-review__title.is-open:before {
  background: #bfaa8d;
}

.c-review__title.is-open:after {
  border-color: white;
  -webkit-transform: rotate(-45deg) translate(-40%);
      -ms-transform: rotate(-45deg) translate(-40%);
          transform: rotate(-45deg) translate(-40%);
}

.c-review__title img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.c-review__body {
  background: #f9f9f9;
  padding: 3%;
}

.c-review__product {
  *zoom: 1;
  padding-bottom: 10px;
}

.c-review__product:before, .c-review__product:after {
  display: table;
  content: " ";
}

.c-review__product:after {
  clear: both;
}

.c-review__product-image {
  float: left;
  width: 20%;
  border: 1px solid #cacaca;
  margin-right: 4%;
}

.c-review__product-text {
  overflow: hidden;
}

.c-review__product-name {
  font-weight: bold;
  font-size: 15px;
  font-size: 0.9375rem;
}

.c-review__product-detail {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-review__item {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  background: white;
  padding: 12px 13px;
  margin-bottom: 3%;
}

.c-review__item-title {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: .5em;
}

.c-review__item-title img {
  position: relative;
  vertical-align: middle;
  top: -2px;
  margin-right: .25em;
}

.c-review__item-satisfaction {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  padding-left: 2px;
}

.c-review__item-comment {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-left: 2px;
}

.c-review__item-comment .contiueReview,
.c-review__item-comment .closeReview {
  cursor: pointer;
  color: currentColor;
  text-decoration: underline;
}

.c-review__item-comment .initial {
  display: inline;
}

.c-review__item-footer {
  *zoom: 1;
  margin-top: 1em;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: .7em;
  padding-left: 2px;
  border-top: 1px solid #d2d2d2;
}

.c-review__item-footer:before, .c-review__item-footer:after {
  display: table;
  content: " ";
}

.c-review__item-footer:after {
  clear: both;
}

.c-review__item-name {
  float: left;
  font-weight: bold;
}

.c-review__item-date {
  float: right;
}

.c-review__more {
  border-top: 1px solid #cccccc;
  text-align: center;
  margin-bottom: 1.5em;
}

.c-review__more-button {
  margin-top: -2px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-top: none;
  border-radius: 0 0 7px 7px;
  background: #f9f9f9;
  font-size: 15px;
  font-size: 0.9375rem;
  text-align: center;
}

.c-review__more-button.is-disabled {
  display: none;
}

.c-review__more-button a {
  display: block;
  text-align: center;
  padding: 0 2.5em .5em;
  color: #000000;
}

.c-review__post {
  width: 82.8125%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .c-review__title {
    padding: 12px;
    padding-bottom: 11px;
    font-size: 16px;
    font-size: 1rem;
    cursor: pointer;
  }
  .c-review__title img {
    width: 27px;
  }
  .c-review__title:before {
    background: white;
    right: 10px;
    width: 30px;
    padding-top: 30px;
    border-radius: 20%;
  }
  .c-review__title:after {
    top: 35%;
    right: 16px;
    border: 3px solid #bfaa8d;
    border-left: none;
    border-bottom: none;
    width: 8px;
    padding-top: 8px;
    height: 0;
    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .c-review__body {
    padding: 19px;
    border: 1px solid #cccccc;
    border-bottom: none;
  }
  .c-review__product {
    *zoom: 1;
    padding-bottom: 13px;
  }
  .c-review__product:before, .c-review__product:after {
    display: table;
    content: " ";
  }
  .c-review__product:after {
    clear: both;
  }
  .c-review__product-image {
    width: 66px;
    margin-right: 10px;
  }
  .c-review__product-name {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .c-review__product-detail {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-review__item {
    border-width: 2px;
    border-radius: 10px;
    margin-bottom: 12px;
  }
  .c-review__item:last-child {
    margin-bottom: 5px;
  }
  .c-review__item-satisfaction {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-review__item-comment {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .c-review__item-footer {
    font-size: 12px;
    font-size: 0.75rem;
    border-width: 2px;
  }
  .c-review__item-name {
    min-width: 17em;
  }
  .c-review__item-date {
    float: left;
  }
  .c-review__post {
    max-width: 318px;
  }
}

/* stars */
.c-stars {
  color: #f29700;
}

/* c-lead-entry */
.c-lead-entry__title {
  background: url(./images/bg_ttl_lead_entry.png) center no-repeat;
  -webkit-background-size: 100% 1.7em;
          background-size: 100% 1.7em;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-size: 4vw;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 3%;
  padding-right: 2%;
}

.c-lead-entry__title span {
  font-size: 25px;
  font-size: 1.5625rem;
  font-size: 5vw;
}

.c-lead-entry__body {
  background: #f5e7ae;
  padding: 5% 1.5% 2%;
}

.c-lead-entry__body ul {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-lead-entry__list {
  position: relative;
  width: 32%;
  background: white;
  border-radius: 5px;
  text-align: center;
}

.c-lead-entry__list-icon {
  position: relative;
  top: -1em;
  display: inline-block;
  background: #ea9fa7;
  color: white;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  text-align: center;
  width: 5em;
  height: 2.2em;
  margin-bottom: -.5em;
}

.c-lead-entry__list-icon:before {
  position: absolute;
  content: '';
  right: -1em;
  border: 1.1em solid #ea9fa7;
  border-right-width: .5em;
  border-left-width: .5em;
  border-right-color: transparent;
}

.c-lead-entry__list-icon:after {
  position: absolute;
  content: '';
  left: -1em;
  border: 1.1em solid #ea9fa7;
  border-right-width: .5em;
  border-left-width: .5em;
  border-left-color: transparent;
}

.c-lead-entry__list-icon i {
  font-size: 15px;
  font-size: 0.9375rem;
}

.c-lead-entry__list-inner {
  text-align: center;
}

.c-lead-entry__list-title {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), color-stop(86%, #ffda8a), to(#ffda8a));
  background-image: linear-gradient(to bottom, transparent 0%, transparent 85%, #ffda8a 86%, #ffda8a 100%);
  -webkit-background-size: auto 1.4em;
          background-size: auto 1.4em;
  margin: 0 .25em .5em;
  font-feature-settings: 'pkna';
}

.c-lead-entry__list-body {
  background: white;
  border-radius: 5px;
  font-size: 9px;
  font-size: 0.5625rem;
  padding: 0 1em 1em;
  font-feature-settings: 'pkna';
}

.c-lead-entry__list-body p {
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .c-lead-entry__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .c-lead-entry__title span {
    font-size: 25px;
    font-size: 1.5625rem;
  }
  .c-lead-entry__list-icon {
    font-size: 12px;
    font-size: 0.75rem;
    height: 28px;
  }
  .c-lead-entry__list-icon:before, .c-lead-entry__list-icon:after {
    border-top-width: 14px;
    border-bottom-width: 14px;
  }
  .c-lead-entry__list-icon i {
    font-size: 19px;
    font-size: 1.1875rem;
  }
  .c-lead-entry__list-inner {
    margin-top: -.25em;
  }
  .c-lead-entry__list-title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .25em;
  }
  .c-lead-entry__list-body {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.c-line-friend__btn {
  display: inline-block;
  text-align: center;
  width: 155px;
  height: 32px;
  background-color: #00b833;
  color: #fff;
  border-radius: 6px;
  text-decoration: none !important;
}

.c-line-friend__btn:before {
  content: "";
  display: inline-block;
  background: url(/shop/cms/sp/images/line.png) 1px 4px no-repeat;
  background-size: 23px 23px;
  width: 25px;
  height: 32px;
  margin-right: 5px;
}

.c-line-friend__btn:after {
  content: "友だち追加";
  font-size: 16px;
  vertical-align: top;
  line-height: 32px;
  white-space: nowrap;
  font-weight: 400;
}

.c-line-friend__btn:hover {
  background-color: #02a52f;
}

/* table */
.c-table {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #ebe7e1;
}

.c-table tr:last-child th, .c-table tr:last-child td {
  border-bottom: none;
}

.c-table th {
  background: #595959;
  padding: 6px;
  color: white;
  border-bottom: 1px solid white;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}

.c-table td {
  border-bottom: 1px solid #ebe7e1;
  border-right: 1px solid #ebe7e1;
  vertical-align: top;
  padding: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  text-align: center;
}


/* pc-only */
.c-pc-only {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-pc-only {
    display: block !important;
  }
  span.c-pc-only,
  img.c-pc-only {
    display: inline-block !important;
  }
}

/* sp-only */
.c-sp-only {
  display: block;
}

span.c-sp-only,
img.c-sp-only {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-sp-only {
    display: none !important;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  display: table;
  content: '';
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/shop/cms/sp/images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 58px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10;
  overflow: visible;
}

.slick-prev:hover, .slick-prev:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before {
  opacity: 1;
}

.slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
  text-align: left;
}

[dir='rtl'] .slick-prev {
  right: -1%;
  left: auto;
}

.slick-prev:before {
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(-135deg);
      -ms-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .1em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

[dir='rtl'] .slick-prev:before {
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .1em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

.slick-next {
  right: 0px;
  text-align: right;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -3%;
}

.slick-next:before {
  right: 0;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .1em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

[dir='rtl'] .slick-next:before {
  content: url(/shop/cms/sp/images/ico_slide_prev.png);
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-size: 12px;
  line-height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  content: '•';
  text-align: center;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #cccccc;
}

/* relation-links */
.c-relation-links {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-relation-links {
    overflow: hidden;
    display: block;
    margin-top: 60px;
    background: #f4f1eb;
    padding: 0 10px 10px;
  }
  .c-relation-links__title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .c-relation-links__list {
    padding: 10px 20px;
    background: white;
  }
  .c-relation-links__list li {
    display: inline;
    vertical-align: middle;
    line-height: 2.5;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .c-relation-links__list li:after {
    content: '|';
    margin: 0 .5em;
    display: inline-block;
    vertical-align: middle;
  }
  .c-relation-links__list li:last-child:after {
    display: none;
  }
  .c-relation-links__list a {
    display: inline;
    vertical-align: middle;
    color: currentColor;
  }
}

/* em-text */
.c-em-text {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-em-text {
    display: block;
    overflow: hidden;
    padding: 10px;
    padding-top: 50px;
  }
  .c-em-text__description {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 2em;
  }
  .c-em-text__em {
    font-size: 12px;
    font-size: 0.75rem;
    float: right;
  }
}

/*! politespace - v0.1.20 - 2016-09-26
 *Politely add spaces to input values to increase readability (credit card numbers, phone numbers, etc).
 *   https://github.com/filamentgroup/politespace
 *   Copyright (c) 2016 Filament Group (@filamentgroup)
 *   MIT License */
.politespace-proxy {
  position: relative;
  overflow: hidden;
  /* clearfix for floating siblings */
  display: inline-block;
}

.politespace-proxy-val {
  display: none;
}

.politespace-proxy.active.notempty > .politespace-proxy-val {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.politespace-proxy.active.notempty input {
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.politespace-proxy.active.notempty input[type=number] {
  -moz-appearance: textfield;
}

.politespace-proxy.active.notempty input[type=number]::-webkit-inner-spin-button, .politespace-proxy.active.notempty input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* floating-side */
@media screen and (min-width: 768px) {
  .c-floating-side {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .c-floating-side.is-sticky {
    width: auto;
    max-width: 300px;
    position: fixed;
    top: 20px;
    bottom: 0;
  }
  .c-floating-side.is-sticky.is-thin {
    top: auto;
    bottom: 0;
    margin-bottom: 0;
  }
  .c-floating-side.is-locked {
    position: absolute;
    top: auto;
  }
}

/* select or die */
.sod_select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  background: #ffffff;
  color: #444444;
  text-align: left;
  outline: 0;
  outline-offset: -2px;
  /* Opera */
  /* Use this if you're using a prefix and want to style it */
  /* Use this if you're using a placeholder and want to style it */
  /* If data-link-external is set on a specific option */
}

.sod_select * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sod_select.c-form__select {
  position: relative;
  padding: 11px;
  padding-right: 20px;
  border: 2px solid #a5a5a5 !important;
  border-radius: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

.sod_select.c-form__select:before {
  content: "\25B2";
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 7px;
}

.sod_select.c-form__select:after {
  position: absolute;
  right: 10px;
  font-size: 7px;
  content: "\25BC";
  top: auto;
  bottom: 8px;
}

.sod_select.c-form__select.open {
  border-radius: 10px 10px 0 0;
}

.sod_select.c-form__select .sod_list_wrapper {
  border-radius: 0 0 10px 10px;
  border-width: 2px !important;
  border-color: #a5a5a5 !important;
  margin-left: -2px;
  margin-right: -2px;
}

.sod_select:hover, .sod_select.open, .sod_select.focus {
  border-color: #d7d1c4;
}

.sod_select.open {
  border-radius: 4px 4px 0 0;
}

.sod_select.disabled {
  border-color: #828282;
  color: #b2b2b2;
  cursor: not-allowed;
}

.sod_select .sod_label {
  display: block;
  overflow: visible;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
  pointer-events: none;
}

.sod_select .sod_list_wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  height: auto;
  margin: 0 -1px;
  background: #ffffff;
  border: 1px solid #d7d1c4;
  border-top: none;
  color: #444444;
  font-weight: 300;
  z-index: 1;
  padding: 0 3px 3px;
  border-radius: 0 0 4px 4px;
}

.sod_select.open .sod_list_wrapper {
  display: block;
}

.sod_select.disabled.open .sod_list_wrapper {
  display: none;
}

.sod_select .sod_list {
  display: block;
  overflow-y: auto;
  padding: 0;
  margin: 0;
}

.sod_select .sod_option {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  padding: 14px;
  list-style-type: none;
  border-top: 1px solid #d7d1c4;
  font-size: 12px;
  font-size: 0.75rem;
}

.sod_select .sod_option.optgroup {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic;
}

.sod_select .sod_option.optgroup.disabled {
  background: inherit;
  color: #939393;
  font-size: 10px;
  font-style: italic;
}

.sod_select .sod_option.groupchild {
  padding-left: 20px;
}

.sod_select .sod_option.is-placeholder {
  display: none;
}

.sod_select .sod_option.disabled {
  background: inherit;
  color: #cccccc;
}

.sod_select .sod_option.active {
  background: #f7f7f7;
  color: #333333;
}

.sod_select .sod_option.selected {
  font-weight: 700;
  padding-right: 25px;
  display: none;
}

.sod_select .sod_option.selected:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  color: #808080;
  height: 9px;
  width: 10px;
}

.sod_select.no_highlight .sod_option.selected {
  font-weight: 300;
}

.sod_select.no_highlight .sod_option.selected:before {
  display: none;
}

.sod_select .sod_option {
  /* If data-link is set on a specific option */
}

.sod_select select {
  display: none !important;
}

.sod_select.touch select {
  -webkit-appearance: menulist-button;
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
}

.placeholder {
  color: #aaa;
}

/* -----------------------------------------------------------------
 * 	Project
 * ----------------------------------------------------------------- */
/* top */
.p-top__main-visual {
  margin-bottom: 40px;
}

.p-top__main-visual-item {
  display: none;
}

.p-top__main-visual-item img {
  width: 100%;
}

.p-top__main-visual .slick-dots {
  bottom: -25px;
}

.p-top__main-visual .slick-dots li {
  margin: 0 2px;
}

.p-top__main-visual .slick-dots button:before {
  color: #cacaca;
  font-size: 10px;
}

.p-top__main-visual .slick-dots li.slick-active button:before {
  color: #ffaeb2;
}

.p-top__main-visual-text {
  display: none;
}

.p-top__recommend-item {
  background: white;
  margin-bottom: 12px;
  padding: 2px;
  -webkit-box-shadow: 2px 2px 1px #dedbd6;
          box-shadow: 2px 2px 1px #dedbd6;
}

.p-top__recommend-item-image {
  width: 100%;
}

.p-top__recommend-item-body {
  padding: 10px;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-top__recommend-category {
  display: inline-block;
  color: #fb676e;
  border: 2px solid;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 5px 4px 3px;
  min-width: 5em;
  text-align: center;
  margin-bottom: 7px;
}

.p-top__campaign {
  margin-bottom: 30px;
  padding: 0 12px;
}

.p-top__campaign-title {
  margin-top: 30px;
}

.p-top__campaign-item:before, .p-top__campaign-item:after {
  display: table;
  content: " ";
}

.p-top__campaign-item:after {
  clear: both;
}

.p-top__campaign-item a {
  overflow: hidden;
  position: relative;
  color: currentColor;
  padding: 10px 0;
}

.p-top__campaign-item a:after {
  position: absolute;
  right: .5em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .2em solid #a08768;
  border-bottom: none;
  border-left: none;
}


.p-top__campaign-item_none a:after {
  display: none;
}

.p-top__campaign-item + .p-top__campaign-item {
  border-top: 1px solid #bdbdbd;
}

.p-top__campaign-image {
  float: left;
  width: 25.63237774%;
  margin-right: 3.372681282%;
}

.p-top__campaign-text {
  float: left;
  width: 63.23777403%;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-top__campaign-limit {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  color: #a08766;
}

.p-top__products-lead {
  display: none;
}

.p-top__ranking {
  position: relative;
  background: url(/shop/cms/sp/parts/npRanking/images/bg_ranking.png);
  -webkit-background-size: 9px 9px;
          background-size: 9px;
  margin-bottom: 10px;
}

.p-top__ranking:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: url(/shop/cms/sp/parts/npRanking/images/bg_ranking_dogear.png);
  -webkit-transform: scale(0.5) translate(-50%, -50%);
      -ms-transform: scale(0.5) translate(-50%, -50%);
          transform: scale(0.5) translate(-50%, -50%);
}

.p-top__ranking .c-ranking__list {
  -webkit-scroll-snap-points-x: repeat(45%);
      -ms-scroll-snap-points-x: repeat(45%);
          scroll-snap-points-x: repeat(45%);
}

.p-top__ranking-title {
  font-weight: normal;
  padding-left: .5em;
}

.p-top__ranking-title span {
  color: #fb676e;
}

.p-top__ranking-item {
  width: 42%;
  margin-right: 7px;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.09);
}

.p-top__ranking-item-name {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-top__ranking-item-price {
  display: none;
}

.p-top__realtime {
  display: none;
}

.p-top__voice {
  *zoom: 1;
  padding-top: 20px;
  padding-bottom: 0;
  margin-bottom: 30px;
}

.p-top__voice:before, .p-top__voice:after {
  display: table;
  content: " ";
}

.p-top__voice:after {
  clear: both;
}

.p-top__voice-item {
  margin-bottom: 20px;
}

.p-top__voice-item-header {
  position: relative;
  background: url(/shop/cms/sp/common/index/images/top/bg_voice.png);
  -webkit-background-size: 3px 3px;
          background-size: 3px;
  color: white;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  padding: 10px;
  padding-left: 80px;
  padding-bottom: 8px;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-top__voice-item-header:before {
  position: absolute;
  top: -8px;
  left: 10px;
  display: block;
  float: left;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  content: url(/shop/cms/sp/common/index/images/top/ico_voice.png);
}

.p-top__voice-item-header:after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: inherit;
  width: 0;
  height: 0;
  display: block;
  content: '';
  border-top: 10px solid transparent;
  border-left: 10px solid white;
  border-right: 10px solid white;
  border-bottom: 10px solid white;
}

.p-top__voice-item-body {
  background: white;
}

.p-top__voice-item-body a {
  overflow: hidden;
  padding: 15px;
  position: relative;
  color: currentColor;
}

.p-top__voice-item-body a:after {
  position: absolute;
  right: .7em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .25em solid #ea9196;
  border-bottom: none;
  border-left: none;
}

.p-top__voice-item-image {
  float: left;
  width: 23.636363636%;
  margin-right: 3.636363636%;
  border: 1px solid #cccccc;
}

.p-top__voice-item-text {
  float: left;
  width: 67.272727273%;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-top__voice-item-name {
  color: #705150;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: .5em;
}

.p-top__voice-item-price {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-top__brand {
  margin-bottom: 30px;
}

.p-top__brand-list {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 76.5625%;
}

.p-top__brand-list li {
  display: inline-block;
  padding: 10px 20px;
  border-bottom: 1px solid #b9b9b9;
}

.p-top__brand-more {
  text-align: center;
  color: #705150;
  margin-top: 10px;
}

.p-top__brand-more a {
  text-align: center;
  position: relative;
  color: currentColor;
  padding: 10px;
}

.p-top__brand-more a:before {
  content: '';
  display: inline-block;
  border-top: .5em solid currentColor;
  border-right: .4em solid transparent;
  border-bottom: .5em solid transparent;
  border-left: .4em solid transparent;
  -webkit-transform: translateY(35%);
      -ms-transform: translateY(35%);
          transform: translateY(35%);
  margin-right: .4em;
}

.p-top__column {
  background: url(/shop/cms/sp/images/top/bg_column.png);
  -webkit-background-size: 8px 8px;
          background-size: 8px;
  padding: 15px 15px 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.p-top__column-title {
  margin-bottom: 15px;
}

.p-top__column-item {
  padding: 12px 15px 15px;
  background: white no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa6870), color-stop(28%, #fa6870), color-stop(29%, #888888));
  background-image: linear-gradient(to bottom, #fa6870 0%, #fa6870 28%, #888888 29%);
  -webkit-background-size: 3px 100%;
          background-size: 3px 100%;
  margin-bottom: 10px;
}

.p-top__column-item-date {
  font-weight: bold;
  color: #9a9a9a;
  margin-bottom: .5em;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-top__column-item-body {
  *zoom: 1;
}

.p-top__column-item-body:before, .p-top__column-item-body:after {
  display: table;
  content: " ";
}

.p-top__column-item-body:after {
  clear: both;
}

.p-top__column-item-image {
  float: left;
  margin-right: 1em;
}

.p-top__column-item-text {
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-top__news {
  padding: 15px;
  margin-bottom: 20px;
}

.p-top__news-title {
  position: relative;
  border-bottom: 1px solid #bfbfbf;
  padding-left: 40px;
  padding-bottom: .2em;
  color: #aa8753;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: .14em;
}

.p-top__news-title:before {
  position: absolute;
  top: 4px;
  left: -4px;
  content: url(/shop/cms/sp/images/top/ico_news.png);
  display: inline-block;
  -webkit-transform: scale(0.5) translateY(-50%);
      -ms-transform: scale(0.5) translateY(-50%);
          transform: scale(0.5) translateY(-50%);
}

.p-top__news-item {
  padding: 15px;
  border-bottom: 1px dotted #c4c4c4;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-top__news-item a {
  color: currentColor;
  display: inline !important;
  text-decoration: underline;
}

.p-top__news-date {
  font-weight: bold;
  color: #aa8753;
  margin-bottom: .5em;
}

.p-top__sns {
  padding-bottom: 15px;
}

.p-top__sns-title {
  position: relative;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #5d5d5d;
  text-align: center;
  margin-bottom: 10px;
}

.p-top__sns-title:before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #5d5d5d;
  top: 50%;
  left: 0;
}

.p-top__sns-title span {
  display: inline-block;
  position: relative;
  background: #f4f1eb;
  padding: 0 10px;
  min-width: 5.5em;
}

.p-top__sns-list {
  *zoom: 1;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-top__sns-list:before, .p-top__sns-list:after {
  display: table;
  content: " ";
}

.p-top__sns-list:after {
  clear: both;
}

.p-top__sns-list img {
  width: 100%;
}

.p-top__sns-list li {
  width: 29.5%;
  margin-right: 6%;
}

.p-top__sns-list li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .p-top__main-visual {
  }
  .js-top-slide {
  max-width: 960px;
  margin: 0 auto;
  }
  .p-top__main-visual-text {
    *zoom: 1;
    background: #f4f1eb;
    margin-top: -95px;
    padding-top: 150px;
    padding-bottom: 60px;
    display: block;
  }
  .p-top__main-visual-text:before, .p-top__main-visual-text:after {
    display: table;
    content: " ";
  }
  .p-top__main-visual-text:after {
    clear: both;
  }
  .p-top__main-visual-text-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-top__main-visual-logo {
    float: left;
    width: 45.828819068%;
  }
  .p-top__main-visual-copy {
    float: right;
    width: 51.895991333%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-top__main-visual-copy p {
    line-height: 1.2;
  }
  .p-top__main-visual-link {
    padding-top: 1.4em;
  }
  .p-top__main-visual-link a {
    display: inline-block;
    color: currentColor;
    text-decoration: underline;
  }
  .p-top__main-visual-link a:after {
    position: relative;
    top: -.15em;
    right: -.3em;
    display: inline-block;
    content: '';
    border: 3px solid transparent;
    border-left-width: 4px;
    border-right-width: 4px;
    border-left-color: #fa6870;
  }
  .p-top__main-visual-link a:hover {
    text-decoration: none;
  }
  .p-top__pickup {
    margin-bottom: 30px;
  }
  .p-top__pickup .c-pickup__item-name {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
  }
  .p-top__recommend {
    margin-bottom: 50px;
  }
  .p-top__recommend-wrapper {
    *zoom: 1;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .p-top__recommend-wrapper:before, .p-top__recommend-wrapper:after {
    display: table;
    content: " ";
  }
  .p-top__recommend-wrapper:after {
    clear: both;
  }
  .p-top__recommend-item {
    width: 49%;
    float: left;
    margin-bottom: 20px;
  }
  .p-top__recommend-item:nth-child(2n) {
    float: right;
  }
  .p-top__recommend-item-body {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-top__recommend-category {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-top__campaign {
    *zoom: 1;
    margin-bottom: 50px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #7f7f7f;
  }
  .p-top__campaign:before, .p-top__campaign:after {
    display: table;
    content: " ";
  }
  .p-top__campaign:after {
    clear: both;
  }
  .p-top__campaign-wrapper {
    *zoom: 1;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-top__campaign-wrapper:before, .p-top__campaign-wrapper:after {
    display: table;
    content: " ";
  }
  .p-top__campaign-wrapper:after {
    clear: both;
  }
  .p-top__campaign-item {
    border-top: none !important;
    float: left;
    width: 48%;
  }
  .p-top__campaign-item:nth-child(2n) {
    float: right;
  }
  .p-top__campaign-image {
    width: 33%;
  }
  .p-top__campaign-text {
    width: 53%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-top__campaign-limit {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: .5em;
  }
  .p-top__products-lead {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }
  .p-top__products-lead-text {
    padding-top: 1em;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    margin-bottom: 4em;
  }
  .p-top__ranking {
    float: left;
    width: 31%;
    background: none;
    overflow: visible;
    padding: 0;
    margin-right: 2.604166667%;
    border-top: none;
  }
  .p-top__ranking:last-child {
    margin-right: 0;
  }
  .p-top__ranking:before {
    display: none;
  }
  .p-top__ranking .c-ranking__list {
    overflow: visible;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.09);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.09);
    padding-right: 0;
    padding-bottom: 0;
  }
  .p-top__ranking .c-ranking__icon {
    width: 34px;
    left: 10px;
    top: 10px;
  }
  .p-top__ranking .c-ranking__item {
    padding: 0;
    overflow: hidden;
  }
  .p-top__ranking .c-ranking__item a {
    padding: 30px 0 25px;
    display: block;
    padding-right: 2.5em;
  }
  .p-top__ranking .c-ranking__item a:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    width: 1em;
    height: 1em;
    border: .3em solid #bfaa8b;
    border-bottom: none;
    border-left: none;
  }
  .p-top__ranking .c-ranking__item p {
    overflow: hidden;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-top__ranking .c-ranking__item-image {
    float: left;
    width: 34%;
    margin-right: 2%;
  }
  .p-top__ranking .c-ranking__item-name {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
  }
  .p-top__ranking .c-ranking__item-price {
    padding-top: .5em;
    display: block;
    text-align: right;
    font-size: 11px !important;
    font-weight: bold;
  }
  .p-top__ranking .c-ranking__item-price span {
    font-size: 16px !important;
  }
  .p-top__ranking-wrapper {
    padding: 20px;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    background: url(/shop/cms/sp/parts/npRanking/images/bg_ranking.png);
    margin-bottom: 60px;
  }
  .p-top__ranking-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: url(/shop/cms/sp/parts/npRanking/images/bg_ranking_dogear.png);
  }
  .p-top__ranking-title {
    text-align: center;
    font-size: 25px;
    font-size: 1.5625rem;
    white-space: nowrap;
  }
  .p-top__ranking-title span {
    white-space: nowrap;
  }
  .p-top__ranking-item {
    display: block;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px dotted #cccccc;
  }
  .p-top__ranking-item:last-child {
    border-bottom: none;
  }
  .p-top__ranking-item-name {
    font-size: 18px !important;
  }
  .p-top__realtime {
    display: block;
    background: #bfaa8d url(./images/bg_realtime.jpg) repeat-x;
    border-radius: 8px;
    border: 20px solid #bfaa8d;
    border-top: none;
    padding-top: 12px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 60px;
  }
  .p-top__realtime-title {
    display: inline-block;
    background: #bfaa8d;
    padding: 0 18px;
    margin-bottom: 13px;
  }
  .p-top__realtime-body {
    background: white;
    border-radius: 8px;
  }
  .p-top__realtime-item {
    padding: 2.173913043%;
    padding-right: 1.8%;
    border-bottom: 1px dotted #7f7f7f;
    white-space: nowrap;
  }
  .p-top__realtime-item:last-child {
    border-bottom: none;
  }
  .p-top__realtime-item-image {
    display: inline-block;
    vertical-align: middle;
    width: 9%;
  }
  .p-top__realtime-item-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.125rem;
    color: #705150;
    font-weight: bold;
    width: 41%;
    padding-left: .5em;
  }
  .p-top__realtime-item-name a {
    color: currentColor;
  }
  .p-top__realtime-item-message {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem;
    width: 31%;
  }
  .p-top__realtime-item-price {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    width: 17%;
    text-align: right;
  }
  .p-top__realtime-item-price span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-top__voice {
    padding: 46px 0;
  }
  .p-top__voice-item {
    float: left;
    width: 32.291666667%;
    margin-right: 1.5625%;
  }
  .p-top__voice-item:last-child {
    margin-right: 0;
  }
  .p-top__voice-item-header {
    padding: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    -webkit-background-size: auto auto;
            background-size: auto;
  }
  .p-top__voice-item-header p {
    line-height: 1.2;
  }
  .p-top__voice-item-header:before {
    display: none;
  }
  .p-top__voice-item-header:after {
    bottom: -30px;
    border-top-width: 15px;
    border-right-width: 20px;
    border-bottom-width: 15px;
    border-left-width: 20px;
  }
  .p-top__voice-item-body {
    border-radius: 0 0 10px 10px;
  }
  .p-top__voice-item-body a {
    padding: 30px 20px;
    padding-right: 8px;
  }
  .p-top__voice-item-body a:after {
    display: none;
  }
  .p-top__voice-item-image {
    width: 32%;
    margin-right: 7%;
  }
  .p-top__voice-item-text {
    width: 61%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-top__voice-item-text p {
    line-height: 1.2;
  }
  .p-top__voice-item-name {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 1em;
    margin-bottom: .5em;
  }
  .p-top__voice-item-price span {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-top__left {
    float: left;
    width: 47.916666667%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-top__right {
    float: right;
    width: 46.875%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-top__brand-title {
    padding-top: 20px;
    margin-bottom: 1.5em;
  }
  .p-top__brand-list {
    width: 100%;
  }
  .p-top__brand-list li {
    padding: 13px 20px;
  }
  .p-top__brand-more {
    padding-top: 15px;
  }
  .p-top__column {
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-background-size: auto auto;
            background-size: auto;
    border: 1px solid #ebebeb;
  }
  .p-top__column-title img {
    width: 266px !important;
    max-width: 100%;
  }
  .p-top__column-item-image img {
    width: 55px;
    margin-top: 5px;
  }
  .p-top__news {
    padding: 0;
  }
  .p-top__news-title {
    font-size: 25px;
    font-size: 1.5625rem;
    padding-left: 55px;
  }
  .p-top__news-title:before {
    top: -5px;
    left: 0;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  .p-top__news-item p {
    line-height: 1.3;
  }
  .p-top__sns {
    display: none;
  }
}

/* products list */
.p-products__header-image {
  width: 100%;
}

.p-products__header-lead {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 15px 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.p-products__contents {
  margin-bottom: 40px;
}

.p-products__search-tools {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #d7d1c5;
  border-bottom: 1px solid #d7d1c5;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.p-products__search-detail-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #d7d1c5;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 0 14px;
  text-align: center;
  color: currentColor;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  white-space: nowrap;
}

.p-products__search-header {
  display: none;
}

.p-products__search-order-tool {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.p-products__search-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-right: 1px solid #d7d1c5;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 0 1em;
  padding-right: 2em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: currentColor;
}

.p-products__search-order:after {
  position: absolute;
  right: 1em;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .2em solid #c1a78e;
  border-bottom: none;
  border-left: none;
}

.p-products__search-order3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.p-products__search-order__select {
  position: relative;
  border-right: 1px solid #d7d1c5;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  padding: 17px;
  padding-right: 2em;
  color: currentColor;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-products__search-order__select:after {
  position: absolute;
  right: 1em;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .2em solid #c1a78e;
  border-bottom: none;
  border-left: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.p-products__search-order__select.open:after {
  -webkit-transform: translateY(-10%) rotate(-45deg);
      -ms-transform: translateY(-10%) rotate(-45deg);
          transform: translateY(-10%) rotate(-45deg);
}

.p-products__search-order select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #333333;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.p-products__search-type-button {
  position: relative;
  -ms-flex-preferred-size: 34px;
      flex-basis: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-products__search-type-button.is-active {
  background: #555555;
}

.p-products__search-type-button.is-active .p-products__search-type-button-image--on {
  display: block;
}

.p-products__search-type-button.is-active .p-products__search-type-button-image--off {
  display: none;
}
.p-products__search-type-button-image--on {
  display: none;
}
.p-products__search-type-button-image--off {
  display: block;
}

.p-products__search-result {
  background: #f4f0eb;
  text-align: center;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1em;
}

.p-products__search-result p {
  text-align: center;
}

.p-products__search-result-title {
  text-align: center;
  font-weight: bold;
  margin-top: -.4em;
}
.p-products__search-footer-text {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 15px;
}
.p-products__search-result-title span {
  font-weight: normal;
}

.p-products__search-result-count {
  font-weight: bold;
}

.p-products__search-pager {
  padding: 20px 0;
}

.loading-icon {
  position: relative;
  width: 100%;
  height: 100px;
}
.p-products__list {
  border-top: 1px solid #d7d1c5;
}

.p-products__list.is-block {
  *zoom: 1;
  border-top: 1px solid #d7d1c5;
  border-bottom: none;
}

.p-products__list.is-block:before, .p-products__list.is-block:after {
  display: table;
  content: " ";
}

.p-products__list.is-block:after {
  clear: both;
}

.p-products__list.is-block .p-products__item {
  float: left;
  width: 50%;
  border-bottom: 1px solid #d7d1c5;
  border-top: none;
}

.p-products__list.is-block .p-products__item:nth-child(2n-1) {
  clear: left;
  border-right: 1px solid #d7d1c5;
}

.p-products__list.is-block .p-products__item > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-products__list.is-block .p-products__item > a:after {
  display: none;
}

.p-products__list.is-block .p-products__item-image-area {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: .5em;
  height: 170px;
}

.p-products__list.is-block .p-products__item-image {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-products__list.is-block .p-products__item-type-sticker {
  text-align: left;
  height: 1.7em;
}

.p-products__list.is-block .p-products__item-text-area {
  float: none;
  width: 100%;
}

.p-products__list.is-block .p-products__item-point {
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.p-products__list.is-block .p-products__item-point + .p-products__item-tags {
  border-top: 1px solid #b7b7b7;
  padding-top: 10px;
}

.p-products__list.is-block .p-products__item-point + .p-products__item-detail {
  margin-top: -10px;
}

.p-products__list.is-block .p-products__item-detail-text {
  display: none !important;
}

.p-products__list.is-block .p-products__item-review-link span {
  display: none;
}

.p-products__item {
  *zoom: 1;
  border-bottom: 1px solid #d7d1c5;
  display: block;
}

.p-products__item:before, .p-products__item:after {
  display: table;
  content: " ";
}

.p-products__item:after {
  clear: both;
}

.p-products__item > a {
  position: relative;
  overflow: hidden;
  color: currentColor;
  padding: 1em 10px;
}

.p-products__item > a:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .8em;
  height: .8em;
  border: .2em solid #adadad;
  border-bottom: none;
  border-left: none;
}

.p-products__item-icon {
  left: 20px;
}

.p-products__item-image-area {
  float: left;
  width: 31.71875%;
  margin-right: 4%;
}

.p-products__item-image {
  margin-bottom: .5em;
  max-width: 100%;
}

.p-products__list.is-block .p-products__item-image {
  max-height: 140px;
}
.p-products__item-type-sticker {
  text-align: center;
}

.p-products__item-text-area {
  float: left;
  width: 55%;
}

.p-products__item-name {
  font-weight: bold;
  color: #705150;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: .3em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p-products__item-name + .p-products__item-detail-text {
  margin-top: -.3em;
  margin-bottom: .3em;
}

.p-products__item-tags {
  margin-bottom: .25em;
}

.p-products__item-price {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: .2em;
}

.p-products__item-price img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  top: -1px;
}

.p-products__item-price-strike {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666666;
  font-weight: normal;
}

.p-products__item-price-strike span {
  padding-left: .5em;
  text-decoration: line-through;
}

.p-products__item-souryou {
  position: relative;
  top: -2px;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  padding: 1px 4px;
  color: white;
  background: #c1a78e;
}

.p-products__item-point {
  color: #545454;
  font-size: 12px;
  font-size: 0.75rem;
  /* border-bottom: 1px solid #b7b7b7; */
  padding-bottom: 10px;
  /* margin-bottom: 10px; */
}

.p-products__item-point span {
  font-weight: bold;
}

.p-products__item-campaign-point {
  color: #545454;
  font-size: 12px;
  font-size: 0.6875rem;
  padding-left: 5px;
  padding-bottom: 5px;
}

.p-products__item-campaign-point-addition {
  color: #545454;
  font-size: 12px;
  font-size: 0.6875rem;
  padding-left: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

.is-block .p-products__item-teiki {
  border-top: 1px solid #b7b7b7;
  padding-top: 7px;
}

.p-products__item-teiki {
  padding-top: 20px;
  border-top: 1px solid #b7b7b7;
}

.is-hanpu .p-products__item-teiki {
  padding-top: 0;
  border-top: none;
}
.p-products__item-teiki-title {
  position: relative;
  background: #eb9967;
  font-weight: bold;
  color: white;
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center;
  padding: 2px;
  margin-bottom: 1em;
}

.p-products__item-teiki-title:after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: '';
  border: 5px solid transparent;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #eb9967;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-products__item-detail {
  padding-top: 10px;
  border-top: 1px solid #b7b7b7;
}

.is-block .p-products__item-detail {
  padding-top: 0;
  border-top: none;
  margin-top: -10px;
}

.p-products__item-detail-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
}

.p-products__item-review {
  font-size: 1.0125rem;
}

.p-products__item-review-stars {
  color: #f29700;
}

.p-products__item-review-link {
  text-decoration: underline;
  cursor: pointer;
  font-size: 80%;
  display: inline;
}

.p-products__side {
  display: none;
}

.p-products__menu .c-pickup {
  padding-top: 10px;
  border-top: 1px solid #dcd7cc;
}

.p-products__menu .c-pickup__item {
  padding-left: 5px;
  padding-right: 5px;
}

.p-products__menu-list {
  margin-top: 10px;
  margin-bottom: 20px;
  border-top: 1px solid #dcd7cc;
}

@media screen and (min-width: 768px) {
  .p-products__header-lead {
    border-bottom: none;
  }
  .p-products__search-tools {
    margin-top: -34px;
    *zoom: 1;
    display: block;
    border-top: 1px solid white;
    -webkit-box-shadow: 0 -1px 0 #d7d1c5;
            box-shadow: 0 -1px 0 #d7d1c5;
    border-bottom: none;
    background: #f4f0eb;
    padding: 10px;
  }
  .p-products__search-tools:before, .p-products__search-tools:after {
    display: table;
    content: " ";
  }
  .p-products__search-tools:after {
    clear: both;
  }
  .p-products__search-detail-btn {
    display: none;
  }
  .p-products__search-header {
    float: left;
    display: block;
    padding-left: 9px;
  }
  .p-products__search-header-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 2px;
    margin-bottom: 2px;
  }
  .p-products__search-header-title span {
    font-weight: normal;
  }
  .p-products__search-header-result {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-products__search-header-result span {
    font-weight: bold;
  }
  .p-products__search-order-tool {
    -js-display: block;
    display: block;
    float: right;
  }
  .p-products__search-order__select {
    position: relative;
    float: left;
    width: 160px;
    border: 1px solid #d7d1c5;
    border-radius: 4px;
    padding: 17px 0;
    padding-left: 15px;
    background: white;
    margin-right: 6px;
    cursor: pointer;
  }
  .p-products__search-order1 {
    position: relative;
    float: left;
    width: 160px;
    border: 1px solid #d7d1c5;
    border-radius: 4px;
    padding: 17px 0;
    padding-left: 15px;
    background: white;
    margin-right: 6px;
    overflow: hidden;
  }
  .p-products__search-order:before {
    position: absolute;
    content: '';
    pointer-events: none;
    background: white;
    width: 1.5em;
    height: 1.5em;
    right: 1.7em;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-products__search-order select::-ms-expand {
    display: none;
  }
  .p-products__search-type-button {
    display: block;
    float: left;
    background: white;
  }
  .p-products__search-type-button img {
    width: 48px;
    border: 1px solid #d7d1c5;
  }
  .p-products__search-type-button.is-active img {
    border: none;
  }
  .p-products__search-result {
    display: none;
  }
  .p-products__search-footer {
    width: 95.714285714%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
  }
  .p-products__search-footer-text {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 2em;
  }
  .p-products__search-footer-result {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: right;
  }
  .p-products__search-footer-result a {
    text-align: right;
    text-decoration: underline;
    color: currentColor;
  }
  .p-products__list.is-block {
    *zoom: 1;
    border-top: 1px solid #d7d1c5;
    border-bottom: none;
  }
  .p-products__list.is-block:before, .p-products__list.is-block:after {
    display: table;
    content: " ";
  }
  .p-products__list.is-block:after {
    clear: both;
  }
  .p-products__list.is-block .p-products__item {
    float: left;
    width: 25%;
    padding: 0 10px;
    border-bottom: 1px solid #d7d1c5;
    border-top: none;
    border-right: 1px solid #d7d1c5;
  }
  .p-products__list.is-block .p-products__item:nth-child(2n-1) {
    clear: none;
  }
  .p-products__list.is-block .p-products__item:nth-child(4n) {
    border-right: none;
  }
  .p-products__list.is-block .p-products__item-icon {
    left: 0;
    font-size: 10px;
    font-size: 0.625rem;
  }
  .p-products__list.is-block .p-products__item-image-area {
    margin-bottom: 0;
    margin-left: 0;
  }
  .p-products__list.is-block .p-products__item-name {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    margin-top: .25em;
    margin-bottom: .5em;
    word-wrap: break-word;
  }
  .p-products__list.is-block .p-products__item-type-sticker {
    height: 1.7em;
  }
  .p-products__list.is-block .p-products__item-type-sticker .c-tag {
    width: auto;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px;
  }
  .p-products__list.is-block .p-products__item-tags {
    letter-spacing: -.25em;
  }
  .p-products__list.is-block .p-products__item-tags .c-tag {
    letter-spacing: 0;
    min-width: 70px;
    margin-right: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-products__list.is-block .p-products__item-price > img {
    display: none;
  }
  .p-products__list.is-block .p-products__item-teiki-title {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 5px;
    margin-bottom: .5em;
  }
  .p-products__list.is-block .p-products__item-teiki-title:after {
    right: auto;
    left: 50%;
    bottom: -14px;
    border: 7px solid transparent;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-color: #eb9967;
  }
  .p-products__list.is-block .p-products__item-detail {
    border-top: none  !important;
    padding-top: 0px;
    margin-top: 0px;
  }
  .p-products__list.is-block .p-products__item-point {
    margin-left: 0;
    margin-bottom: 0;
  }
  .p-products__item {
    *zoom: 1;
  }
  .p-products__item:before, .p-products__item:after {
    display: table;
    content: " ";
  }
  .p-products__item:after {
    clear: both;
  }
  .p-products__item > a {
    padding: 1em 0;
  }
  .p-products__item > a:after {
    display: none;
  }
  .p-products__item-image-area {
    width: 20%;
    margin-right: 2%;
    margin-left: 2%;
  }
  .p-products__item-type-sticker .c-tag {
    width: 100%;
    border-width: 2px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-products__item-type-sticker .c-tag:before {
    width: 17px;
    height: 13px;
  }
  .p-products__item-text-area {
    float: left;
    width: 76%;
  }
  .p-products__item-name {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: .3em;
  }
  .p-products__item-tags {
    margin-bottom: .25em;
  }
  .p-products__item-price {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: .2em;
  }
  .p-products__item-price-number {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-products__item-souryou {
    top: -1px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .p-products__item-point {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 1em;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .p-products__item-point span {
    font-weight: bold;
  }
  .p-products__item-point--favorite {
    display: block;
  }
  .p-products__item-teiki {
    margin-top: 7px;
    margin-bottom: -5px;
  }
  .p-products__item-teiki-title {
    position: relative;
    width: 55px;
    padding: 5px 2px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 1em;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-products__item-teiki-title:after {
    left: auto;
    bottom: 0;
    right: -2.76em;
    border: 18px solid transparent;
    border-left-width: 11px;
    border-right-width: 11px;
    border-left-color: #eb9967;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-products__item-teiki-body {
    display: inline-block;
    vertical-align: middle;
  }
  .p-products__item-detail {
    border-top: 1px solid #cacaca;
    padding-top: 12px;
    margin-top: 12px;
  }
  .p-products__item-detail-text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
  .p-products__menu {
    display: none;
  }
  .p-products__side {
    display: block;
  }
  .p-products__side-title {
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
    color: white;
    background: #595959;
  }
  .p-products__side-category {
    border: 2px solid #f4f1eb;
    border-bottom: none;
  }
  .p-products__side-category-title {
    width: 100%;
    border-bottom: 2px solid white;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-products__side-category-title:last-child {
    border-bottom: none;
  }
  .p-products__side-category-title a {
    display: table;
    position: relative;
    overflow: hidden;
    /* width: 100%; */
    background: #f4f1eb;
    padding: 10px 15px 10px 10px;
  }
  .p-products__side-category-title a:after {
    right: 15px;
    border-width: 1px;
    width: 6px;
    height: 6px;
  }
  .p-products__side-category-thumb {
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    background: white;
  }
  .p-products__side-category-thumb img {
    width: 40px;
  }
  .p-products__side-category-name {
    display: table-cell;
    /* padding-left: 10px;
    padding-right: 10px; */
    font-weight: bold;
    vertical-align: middle;
  }
  
  .p-products__side-category-name a {
    text-decoration: underline;
  }
  
  .p-products__side-category-name a:hover {
    text-decoration: none;
  }
  .p-products__side-category-links {
    padding: 10px;
    font-size: 13px;
    font-size: 0.8125rem;
    border-bottom: 2px solid #f4f1eb;
  }
  .p-products__side-category-title a {
    text-decoration: underline;
  }
  .p-products__side-category-title a:hover {
    text-decoration: none;
  }
  .p-products__side-category-links strong {
    display: block;
    font-weight: bold;
  }
  .p-products__side-category-item-name {
    position: relative;
    color: currentColor;
    padding: 6px;
    padding-left: 15px;
  }
  .p-products__side-category-item-name:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    border: 1px solid #bfaa8b;
    border-bottom: none;
    border-left: none;
    left: 0;
    width: 6px;
    height: 6px;
  }
  .p-products__side-category-item-name.is-open {
    font-weight: bold;
    text-decoration: none;
  }
  .p-products__side-category-item-name.is-open:after {
    top: .9em;
    left: 2px;
    -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
  }
  .p-products__side-category-group-02 {
    padding-left: 12px;
  }
  .p-products__side-category-group-02 > li > .p-products__side-category-item-name:after {
    left: 5px;
    border-color: #3f3f3f;
    width: 4px;
    height: 4px;
  }
  .p-products__side-category-group-03 {
    padding-left: 10px;
  }
  .p-products__side-category-group-03 > li > .p-products__side-category-item-name:after {
    top: 1em;
    left: 5px;
    border: 4px solid transparent;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-color: #745757;
    -webkit-transform: rotate(0deg) translateY(-50%);
        -ms-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
  }
  .p-products__side-search {
    border: 1px solid #d7d1c5;
    border-top: none;
    -webkit-box-shadow: 0 2px 0 #f7f6f3;
            box-shadow: 0 2px 0 #f7f6f3;
  }
  .p-products__side-search-keyword {
    padding: 10px;
    position: relative;
  }
  .p-products__side-search-keyword input {
    width: 100%;
    border: 2px solid #e9e0d2 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-radius: 0 !important;
  }
  .p-products__side-search-keyword:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) scale(0.3);
        -ms-transform: translateY(-50%) scale(0.3);
            transform: translateY(-50%) scale(0.3);
    /* content: url(./images/ico_keyword_search.png); */
    display: block;
  }
  .p-products__side-search-keyword-icon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) scale(0.3);
        -ms-transform: translateY(-50%) scale(0.3);
            transform: translateY(-50%) scale(0.3);
    /* content: url(/shop/cms/sp/images/ico_keyword_search.png); */
    display: block;
  }
  .p-products__side-search-title {
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border-top: 1px solid #d7d1c5;
    padding: 1.2em .7em;
    background: #f4f1eb;
    cursor: pointer;
  }
  .p-products__side-search-title a {
    padding: 1.2em .7em;
    background: #f4f1eb;
  }
  .p-products__side-search-title:after {
    position: absolute;
    top: 50%;
    content: '';
    border: 1px solid #bfaa8b;
    border-top: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
    right: 10px;
    -webkit-transform: rotate(45deg) translate(-80%);
    -ms-transform: rotate(45deg) translate(-80%);
    transform: rotate(45deg) translate(-80%);
    width: 7px;
    height: 7px;
  }
  .p-products__side-search-title a:after {
    position: absolute;
    top: 50%;
    content: '';
    border: 1px solid #bfaa8b;
    border-top: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
    right: 10px;
    -webkit-transform: rotate(45deg) translate(-80%);
        -ms-transform: rotate(45deg) translate(-80%);
            transform: rotate(45deg) translate(-80%);
    width: 7px;
    height: 7px;
  }
  .p-products__side-search-title.is-open:after {
    -webkit-transform: rotate(-135deg) translate(80%);
        -ms-transform: rotate(-135deg) translate(80%);
            transform: rotate(-135deg) translate(80%);
  }
  .p-products__side-search-links {
    border-top: 1px solid #d7d1c5;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 10px 5px;
    padding-right: 0;
  }
  .p-products__side-search-links a {
    padding: 0 .7em;
    line-height: 2.4;
    text-decoration: underline;
  }
  .p-products__side-search-links a:after {
    right: 15px;
    width: 6px;
    height: 6px;
    border-width: 1px;
  }
  .p-products__side-search-links a:hover {
    text-decoration: none;
  }
  .p-products__side-checked {
    border: 1px solid #d7d1c5;
    border-top: none;
    border-bottom: none;
  }
  .p-products__side-checked-item {
    *zoom: 1;
    border-bottom: 1px solid #d7d1c5;
  }
  .p-products__side-checked-item:before, .p-products__side-checked-item:after {
    display: table;
    content: " ";
  }
  .p-products__side-checked-item:after {
    clear: both;
  }
  .p-products__side-checked-item > a {
    overflow: hidden;
    display: block;
    padding: 8px 5px;
    padding-right: 1.5em;
  }
  .p-products__side-checked-item > a:after {
    border-width: 2px;
    width: 7px;
    height: 7px;
    right: 10px;
  }
  .p-products__side-checked-item-image {
    float: left;
    width: 27%;
    margin-right: 3%;
  }
  .p-products__side-checked-item-text {
    float: left;
    width: 67%;
  }
  .p-products__side-checked-item-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #705150;
    line-height: 1.2;
  }
  .p-products__side-checked-item-price {
    padding-top: 4px;
    text-align: right;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
  }
  .p-products__side-checked-item-price span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* products detail */
.p-detail__header {
  border-top: 2px solid #cac5be;
  border-bottom: 1px dotted #d2d2d2;
}

.p-detail__header-top {
  background: #f4f0eb;
  padding: 7px 15px 10px;
  font-weight: bold;
}

.p-detail__header-title {
  font-size: 24px;
  font-size: 1.5em;
  margin-bottom: 3px;
}

.p-detail__header-tag {
  font-size: 12px;
  font-size: 0.90rem;
  display: inline-block;
}

.p-detail__header-bottom {
  padding: 10px 15px;
}

.p-detail__header-tags {
  display: inline-block;
}

.p-detail__header-text {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: .5em;
}

.p-detail__header-msg {
  font-size: 0.8rem;
}

.p-detail__visual {
  margin-bottom: 15px;
}

.p-detail__visual-slide li {
  padding: 15px;
}

.p-detail__visual-slide img {
  width: 100%;
}

.p-detail__visual-thumb {
  *zoom: 1;
  background: #f4f0eb;
  padding: 15px;
}

.p-detail__visual-thumb:before, .p-detail__visual-thumb:after {
  display: table;
  content: " ";
}

.p-detail__visual-thumb:after {
  clear: both;
}

.p-detail__visual-thumb li {
  position: relative;
  float: left;
  width: 15.254237288%;
  margin: 0 1.694% 2.5%;
}

.p-detail__visual-thumb li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #e2d3c0;
  -webkit-transition: .3s;
  transition: .3s;
}

.p-detail__visual-thumb li.is-current:before {
  border: 2px solid #fe5e9e;
}

.p-detail__staff-voice {
  padding: 7px 10px 5px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-top: 15px;
}

.p-detail__staff-voice-title {
  font-weight: bold;
  padding-bottom: .4em;
  margin-bottom: 5px;
  border-bottom: 2px solid #fa6870;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__staff-voice-title img {
  vertical-align: middle;
  display: inline-block;
}

.p-detail__staff-voice-list {
  padding: 10px 10px 0;
}

.p-detail__staff-voice-headline {
  font-weight: bold;
  margin-bottom: .7em;
}

.p-detail__staff-voice-text {
  overflow: hidden;
}

.p-detail__staff-voice-text span {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 1em;
  line-height: 1.636363636;
}
.p-detail__staff-voice-text a {
  font-size: 0.8125rem;
  color: currentColor;
  text-decoration: underline;
}

.p-detail__staff-voice-text .initial {
  display: inline;
}
.p-detail__staff-voice-name {
  text-align: right;
}

.p-detail__description {
  padding: 7px 10px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-detail__description-title {
  font-weight: bold;
  padding-bottom: .4em;
  margin-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  padding-left: 5px;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__description-body {
/*   padding: 5px; */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.636363636;
}

.p-detail__outline {
  *zoom: 1;
  padding: 10px 25px 15px;
  background: #f4f0eb;
  margin-bottom: 15px;
}

.p-detail__outline:before, .p-detail__outline:after {
  display: table;
  content: " ";
}

.p-detail__outline:after {
  clear: both;
}

.p-detail__outline-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: .5em;
  line-height: 1.2;
}

.p-detail__outline-image {
  float: left;
  width: 20%;
  border: 1px solid #cacaca;
  margin-right: 4%;
}

.p-detail__outline-image--teiki {
  position: relative;
  width: 25%;
}

.p-detail__outline-image--teiki:before {
  position: absolute;
  top: -8px;
  left: -8px;
  content: '定期';
  background: #99651d;
  color: white;
  border-radius: 2em;
  padding: 1.3em .3em;
  line-height: 0;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
}

.p-detail__outline-souryou {
  float: left;
  width: 18%;
  padding-top: 5px;
  margin-right: 4%;
}

.p-detail__outline-text {
  float: left;
  max-width: 54%;
  padding-top: 1%;
}

.p-detail__outline-text-sub {
  float: right;
  max-width: 76%;
  padding-top: 1%;
}

.p-detail__outline-text--teiki {
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-detail__outline-normal-price {
  color: #666666;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-detail__outline-normal-price .text-decoration-area {
  text-decoration: line-through;
}
.p-detail__outline-normal-price span {
  margin-left: .5em;
}

.p-detail__outline-price {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.p-detail__outline-price span {
  font-size: 24px;
  font-size: 1.5rem;
  color: #99650c;
}

.p-detail__outline-point {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 10px;
}

.p-detail__outline-point span {
  font-weight: bold;
}

.p-detail__outline-campaign-point {
  font-size: 11px;
  font-size: 0.7rem;
  margin-left: 10px;
}

.p-detail__outline-campaign-point-addition {
  font-size: 11px;
  font-size: 0.7rem;
  margin-left: 10px;
  font-weight: bold;
}

.p-detail__outline-teiki {
  display: none;
}

.p-detail__outline__teiki {
  clear: both;
  text-align: center;
  padding-top: 15px;
}

.p-detail__outline__teiki-btn {
  display: inline-block;
  position: relative;
  padding: 7px 15px;
  padding-right: 30px;
  border: 1px solid #5e4739;
  background: white;
  color: #5e4738;
}

.p-detail__outline__teiki-btn:after {
  position: absolute;
  right: .7em;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .15em solid #5e4739;
  border-bottom: none;
  border-left: none;
}

.p-detail__outline__teiki-text {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: .25em;
}

.p-detail__outline__teiki-text img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: .25em;
}

.p-detail__outline__teiki-price {
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
}

.p-detail__outline__teiki-price span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ec9961;
  font-weight: bold;
}

.p-detail__recommend-commodity {
  margin-bottom: 20px;
}

.p-detail__recommend-commodity_area {
  margin-bottom: 15px;
}

.p-detail__recommend-commodity_title {
  font-weight: bold;
  padding-bottom: .4em;
  margin-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  padding-left: 5px;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__recommend-commodity_body {
/*   padding: 5px; */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.636363636;
}

.p-detail__return {
  border: 4px solid #efe3d1;
  padding: 15px;
  margin-bottom: 20px;
}

.p-detail__return-icon {
  float: left;
  background: #c1b29c;
  color: white;
  padding: 20px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  display: inline-block;
  border-radius: 7px;
  line-height: 0.6;
  margin-right: 18px;
}

.p-detail__return-iheader {
  font-weight: plain;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

.p-detail__return-idate {
  display: block;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
}

.p-detail__return-text-area {
  overflow: hidden;
}

.p-detail__return-title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 3px;
}

.p-detail__return-title img {
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
}

.p-detail__return-text {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 4px;
  line-height: 1.2;
}

.p-detail__return-note {
  font-size: 11px;
  font-size: 0.6875rem;
}

.p-detail__return-note a {
  display: inline-block;
  color: currentColor;
  text-decoration: underline;
}

.p-detail__inquiry {
  padding: 0 20px;
  margin-bottom: 30px;
}

.p-detail__sale_description {
  margin-bottom: 20px;
}

.p-detail__sale_description_area {
  margin-bottom: 15px;
}

.p-detail__sale_description_btn {
  margin-top: 20px;
}

.p-detail__sale_description_title {
  font-weight: bold;
  padding-bottom: .4em;
  margin-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  padding-left: 5px;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__sale_description_body {
  /* padding: 5px; */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.636363636;
}

.p-detail__feature-title {
  padding: 5px 15px;
  color: #a77c39;
  font-weight: bold;
  background: #f8f3ec;
  border-top: 2px solid #efe3d1;
  border-bottom: 2px solid #efe3d1;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 1em;
}

.p-detail__feature-title > span {
  position: relative;
  top: -2px;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  padding: .2em .3em;
  border-radius: 1em;
  background: #a77c39;
  color: white;
}

.p-detail__feature-sub-title {
  font-weight: bold;
  color: #5e4738;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__feature-body {
  margin-bottom: 20px;
}

.p-detail__feature-body > p,
.p-detail__feature-body > ul {
  margin-bottom: 1em;
  line-height: 1.7;
}

.p-detail__feature-image {
  margin-bottom: 30px;
}

.p-detail__sns {
  text-align: center;
  padding: 20px 0 0;
}

.p-detail__sns > li {
  display: inline-block;
  width: 27.34375%;
  padding: 4.6875%;
}

.p-detail__popup-link {
  display: inline-block;
  text-decoration: underline;
  background: #f4f0eb;
  padding: 1em 2em;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  min-width: 90%;
  text-align: center;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 15px;
}

.p-detail__other-size {
  padding: 10px 10px 5px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-bottom: 15px;
}

.p-detail__other-size-title {
  font-weight: bold;
  padding-bottom: .4em;
  margin-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  padding-left: 5px;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-detail__other-size-list li + li {
  border-top: 1px dotted #d9d4c8;
}

.p-detail__other-size-list a {
  position: relative;
  color: currentColor;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: .8em;
}

.p-detail__other-size-list a:after {
  position: absolute;
  right: .5em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

.p-detail__tab {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-detail__column-item {
    width: 47.857142857%;
  }
  .p-detail__header {
    border-top: none;
    border-bottom: none;
  }
  .p-detail__header-top {
    background: #f4f0eb;
    padding: 15px;
    font-weight: bold;
  }
  .p-detail__header-title {
    font-size: 24px;
    font-size: 1.125rem;
  }
  .p-detail__header-tag {
    display: inline-block;
  }
  .p-detail__header-bottom {
    padding: 10px 0;
  }
  .p-detail__header-tags {
    display: inline-block;
    margin-bottom: .5em;
  }
  .p-detail__header-text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .p-detail__header-msg {
    font-size: 0.85rem;
  }
  .p-detail__visual-slide {
    border: 1px solid #d4d4d4;
  }
  .p-detail__visual-thumb {
    -webkit-box-shadow: inset 0 2px 0 #e8e4df;
            box-shadow: inset 0 2px 0 #e8e4df;
    padding-bottom: 5px;
  }
  .p-detail__visual-thumb li {
    width: 16.6%;
    cursor: pointer;
  }
  .p-detail__outline {
    background: none;
    padding: 0;
  }
  .p-detail__outline--teiki {
    background: #f4f0eb;
    padding: 15px 20px 15px;
  }
  .p-detail__outline-title {
    display: none;
  }
  .p-detail__outline-title--teiki {
    display: block;
    margin-bottom: .7em;
    font-size: 16px;
    font-size: 1rem;
  }
  .p-detail__outline-image {
    display: none;
  }
  .p-detail__outline-image--teiki {
    display: block;
    width: 22%;
  }
  .p-detail__outline-souryou {
    float: left;
    width: 17.910447761%;
  }
  .p-detail__outline-text {
    float: right;
    max-width: 75%;
  }
  .p-detail__outline-text-sub {
    float: right;
    max-width: 100%;
  }
  .p-detail__outline-normal-price {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-detail__outline-price {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .p-detail__outline-price span {
    font-size: 36px;
    font-size: 2.25rem;
  }
  .p-detail__outline-point {
    text-align: right;
    margin-left: 0;
  }
  .p-detail__outline-campaign-point {
    text-align: right;
    margin-left: 0;
  }
  .p-detail__outline-campaign-point-addition {
    text-align: right;
    margin-left: 0;
  }
  .p-detail__outline-teiki {
    overflow: hidden;
    width: 100%;
    display: block;
    padding-top: 7px;
    margin-bottom: .5em;
    margin-top: 7px;
  }
  .p-detail__outline-teiki-title {
    float: left;
    position: relative;
    background: #eb9967;
    color: white;
    width: 55px;
    padding: 5px 2px 4px;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    margin-right: 1em;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
  }
  .p-detail__outline-teiki-title:after {
    position: absolute;
    content: '';
    left: auto;
    bottom: 0;
    right: -2.76em;
    border: 18px solid transparent;
    border-left-width: 11px;
    border-right-width: 11px;
    border-left-color: #eb9967;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-detail__outline-teiki-body {
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }
  .p-detail__outline-teiki-price {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    margin-bottom: .2em;
  }
  .p-detail__outline-teiki-price-number {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
  }
  .p-detail__outline-teiki-point {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-detail__outline-teiki-point span {
    font-weight: bold;
  }
  .p-detail__outline__teiki {
    margin-bottom: 10px;
  }
  .p-detail__outline__teiki-btn {
    padding-top: 9px;
    padding-bottom: 9px;
    width: 80.597014925%;
  }
  .p-detail__outline__teiki-btn:after {
    border-width: .2em;
  }
  .p-detail__outline__teiki-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-detail__outline__teiki-text img {
    width: 23px;
  }
  .p-detail__outline__teiki-price {
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .p-detail__outline__teiki-price span {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-detail__return-note a:hover {
    text-decoration: none;
  }
  .p-detail__inquiry {
    padding: 0;
  }
  .p-detail__inquiry a {
    padding: 15px;
  }
  .p-detail__feature-body {
    padding: 0 20px;
  }
  .p-detail__feature-body > p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-detail__feature-image {
    margin-top: 30px;
  }
  .p-detail__feature-image--float-left {
    float: left;
    margin-left: 1em;
  }
  .p-detail__feature-image--float-right {
    float: right;
    margin-left: 1em;
  }
  .p-detail__feature-sub-title {
    font-size: 16px !important;
  }
  .p-detail__buy-lead-btn {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-detail__buy-lead-btn .c-btn {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-detail__sns {
    width: 50%;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .p-detail__tab {
    display: block;
    overflow: visible;
    margin-bottom: 15px;
  }
  .p-detail__tab .c-tab__item {
    width: 48%;
    border-radius: 10px 10px 0 0;
    border-color: #b5b5b5;
  }
  .p-detail__tab .c-tab__item.is-current, .p-detail__tab .c-tab__item:hover {
    border-color: #bfaa8d;
  }
  .p-detail__tab .c-tab__item:first-child {
    margin-left: .5%;
    margin-right: 1.5%;
  }
  .p-detail__tab .c-tab__target {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: .7em;
  }
  .p-detail__popup-link {
    margin-bottom: -5px;
  }
  .c-selected-item__title2 {
    width: 100%;
  }
}

/* products detail - teiki */
.p-teiki__lead-single-btn {
  position: relative;
  border: 2px solid #e9e0d3;
  border-radius: 5px;
  padding: .7em;
  padding-right: 2em;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-teiki__lead-single-btn:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  content: '';
  width: .7em;
  height: .7em;
  border: .2em solid #bfaa8b;
  border-bottom: none;
  border-left: none;
}

.p-teiki__lead-single-btn a {
  color: currentColor;
}

.p-teiki__lead-title {
  background: #bfaa8d;
}

.p-teiki__contents-title {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
  padding-left: .5em;
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: 1px solid #d2d2d2;
}

.p-teiki__cycle-info {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1em;
}

.p-teiki__shipping-info {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: .25em;
}

.p-teiki__more-cycle-btn {
  border: 2px solid #e9e0d3;
  background: #f4f0eb;
  font-weight: bold;
  color: #99650c;
  text-align: center;
  padding: .5em;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 2em;
  cursor: pointer;
}
.p-teiki__more-cycle-btn i {
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
}

.p-teiki__more-cycle-btn.is-open i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.p-teiki__more-cycle-btn > a {
  color: currentColor;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .p-teiki__lead-title {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-teiki__lead-title img {
    position: relative;
    top: -1px;
    width: 26px;
  }
  .p-teiki__contents-title {
    padding-left: 0;
  }
}

/* cart */
.p-cart__flow {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.p-cart__select-coupon label {
  margin-right: 0;
  width: 100%;
}

.p-cart__select-coupon select {
  width: 100%;
}

.p-cart__input-coupon {
  padding-top: 5px;
}

.p-cart__input-coupon label {
  margin-right: 0;
  width: 100%;
}

.p-cart__input-coupon input {
  width: 70%;
}

.p-cart__input-coupon button {
  position: relative;
  top: -1px;
  width: 25%;
  margin-left: 4%;
}

.p-cart__flow img {
  width: 83.125%;
}

.p-cart__tab-info {
  text-align: center;
  color: #5e4738;
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: .8em;
  margin-bottom: .8em;
}

.p-cart__shopping-info {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.p-cart__shopping-info-title {
  color: #e60012;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 10px;
}

.p-cart__shopping-info-text {
  font-size: 12px;
  font-size: 0.75rem;
}

.p-cart__total-box {
  margin-bottom: 15px;
}

.p-cart__btn-area {
  margin-bottom: 20px;
}

.p-cart__title {
  font-weight: bold;
  margin: 1em 0 .5em .5em;
}

.p-cart__point-info {
  overflow: hidden;
  background: #f8f3ec;
  padding: 7px 10px;
  border: 2px solid #ddc4a3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-cart__point-info-icon {
  width: 12.280701754%;
}

.p-cart__point-info-text {
  font-size: 15px;
  font-size: 0.9375rem;
  padding-left: 10px;
}

.p-cart__point-info-text span {
  color: #996c33;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
}

.p-cart__point-info-percent {
  color: #996c33;
  font-weight: bold;
}

.p-cart__recommend-list {
  *zoom: 1;
}

.p-cart__recommend-list:before, .p-cart__recommend-list:after {
  display: table;
  content: " ";
}

.p-cart__recommend-list:after {
  clear: both;
}

.p-cart__recommend-item {
  float: left;
  width: 30%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}

.p-cart__recommend-item-image {
  padding: 5px;
}

.p-cart__recommend-item-name {
  text-align: center;
  margin-bottom: .5em;
}

.p-cart__recommend-item-price {
  font-weight: bold;
  text-align: center;
  margin-bottom: .5em;
}

.p-cart__recommend-item-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  border: 2px solid #bebebe;
  padding: .1em 1em;
  font-size: 9px;
  font-size: 0.5625rem;
}

.p-cart__teiki-info {
  margin-bottom: 10px;
}

.p-cart__teiki-info-title {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-cart__complete {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-cart__complete-lead {
  font-weight: bold;
  font-size: 19px;
  font-size: 1.1875rem;
  padding-top: .5em;
}

.p-cart__complete p {
  text-align: center;
  margin-bottom: 1em;
}

.p-cart__complete a {
  display: inline-block;
  text-decoration: underline;
}

.p-cart__line-friend {
  text-align: center;
  margin-top: 2.5em;
}

.p-cart__continue {
  overflow: hidden;
  background: #f8f3ec;
  padding: 7px 10px 4px;
  padding-left: 15px;
  border: 2px solid #ddc4a3;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-cart__continue-text {
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 1.5em;
  padding-right: .5em;
  margin-right: auto;
  width: 61%;
}

.p-cart__continue-text span {
  font-weight: bold;
}

.p-cart__continue-btn {
  font-size: 15px;
  font-size: 0.9375rem;
}

.p-cart__continue-btn .c-btn {
  width: 6.5em;
  padding: .3em 0;
}

.p-cart__holding-point {
  margin-bottom: .5em;
  margin-left: -.5em;
  margin-right: -.5em;
  padding: 2px .5em;
  background: #f7f7f7;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-cart__holding-point span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.p-cart__holding-point span.lostPoint {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #e60012;
}

.p-cart__note {
  padding-left: .4em;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-cart__add-form {
  background: #ededed;
  margin-top: 1em;
  margin-left: -1em;
  margin-right: -1em;
  padding: 1em;
  border-top: 1px solid #cccccc;
}

.p-cart__add-form-title {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
  margin-top: -.5em;
  margin-bottom: .5em;
  margin-left: -.5em;
}

.p-cart__added-address {
  line-height: 1.5;
}

.p-cart__added-address dt {
  width: 7em;
  white-space: nowrap;
  margin-right: 1em;
}

.p-cart__added-address dd {
  overflow: hidden;
  word-break: break-all;
}

.p-cart__mod-info {
  border: none;
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.p-cart__mod-info .c-accordion-box__title {
  display: inline-block;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  -webkit-transition: .5s;
  transition: .5s;
}

.p-cart__mod-info .c-accordion-box__title.is-open {
  background: #ededed;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

.p-cart__mod-info .c-accordion-box__body {
  background: #ededed;
  margin-left: -1em;
  margin-right: -1em;
  margin-bottom: -1em;
  padding: 1em;
}

.p-cart__save-card-info {
  padding: .25em .5em;
  border: 1px solid #a5a5a5;
  font-weight: bold;
  background: #f8f3ec;
  border-radius: 5px;
  margin-bottom: .5em;
}

.p-cart__save-card-info > label {
  margin-bottom: 0 !important;
}

.p-cart__confirm-point {
  text-align: center;
}

.p-cart__confirm-point-use {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}

.p-cart__confirm-point-use span {
  font-size: 22px;
  font-size: 1.375rem;
}

.p-cart__confirm-point-result {
  display: inline-block;
  border-top: 1px solid #cccccc;
  padding-top: .25em;
  font-size: 16px;
  font-size: 1rem;
}

.p-cart__confirm-point-result span {
  font-weight: bold;
}

.p-cart__confirm-point-lost {
  display: inline-block;
  border-top: 1px solid #cccccc;
  padding-top: .25em;
  font-size: 16px;
  font-size: 1rem;
}

.p-cart__confirm-point-lost span {
  color: #e60012;
}

.p-cart__confirm-text {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-cart__confirm-shipping-name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: .25em;
}

.p-cart__confirm-payment {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-cart__confirm-payment-method {
  padding-bottom: .25em;
  margin-bottom: .5em;
  font-weight: bold;
}

.p-cart__confirm-payment dl {
  line-height: 1.5;
}

.p-cart__confirm-payment dt {
  width: 8em;
}

.p-cart__confirm-payment dd:before {
  content: '：';
}

.p-cart__confirm-address {
  line-height: 1.5;
}

.p-cart__confirm-address dt {
  width: 7em;
}

.p-cart__confirm-address dd {
  overflow: hidden;
  padding-left: 1em;
  text-indent: -1em;
  word-break: break-all;
}

.p-cart__confirm-address dd:before {
  content: '：';
}

.p-cart__payment-teiki {
  line-height: 1 !important;
  margin-top: .5em;
}

.p-cart__payment-teiki:before, .p-cart__payment-teiki:after {
  top: .5em !important;
}

.p-cart__payment-teiki span {
  color: #e60012;
  font-size: 12px;
  font-size: 0.75rem;
}

.p-cart__point-use-03:before, .p-cart__point-use-03:after {
  top: 1em !important;
}

@media screen and (min-width: 768px) {
  .p-cart__flow_parent {
    min-height: 100%;
  }
  .p-cart__flow {
    position: absolute;
    top: 0;
    float: right;
    width: 100%;
    max-width: 960px;
    z-index: 10001;
    text-align: right;
  }
  .p-cart__flow img {
    width: 316px;
  }
  .p-cart__tab .slick-list {
    margin-left: -1%;
    padding-left: 1%;
  }
  .p-cart__tab .slick-prev {
    left: 0;
  }
  .p-cart__tab .slick-prev:before {
    position: absolute;
    right: 0;
    top: 55%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .6em;
    height: .6em;
    border: .1em solid #cdb899;
    border-top: none;
    border-right: none;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .p-cart__tab .slick-next {
    right: 0;
  }
  .p-cart__tab .slick-next:before {
    position: absolute;
    left: 0;
    top: 55%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .6em;
    height: .6em;
    border: .1em solid #cdb899;
    border-bottom: none;
    border-left: none;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .p-cart__tab .slick-disabled {
    opacity: 0;
  }
  .p-cart__tab-info {
    text-align: left;
    padding-top: 1.2em;
    margin-bottom: 1.2em;
  }
  .p-cart__shopping-info {
    padding-left: 1em;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .p-cart__shopping-info-title {
    color: #e60012;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 10px;
  }
  .p-cart__shopping-info-text {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-cart__shopping-info-teiki {
    padding-left: 1.2em;
  }
  .p-cart__holding-point {
    text-align: center;
    margin-bottom: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .p-cart__note {
    clear: left;
    padding-left: 0;
    margin-bottom: 0;
  }
  .p-cart__btn-area .c-btn:first-child {
    margin-top: 0;
  }
  .p-cart__title {
    margin: 1em 0 .5em 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-cart__title:first-child {
    margin: 0 0 .5em;
  }
  .p-cart__point-info {
    margin-top: 20px;
  }
  .p-cart__point-info-icon {
    width: 12.280701754%;
  }
  .p-cart__point-info-text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .p-cart__point-info-text span {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .p-cart__point-info-percent {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-cart__recommend {
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
  .p-cart__recommend-title {
    text-align: center;
    border: none;
    margin-top: 40px;
    background: none;
  }
  .p-cart__recommend-item {
    float: left;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 7px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
  }
  .p-cart__recommend-item-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #705150;
    margin-bottom: .5em;
    text-align: left;
  }
  .p-cart__recommend-item-price {
    text-align: left;
  }
  .p-cart__recommend-item-button {
    display: none;
  }
  .p-cart__teiki-info {
    margin-top: 10px;
  }
  .p-cart__teiki-info-title {
    font-size: 14px !important;
    max-width: none !important;
  }
  .p-cart__save-card-info {
    display: inline-block;
    width: 60%;
  }
  .p-cart__confirm-point {
    padding: .2em .5em;
  }
  .p-cart__confirm-point-result {
    display: block;
    border-top-width: 2px;
    text-align: center;
  }
  .p-cart__confirm-point-lost {
    display: block;
    border-top-width: 2px;
    text-align: center;
  }
  .p-cart__complete {
    margin-top: 50px;
  }
  .p-cart__complete-lead {
    font-weight: bold;
    font-size: 22px;
    font-size: 1.375rem;
    padding-top: 1em;
    margin-bottom: .5em !important;
  }
  .p-cart__complete-number {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .p-cart__complete p {
    line-height: 1.9;
  }
  .p-cart__complete p:last-child {
    margin-bottom: 2em;
  }
  .p-cart__complete-sub-title {
    background: none;
    border-top: 2px solid #dedede;
  }
  .p-cart__complete-recommend {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #dedede;
    margin-bottom: 40px;
  }
  .p-cart__continue {
    padding: 9px 18px 7px;
    border: 4px solid #ddc4a3;
    margin-top: 20px;
  }
  .p-cart__continue-icon {
    position: relative;
    top: -2px;
    width: 37px;
  }
  .p-cart__continue-icon img {
    width: 100%;
  }
  .p-cart__continue-text {
    font-size: 16px;
    font-size: 1rem;
    padding-left: .5em;
    margin-right: auto;
    width: auto;
  }
  .p-cart__continue-text span {
    font-weight: bold;
  }
  .p-cart__continue-btn .c-btn {
    width: auto;
    font-size: 16px;
    font-size: 1rem;
    padding: .7em 1.5em;
    border-radius: 6px;
  }
  .p-cart__add-form {
    margin-bottom: -15px;
  }
  .p-cart__select-coupon label,
  .p-cart__select-coupon select {
    width: auto;
  }
  .p-cart__input-coupon label {
    margin-right: 0;
    width: auto;
  }
  .p-cart__input-coupon input {
    width: auto;
  }
  .p-cart__input-coupon button {
    width: auto;
    margin-left: 4%;
  }
}

/* login */
.p-login__wrapper {
  padding: 10px;
}

.p-login__label {
  display: inline-block;
  margin-left: -.5em;
  margin-bottom: .5em;
}

.p-login__remember {
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: 1em;
}

.p-login__btn {
  margin-top: .5em;
  margin-bottom: .5em;
}

.p-login__link {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: .5em;
  margin-bottom: .5em;
}

.p-login__title, .p-entry__title {
  font-weight: bold;
  padding-bottom: .5em;
}

@media screen and (min-width: 768px) {
  .p-login__wrapper .c-input--full {
    max-width: none;
  }
  .p-login__link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* entry */
.p-entry__lead {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 30px;
}

.p-entry__lead-arrow {
  display: none;
}

.p-entry__terms {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: .5em;
}

.p-entry__terms .c-accordion-box__title {
  position: relative;
  text-align: left;
  line-height: 1.1;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: .6em 1em;
  padding-right: 2em;
}

.p-entry__terms .c-accordion-box__title:after {
  position: absolute;
  content: url(/shop/cms/sp/images/ico_accordion_plus.png);
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.5);
      -ms-transform: translateY(-50%) scale(0.5);
          transform: translateY(-50%) scale(0.5);
}

.p-entry__terms .c-accordion-box__body {
  padding-bottom: 1em;
}

.p-entry__wish-to-email {
  padding: .25em .5em;
  border: 1px solid #a5a5a5;
  font-weight: bold;
  background: #f8f3ec;
  border-radius: 5px;
  margin-bottom: 1em;
}

.p-entry__wish-to-email > label {
  margin-bottom: 0 !important;
}

.p-entry__confirm-title {
  color: #705150;
  margin-bottom: .2em;
}

.p-entry__confirm-text {
  padding-left: .7em;
  word-break: break-all;
}

.p-entry__complete-name {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 1em;
}

.p-entry__complete-thanks {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1em;
}

.p-entry__complete-text {
  font-size: 15px;
  font-size: 0.9375rem;
}
.p-sns-btn__wrapper:hover {
  opacity: 0.8;  
}
.p-sns-btn__wrapper::after {
  content: "";
  display: block;
  clear: both;
}

.p-sns-btn__img {
  float: left;
  width: 111px;
  border-radius: 8px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
  box-shadow: 0 2px 0 #d4d4d4;
}

.p-sns-btn__text {
  float: left;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  -webkit-transition: .2s;
  transition: .2s;
  text-decoration: none;
  border: 3px solid #e5e5e5;
  border-left: none;
  color: black;
  padding: .8em .2em;
  font-size: inherit;
  z-index: 3;
  line-height: 1.231;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 0 #d4d4d4;
  box-shadow: 0 2px 0 #d4d4d4;
  border-radius: 0 8px 8px 0;
  width: calc(100% - 111px + 7px);
  text-align: center;
  margin-left: -7px;
}
.p-sns-entry__title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.5em;
    text-align: center;
}
@media screen and (min-width: 768px) {
  .p-sns-entry::after {
    content: "";
    display: block;
    clear: both;
  }
  .p-sns-entry-btn {
    width: 50%;
    float: left;
    padding-right: 1em;
  }
  .p-entry__intro {
    *zoom: 1;
  }
  .p-entry__intro:before, .p-entry__intro:after {
    display: table;
    content: " ";
  }
  .p-entry__intro:after {
    clear: both;
  }
  .p-entry__intro-column {
    float: right;
    width: 47.916666667%;
  }
  .p-entry__intro-column:nth-child(2n) {
    float: left;
  }
  .p-entry__lead {
    width: 100%;
    margin-bottom: 10px;
  }
  .p-entry__lead-arrow {
    text-align: center;
    display: block;
    background: url(./images/bg_lead_entry_arrow.png) center top no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    height: 4.2em;
    padding-top: .4em;
    padding-bottom: 3.5em;
  }
  .p-entry__terms {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 1.5em;
    margin-bottom: .5em;
  }
  .p-entry__terms .c-accordion-box__title {
    position: relative;
    text-align: left;
    line-height: 1.1;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1.4em;
    padding-right: 2em;
    max-width: none;
  }
  .p-entry__terms .c-accordion-box__title:after {
    position: absolute;
    content: url(/shop/cms/sp/images/ico_accordion_plus.png);
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
            transform: translateY(-50%) scale(0.9);
  }
  .p-entry__terms .c-accordion-box__body {
    padding-bottom: 1em;
  }
  .p-entry__wish-to-email {
    max-width: 240px;
    margin-top: .25em;
    margin-bottom: -.1em;
  }
  .p-entry__confirm-title {
    clear: left;
    width: 30%;
    padding-top: .25em;
    padding-bottom: .25em;
    float: left;
  }
  .p-entry__confirm-title--address {
    padding-top: 1em;
  }
  .p-entry__confirm-text {
    width: 70%;
    padding-top: .25em;
    padding-bottom: .25em;
    float: left;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-entry__confirm-text:last-child {
    padding-top: 1em;
    margin-bottom: 1.5em;
  }
  .p-entry__complete-name {
    margin-top: 1.2em;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-entry__complete-thanks {
    text-align: center;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .p-entry__complete-text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1.2em;
    text-align: center;
  }
  .p-entry__complete-recommend {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    border-top: 1px solid #dedede;
  }
  
  .p-sns-coop {
    float: left;
  }
  .p-sns-coop:nth-child(2n) {
    float: right;
  }
}

/* mypage */
.p-mypage__header {
  *zoom: 1;
  background: #f4f1ed;
  padding: 10px;
  border-top: 1px solid #cac6bf;
}

.p-mypage__header:before, .p-mypage__header:after {
  display: table;
  content: " ";
}

.p-mypage__header:after {
  clear: both;
}

.p-mypage__header-left {
  float: left;
  width: 70%;
  white-space: nowrap;
}

.p-mypage__header-left > a {
  display: inline-block;
}

.p-mypage__header-right {
  float: right;
  width: 25.8125%;
  padding-top: 7px;
  padding-left: 10px;
  text-align: center;
}

.p-mypage__header-title {
  font-size: 11px;
  font-size: 0.6875rem;
}

.p-mypage__header-name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #725756;
  padding-left: 3px;
}

.p-mypage__header-sama {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-left: 3px;
  padding-right: 4px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.p-mypage__header-cs-rank {
  font-size: 11px;
  font-size: 0.6875rem;
  margin-top: 1em;
  margin-bottom: 1em;
}

.p-mypage__header-cs-rank span {
  position: relative;
  background: #725756;
  color: white;
  display: inline-block;
  font-weight: bold;
  padding: 11px .3em 9px;
  line-height: 0;
}

.p-mypage__header-cs-rank span:after {
  position: absolute;
  top: 0;
  right: -1em;
  content: '';
  display: block;
  background: inherit;
  border: .6em solid transparent;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-right-color: #f4f1ed;
  -webkit-box-sizing: padding-box;
          box-sizing: padding-box;
  height: 1.6em;
}

.p-mypage__header-point {
  background: white;
  display: inline-block;
  padding: 2px 5px;
}

.p-mypage__header-point-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.1;
  text-align: center;
  margin-right: .5em;
}

.p-mypage__header-point-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fb676e;
  text-align: left;
  min-width: 4.5em;
}

.p-mypage__header-coupon {
  display: inline-block;
  vertical-align: middle;
  background: #ffcc70;
  border: 2px solid white;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2em;
  padding: 0 5px 3px;
}

.p-mypage__header-coupon img {
  width: 16px;
  vertical-align: middle;
  display: inline-block;
}

.p-mypage__header-coupon-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1;
  padding-top: .7em;
  padding-bottom: .4em;
}

.p-mypage__header-coupon-count {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 2;
  font-size: 11px;
  font-size: 0.6875rem;
  width: 1.8em;
  height: 1.8em;
  border-radius: .9em;
  background: white;
}

.p-mypage__header-logout-btn.c-btn {
  background: #808080;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-bottom: 3px;
  padding-top: .7em;
  padding-bottom: .7em;
}

.p-mypage__title {
  background: url(/shop/cms/sp/images/mypage/bg_mypage_title.png);
  text-align: center;
  font-weight: bold;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  padding: .25em;
}

.p-mypage__menu-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-mypage__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 33%;
  padding: 10px 0;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.p-mypage__menu-item:nth-child(3n) {
  border-right: none;
}

.p-mypage__menu-item a {
  color: currentColor;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-mypage__menu-item-icon {
  width: 14.0625vw;
  height: 14.0625vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-mypage__menu-item p {
  width: 100%;
  text-align: center;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: .5em;
  margin-bottom: .5em;
  height: 1.5em;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-mypage__checked {
  border-top: none;
}

.p-mypage__pager {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-mypage__popup-coupon {
  background: #f4f1eb;
  padding: 7px;
  margin-bottom: 10px;
}

.p-mypage__popup-coupon-wrapper {
  margin-bottom: 15px;
}

.p-mypage__popup-coupon-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  width: 6.5em;
  background: white;
  padding: .5em;
  border-radius: 8px;
  color: #c2a274;
  border: 2px solid #c2a278;
}

.p-mypage__popup-coupon-name {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 1em;
  font-size: 16px;
  font-size: 1rem;
  max-width: 70%;
}

.p-mypage__popup-teiki .c-modal__button-area {
  padding-top: 10px;
}

.p-mypage__popup-teiki .c-modal__mod-button {
  max-width: 180px;
  width: 54%;
  vertical-align: middle;
}

.p-mypage__popup-teiki .c-modal__cancel-button {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  padding: .5em .8em;
}

.p-mypage__popup-teiki-title {
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: .8em;
}

.p-mypage__popup-teiki-sub-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  padding-bottom: .4em;
  margin-bottom: .8em;
}

.p-mypage__popup-teiki-date {
  clear: both;
  float: left;
  padding: .7em 0;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
  margin-left: 5px;
}

.p-mypage__popup-teiki-button {
  margin-right: 5px;
  width: 54%;
  max-width: 12.5em;
  float: right;
  display: block;
  padding: .5em;
  background: #f4f1eb;
  border: 2px solid #5e4738;
  text-align: center;
  color: #5e4738;
  border-radius: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.p-mypage__popup-teiki-button.is-on {
  color: white;
  border-color: #a6a6a6;
  background: #a6a6a6;
}

.p-mypage__popup-teiki-mod-info {
  text-align: center;
  margin-bottom: 10px;
}

.p-mypage__popup-teiki-mod-info-checkbox {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

.p-mypage__popup-teiki-mod-info-checkbox label {
  margin-right: .5em !important;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__title {
  display: inline-block;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 2em;
  padding-right: 2em;
  max-width: none;
  width: auto;
  background: white;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__title.is-open {
  position: relative;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

.p-mypage__popup-teiki-mod-info .c-accordion-box__body {
  text-align: center;
  margin-top: -2px;
  background: white;
  border-top: 2px solid #e5e5e5;
  margin-bottom: -20px;
}

.p-mypage__popup-teiki-mod-info #payment-method-card {
  padding-top: 15px;
}

.p-mypage__popup-teiki-kaiyaku {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 1.5em;
}

.p-mypage__popup-teiki-kaiyaku a {
  text-decoration: underline;
  color: #5e4738;
  cursor: pointer;
}

.p-mypage__popup-cancel-item {
  background: #f8f3ec;
  padding: 9px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-mypage__popup-cancel-confirm {
  padding-top: .5em;
  margin-bottom: 1em;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-mypage__popup-cancel__info {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 15px;
  margin-top: 25px;
  border-top: 1px solid #cccccc;
}

.p-mypage__popup-cancel__info p {
  padding-left: 12px;
  text-indent: -12px;
  line-height: 1.2;
  margin-bottom: .5em;
}

.p-mypage__popup-cancel__info-tel {
  font-size: 15px;
  font-size: 0.9375rem;
  padding-left: 12px;
  text-indent: 0 !important;
}

@media screen and (min-width: 768px) {
  .p-mypage {
    margin-top: -20px;
  }
  .p-mypage__header {
    display: none;
  }
  .p-mypage__title {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-mypage__menu-list {
    display: block;
  }
  .p-mypage__menu-list + .p-mypage__menu-list {
    border-bottom: 2px solid #e9e4da;
  }
  .p-mypage__menu-list + .p-mypage__menu-list .p-mypage__menu-item:last-child {
    border-bottom: none;
  }
  .p-mypage__menu-item {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 2px solid white;
  }
  .p-mypage__menu-item:hover, .p-mypage__menu-item.is-current {
    color: #fb676e;
  }
  .p-mypage__menu-item a {
    position: relative;
    display: block;
    background: #f4f1eb;
    padding: 15px;
  }
  .p-mypage__menu-item a:after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    content: '';
    width: .4em;
    height: .4em;
    border: 1px solid #bfaa8b;
    border-bottom: none;
    border-left: none;
  }
  .p-mypage__menu-item-icon {
    width: 30px;
    height: auto;
    -js-display: inline-block;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }
  .p-mypage__menu-item p {
    font-weight: bold;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-mypage__pickup {
    border-top: 1px solid #dedede;
    padding-top: 40px;
  }
  .p-mypage__checked {
    border-top: 1px solid #dedede;
  }
  .p-mypage__popup-coupon {
    padding: 13px 15px;
    margin-bottom: 15px;
  }
  .p-mypage__popup-coupon-wrapper {
    margin-bottom: 30px;
  }
  .p-mypage__popup-coupon-icon {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 8px;
    border: 2px solid #c2a278;
  }
  .p-mypage__popup-coupon-name {
    font-size: 24px;
    font-size: 1.5rem;
    max-width: 80%;
  }
  .p-mypage__popup-teiki .c-modal__button-area {
    padding-top: 0;
  }
  .p-mypage__popup-teiki-title {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 1em;
  }
  .p-mypage__popup-teiki-sub-title {
    font-size: 16px;
    font-size: 1rem;
  }
  .p-mypage__popup-teiki-date {
    padding: .6em 0;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 7px;
  }
  .p-mypage__popup-teiki-button {
    width: 12.5em;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 7px;
  }
  .p-mypage__popup-teiki-mod-info-checkbox {
    text-align: center;
  }
  .p-mypage__popup-teiki-mod-info-checkbox label {
    font-size: 16px !important;
    margin-right: 3em !important;
  }
  .p-mypage__popup-teiki-kaiyaku {
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-mypage__popup-teiki-kaiyaku a {
    display: inline-block;
  }
}

/* -----------------------------------------------------------------
 * 	Utility
 * ----------------------------------------------------------------- */
/* clearfix */
.u-cf {
  *zoom: 1;
}

.u-cf:before, .u-cf:after {
  display: table;
  content: " ";
}

.u-cf:after {
  clear: both;
}

/* margin: */
.u-mb0 {
  margin-bottom: 0;
}

.u-mb5 {
  margin-bottom: 5px;
}

.u-mb10 {
  margin-bottom: 10px;
}

.u-mb15 {
  margin-bottom: 15px;
}

.u-mb20 {
  margin-bottom: 20px;
}

.u-mb25 {
  margin-bottom: 25px;
}

.u-mb30 {
  margin-bottom: 30px;
}

.u-mb35 {
  margin-bottom: 35px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb50 {
  margin-bottom: 50px;
}

.u-mb60 {
  margin-bottom: 60px;
}

.u-mb70 {
  margin-bottom: 70px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-mb90 {
  margin-bottom: 90px;
}

.u-mb100 {
  margin-bottom: 100px;
}

.u-mb200 {
  margin-bottom: 200px;
}

.u-ml10 {
  margin-left: 10px;
}

.u-ml20 {
  margin-left: 20px;
}

.u-ml40 {
  margin-left: 40px;
}

.u-mr10 {
  margin-right: 10px;
}

.u-mr20 {
  margin-right: 20px;
}

.u-mr1e {
  margin-right: 1em;
}

.u-mr2e {
  margin-right: 2em;
}

/* position: */
.u-position-rel {
  position: relative;
}

/* float: */
.u-float-right {
  float: right;
}

.u-float-left {
  float: left;
}

/* align: */
.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-align-center {
  text-align: center;
}

.u-vam {
  vertical-align: middle;
}

.u-vab {
  vertical-align: bottom;
}

/* font */
.u-font-bold {
  font-weight: bold;
}

.u-font-normal {
  font-weight: normal;
}

.u-font-30 {
  font-size: 30px;
  font-size: 1.875rem;
}

.u-font-25 {
  font-size: 25px;
  font-size: 1.5625rem;
}

.u-font-24 {
  font-size: 24px;
  font-size: 1.5rem;
}

.u-font-23 {
  font-size: 23px;
  font-size: 1.4375rem;
}

.u-font-22 {
  font-size: 22px;
  font-size: 1.375rem;
}

.u-font-21 {
  font-size: 21px;
  font-size: 1.3125rem;
}

.u-font-20 {
  font-size: 20px;
  font-size: 1.25rem;
}

.u-font-19 {
  font-size: 19px;
  font-size: 1.1875rem;
}

.u-font-18 {
  font-size: 18px;
  font-size: 1.125rem;
}

.u-font-17 {
  font-size: 17px;
  font-size: 1.0625rem;
}

.u-font-16 {
  font-size: 16px;
  font-size: 1rem;
}

.u-font-15 {
  font-size: 15px;
  font-size: 0.9375rem;
}

.u-font-14 {
  font-size: 14px;
  font-size: 0.875rem;
}

.u-font-13 {
  font-size: 13px;
  font-size: 0.8125rem;
}

.u-font-12 {
  font-size: 12px;
  font-size: 0.75rem;
}

.u-font-11 {
  font-size: 11px;
  font-size: 0.6875rem;
}

.u-font-10 {
  font-size: 10px;
  font-size: 0.625rem;
}

/* color */
.u-color-black {
  color: black;
}

.u-color-red {
  color: #e60012;
}

.u-color-orange {
  color: #FF3F00;
}

.u-color-blue {
  color: #002464;
}

/* display: */
.u-display-inline-block {
  display: inline-block;
}

.u-display-none {
  display: none;
}
.clearBoth{
    clear:both;
}
/*-----------------------------
  エラーメッセージ
-----------------------------*/
div.errorBlock {
    margin: 0px 5px 10px 0px;
    text-align: center;
}
.errorBlock span {
    background-color: #f9c5ca;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 14px;
    color: #e60012;
}

.errorMessage {
    color:red;
    font-size: 12px;
    text-align:left;
    padding-left: 5px;
}
div.informationBlock {
    margin: 0px 5px 10px 0px;
    text-align: center;
}
.informationBlock span {
    background-color: #ffefd5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 14px;
    color: #725756;
}

.informationMessage {
    color: #ffefd5;
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
}
.hidden {
    display: none;
}

.initHidden {
  visibility: hidden;
}

.np-keyword-suggest .title,
.np-keyword-suggest .path {
    color: #000
}

.np-keyword-suggest .title:before,
.np-keyword-suggest .path:before {
    font-size: 10px;
    color: #FFF;
    margin-right: 4px;
    padding: 1px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.np-keyword-suggest .title:before {
    content: "商品名";
    background: #2E64FE;
    padding: 1px 9px;
}

.np-keyword-suggest .path:before {
    content: "カテゴリ";
    background: #FA5882;
}

.couponImg {
    height: 48px;
    width: auto;
}
.p-detail__popup-link {
  cursor : pointer;
}
#youtubeArea {
    width: auto;
    text-align: center;
    margin: 0 auto;
}
.youtubeArea {
    width: auto;
    text-align: center;
    margin: 0 auto;
}
.form_area_120 {
    width:100%;
    margin:0 auto
}
.cart_flow_next {
    text-align: center;
    margin:0 auto
}
.cart_flow_next_area {
    text-align:center;
    margin:30px 0 60px;
    
}
.error_tit {
    font-family:""; 
    background-color:#FFEEFF;
    color:#333333;
    font-size:18px;
    padding:4px 0;
    text-align:left;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.7);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.7);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.7);   
}
.error_area {
    margin:0 auto;
    padding-top:15px
}
.error_txt {
    max-width:560px;
    width:80%;
    background-color:#FFFFFF;
    font-size:14px;
    padding:30px 0 30px;
    margin:auto;
    margin-top:5px;
    padding-top:15px;
    text-align: center;
    color:#333333;
    line-height:30px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.error_txt a, .error_txt div{
    text-align: center;
}

#addressName,
#addressNameKana,
#addressAddress2,
#addressAddress3,
#lastName,
#lastNameKana
#address2,
#address3 {
    ime-mode: active;
}

.cardNoInput,
.cardUserNameInput,
.securityCodeInput,
#addressPostalCode,
#addressPhoneNumber,
#postalCode,
#phoneNumber {
   ime-mode: disabled;
}

#loader
{
    position: absolute;
    width: 60px; /*ローディングアイコンの横サイズ*/
    height: 60px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 10px solid #FFF;
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite; /*1秒毎にくるくる回転するアニメーション*/
    margin-top: 10px;
}
.loader-wrap {
    /* position: relative;
    width: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.loader-small
{
    position: absolute;
    width: 30px; /*ローディングアイコンの横サイズ*/
    height: 30px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 4px solid #595959;
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite; /*1秒毎にくるくる回転するアニメーション*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
@media screen and (min-width: 768px) {
  #loader {
    left: 15%;
  }
}

@keyframes spin
{
    0% { transform: rotate(0deg);   opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1.0; }
    100%   { transform: rotate(360deg); opacity: 0.2; }
}