body { min-width: 375px; font-size: 14px; font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; letter-spacing: 0em; line-height: 1.7; color: #000000; }
@media screen and (max-width:1030px) {
  body { font-size: 14px; }
}
body.is-scroll-hidden { overflow: hidden; }
img { max-width: 100%; vertical-align: top; }
ul, ol, dl { list-style: none; margin: 0; padding: 0; }
a { color: #000000; transition: all 0.1s ease; }
a:hover { color: #444444; text-decoration: none; }
[data-whatinput=mouse] *:focus, [data-whatinput=touch] *:focus { outline: none; }
button { font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }

/******************************/

/* Utility */

/******************************/
.u-container { box-sizing: border-box; position: relative; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 1030px; }
@media screen and (max-width:1030px) {
  .u-container { padding-left: 20px; padding-right: 20px; width: auto; }
}
.u-contents { padding-top: 75px; padding-bottom: 75px; }
@media screen and (max-width:767px) {
  .u-contents { padding-top: 45px; padding-bottom: 45px; }
}
.u-contents-s { padding-top: 45px; padding-bottom: 45px; }
@media screen and (max-width:767px) {
  .u-contents-s { padding-top: 30px; padding-bottom: 30px; }
}
.u-attention { font-weight: normal; font-style: normal; color: #b72424; }
.u-bold { font-weight: bold; font-style: normal; }
.u-text-right { text-align: right; }
.u-marker { background: linear-gradient(transparent 70%, #fff284 70%); }
.u-visually-hidden { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; }
.u-pc-only { display: block; }
.u-pc-only-inline { display: inline; }
.u-pc-only-inlineBlock { display: inline-block; }
.u-pc-only-Flex { display: flex; }
.u-sp-only { display: none; }
.u-sp-only-inline { display: none; }
.u-sp-only-inline-block { display: none; }
.u-sp-only-flex { display: none; }
@media screen and (max-width:767px) {
  .u-pc-only { display: none; }
  .u-pc-only-inline { display: none; }
  .u-pc-only-inlineBlock { display: none; }
  .u-pc-only-flex { display: none; }
  .u-sp-only { display: block; }
  .u-sp-only-inline { display: inline; }
  .u-sp-only-inline-block { display: inline-block; }
  .u-sp-only-flex { display: flex; }
}
.u-hidden { overflow: hidden; }
.u-opa img { opacity: 1; transition: all 0.3s ease; }
.u-opa img:hover { opacity: 0.8; }
.u-img-scale { display: block; overflow: hidden; position: relative; }
.u-img-scale img { display: inline-block; width: 100%; transform: scale(1, 1); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
@media screen and (max-width:767px) {
  .u-img-scale img { transform: none; transition: none; -webkit-backface-visibility: visible; backface-visibility: visible; }
}
.u-img-scale:hover img { transform: scale(1.05, 1.05); }
@media screen and (max-width:767px) {
  .u-img-scale:hover img { transform: none; }
}

/* overflow slide */
@media screen and (max-width:1030px) {
  .u-overflow-slide { overflow-x: scroll; white-space: nowrap; padding-bottom: 30px; width: 100%; }
}
@media screen and (max-width:1030px) {
  .u-overflow-slide.is-product-thumb { padding-bottom: 10px; }
}
@media screen and (max-width:1030px) {
  .u-overflow-slide.is-option-tbl { padding-bottom: 15px; }
}
@media screen and (max-width:1030px) {
  .u-overflow-slide::-webkit-scrollbar { height: 1px; }
}
@media screen and (max-width:1030px) {
  .u-overflow-slide::-webkit-scrollbar-track { background: #f0f0f0; }
}
@media screen and (max-width:1030px) {
  .u-overflow-slide::-webkit-scrollbar-thumb { background: #999899; }
}

/******************************/

/* Layout */

/******************************/
.l-main { padding-top: 0; }
@media screen and (max-width:1030px) {
  .l-main { margin-top: 0px !important; padding-top: 0; }
}
.l-bottom { margin-top: 60px; }
@media screen and (max-width:767px) {
  .l-bottom { margin-top: 30px; }
}
.l-contents-wrap { display: flex; justify-content: space-between; }
@media screen and (max-width:1199px) {
  .l-contents-wrap { display: block; }
}
.l-contents-main { width: 720px; }
@media screen and (max-width:1030px) {
  .l-contents-main { width: auto; }
}
.l-contents-side { order: -1; width: 210px; }
@media screen and (max-width:1199px) {
  .l-contents-side { margin-top: 60px; margin-left: -20px; margin-right: -20px; width: auto; }
}

/***** side navi *****/
.l-side-navi { margin-bottom: 50px; }
.l-side-navi__ttl { margin: 0; padding: 15px 20px; font-size: 22px; font-weight: normal; }
@media screen and (max-width:767px) {
  .l-side-navi__ttl { font-size: 16px; }
}
.l-side-navi-list { border-bottom: 1px solid #7d7d7d; }
.l-side-navi-list__item { border-top: 1px solid #7d7d7d; }
.l-side-navi-list__link { box-sizing: border-box; display: block; position: relative; padding: 20px 40px 20px 20px; border: 0; width: 100%; font-size: 18px; font-weight: normal; background: transparent; color: #000000; text-align: left; }
@media screen and (max-width:767px) {
  .l-side-navi-list__link { padding: 20px 20px; width: 100%; font-size: 14px; background: #ffffff; text-align: left; }
}
.l-side-navi-list__link.is-link:before { margin-top: -4px; transform: rotate(-45deg); }
.l-side-navi-list__link:hover, .l-side-navi-list__link.is-on { background: transparent; color: #000000; text-decoration: none; }
@media screen and (max-width:767px) {
  .l-side-navi-list__link:hover, .l-side-navi-list__link.is-on { background: #ffffff; }
}
.l-side-navi-list__link:before { content: ""; position: absolute; top: 50%; right: 15px; margin-top: -7px; width: 6px; height: 6px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; transform: rotate(45deg); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media screen and (max-width:767px) {
  .l-side-navi-list__link:before { right: 20px; margin-top: -4px; border-color: #000000; }
}
.l-side-navi-list__link.is-on:before { transform: rotate(-135deg); margin-top: -4px; }
.l-side-navi-sub-list { display: none; padding: 5px 0; background: #fbfbfb; }
.l-side-navi-sub-list__link { display: block; padding: 15px 15px 15px 30px; }

/******************************/

/* fade animation */

/******************************/
.fadeIn { opacity: 0; transition: all 1.3s cubic-bezier(0.07, 0.92, 0.46, 0.95) 0.4s; }
.fromLeft { transform: translate(-20px, 0); }
.fromRight { transform: translate(20px, 0); }
.fromTop { transform: translate(0, -20px); }
.fromBottom { transform: translate(0, 20px); }
.fromForeground { transform: scale(1.6); }
.faded { opacity: 1; }
.fadedWithTransform { opacity: 1; transform: translate(0, 0) scale(1); }

/******************************/

/* Color me icons */

/******************************/

/* 24px black */
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-b.icon-twitter { background-position: -144px -264px; }
.icon-lg-b.icon-facebook { background-position: -192px -264px; }
.icon-lg-b.icon-video { background-position: -456px -144px; }
.icon-lg-b.icon-pinterest { background-position: -312px -264px; }
.icon-b, .icon-w { width: 16px; height: 16px; display: inline-block; *display: inline; *zoom: 1; }
.icon-lg-b, .icon-lg-w { width: 24px; height: 24px; display: inline-block; *display: inline; *zoom: 1; }
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .icon-b, .icon-w { background-size: 368px 320px; }
  .icon-lg-b, .icon-lg-w { background-size: 552px 480px; }
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width:768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:768px) and (min-device-pixel-ratio:2), only screen and (max-width:768px) and (min-resolution:192dpi), only screen and (max-width:768px) and (min-resolution:2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/******************************/

/* Components */

/******************************/

/********** title **********/
.c-ttl-main { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 0; margin-bottom: 45px; line-height: 1.4; font-size: 30px; letter-spacing: 0.3em; font-feature-settings: "palt" 1; }
@media screen and (max-width:767px) {
  .c-ttl-main { margin-bottom: 30px; font-size: 21px; }
}
.c-ttl-main__ja { display: inline-block; margin-bottom: 5px; font-weight: normal; font-size: 14px; color: #909090; letter-spacing: 0; }
@media screen and (max-width:767px) {
  .c-ttl-main__ja { margin-bottom: 2px; font-size: 12px; white-space: nowrap; }
}
.c-ttl-sub { margin-top: 0; margin-bottom: 45px; line-height: 1.4; font-size: 14px; font-weight: bold; letter-spacing: 0.3em; text-align: center; font-feature-settings: "palt" 1; }
@media screen and (max-width:767px) {
  .c-ttl-sub { margin-bottom: 30px; font-size: 14px; }
}
.c-ttl-sub__ja { display: block; margin-top: 15px; font-size: 12px; font-weight: normal; color: #909090; letter-spacing: 0; }
.c-ttl-second { margin-top: 0; margin-bottom: 30px; line-height: 1.4; font-size: 21px; letter-spacing: 0.3em; font-feature-settings: "palt" 1; }
@media screen and (max-width:767px) {
  .c-ttl-second { margin-bottom: 20px; font-size: 18px; }
}

/********** パーツ **********/
.c-item-list { display: flex; flex-wrap: wrap; margin-left: -35px; margin-right: -35px; }
@media screen and (max-width:1030px) {
  .c-item-list { margin-left: -20px; margin-right: -20px; }
}
@media screen and (max-width:767px) {
  .c-item-list { margin-left: -10px; margin-right: -10px; }
}
.c-item-list__item { position: relative; box-sizing: border-box; margin-bottom: 60px; padding-left: 35px; padding-right: 35px; padding-bottom: 25px; width: 25%; transition: opacity 0.2s; word-break: break-all; }
@media screen and (max-width:1030px) {
  .c-item-list__item { margin-bottom: 45px; padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width:767px) {
  .c-item-list__item { padding-left: 10px; padding-right: 10px; width: 50%; }
}
.c-item-list__item.is-hidden { display: none; }
.c-item-list__img { position: relative; margin-bottom: 30px; }
@media screen and (max-width:767px) {
  .c-item-list__img { text-align: center; }
}
.c-item-list__img:before { content: ""; display: block; padding-top: 100%; }
.c-item-list__img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-item-list__img img { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto !important; text-align: center; }
.c-item-list__ttl img { vertical-align: middle; }
.c-item-list__price { color: #909090; margin-top: 15px; }
.c-item-list__price.is-strikethrough { margin-top: 0; text-decoration: line-through; }
.c-item-list__expl { margin-top: 15px; }
.c-item-list__btn { display: block; position: absolute; right: 30px; bottom: 0; padding: 0; border: 0; background: transparent; color: #d8d8d8; cursor: pointer; text-align: center; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media screen and (max-width:1030px) {
  .c-item-list__btn { right: 20px; }
}
@media screen and (max-width:767px) {
  .c-item-list__btn { right: 10px; }
}
.c-item-list__btn.is-added { color: #000000; }
.c-item-list__btn svg { width: 20px; height: 20px; fill: currentColor; }
svg:not(:root) { overflow: hidden; }

/***** FAVORITE *****/
.c-favorite-list { display: flex; flex-wrap: wrap; margin-left: -9px; margin-right: -9px; }
@media screen and (max-width:1030px) {
  .c-favorite-list { margin-left: 0; margin-right: 0; flex-wrap: nowrap; }
}
.c-favorite-list__item { position: relative; box-sizing: border-box; margin-bottom: 40px; padding-left: 9px; padding-right: 9px; width: 12.5%; }
@media screen and (max-width:1030px) {
  .c-favorite-list__item { margin-right: 5px; margin-bottom: 0; padding-left: 0px; padding-right: 0px; width: 120px; }
}
@media screen and (max-width:767px) {
  .c-favorite-list__item { width: 90px; }
}
.c-favorite-list__img { position: relative; margin-bottom: 30px; text-align: center; }
@media screen and (max-width:1030px) {
  .c-favorite-list__img { margin-bottom: 10px; width: 120px; text-align: center; }
}
@media screen and (max-width:767px) {
  .c-favorite-list__img { width: 90px; }
}
.c-favorite-list__img:before { content: ""; display: block; padding-top: 100%; }
.c-favorite-list__img a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-favorite-list__img img { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; width: auto !important; text-align: center; }
.c-favorite-list__price { color: #909090; margin-top: 15px; font-size: 12px; white-space: normal; }
.c-favorite-list__price.is-strikethrough { margin-top: 0; text-decoration: line-through; }
.c-favorite-list__btn { position: absolute; right: 30px; bottom: 0; }

/********** button **********/
.c-btn { box-sizing: border-box; display: inline-block; position: relative; padding: 18px 45px 18px 25px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0; border-right: 0; min-width: 150px; font-size: 14px; font-weight: bold; background: transparent; color: #000000; text-align: left; cursor: pointer; letter-spacing: 0.3em; }
.c-btn:before, .c-btn:after { content: ""; position: absolute; top: 50%; right: 20px; width: 9px; height: 1px; background: #000000; transition: all 0.3s ease; }
.c-btn:after { transform: rotate(90deg); }
.c-btn:hover { text-decoration: none; }
.c-btn:hover:before { transform: rotate(90deg); }
.c-btn:hover:after { transform: rotate(180deg); }
.c-btn-cart { box-sizing: border-box; display: inline-block; position: relative; padding: 25px; border: none; border-radius: 0; width: 100%; font-size: 14px; font-weight: bold; background: #f15652; color: #ffffff; text-align: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.c-btn-cart:hover { background: rgba(44, 114, 88, 0.8); color: #ffffff; text-decoration: none; }
.c-btn-cart.is-disabled { background: #d8d8d8; cursor: default; }
.c-btn-cart.is-disabled:hover { background: rgba(216, 216, 216, 0.8); }
.c-btn-cart.is-soldout { background: #d3d3d3; cursor: default; }
.c-btn-cart.is-soldout:hover { background: #d3d3d3; }
.c-btn-cart.is-membersonly { background: #53a6a5; cursor: default; }
.c-btn-cart.is-membersonly:hover { background: #53a6a5; }
.c-icon-cart { display: inline-block; margin-right: 20px; width: 19px; height: 18px; background: url(https://img.shop-pro.jp/tmpl_img/86/icon-template-cart.png) no-repeat; background-size: 19px 18px; vertical-align: -2px; }
.c-more { text-align: center; }
.c-not-found { margin-bottom: 60px; }

/********** table **********/
.c-tbl-list { border-top: 1px solid #b2b2b2; }
.c-tbl-list__tr { display: flex; padding: 20px 0; border-bottom: 1px solid #b2b2b2; }
@media screen and (max-width:767px) {
  .c-tbl-list__tr { display: block; }
}
.c-tbl-list__th { margin: 0; width: 270px; font-size: 14px; font-weight: bold; }
@media screen and (max-width:767px) {
  .c-tbl-list__th { margin-bottom: 10px; width: auto; }
}
.c-tbl-list__td { flex: 1; margin: 0 0 0 30px; }
@media screen and (max-width:767px) {
  .c-tbl-list__td { margin-left: 0; }
}

/********** breadcrumbs **********/
.c-breadcrumbs + .u-contents { padding-top: 30px; }
.c-breadcrumbs-list { padding-top: 15px; margin-bottom: 35px; font-size: 12px; }
@media screen and (max-width:767px) {
  .c-breadcrumbs-list { font-size: 10px; }
}
.c-breadcrumbs-list__item { position: relative; display: inline-block; margin-right: 25px; }
.c-breadcrumbs-list__item:before { display: block; content: ""; position: absolute; top: 50%; right: -15px; margin-top: -3px; width: 5px; height: 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; transform: rotate(-45deg); }
.c-breadcrumbs-list__item:last-child:before { content: none; }
.c-breadcrumbs-list a { color: #000000; }

/********** pager **********/
.c-pager { margin-top: 75px; margin-bottom: 75px; text-align: center; }
.c-pager__total { margin-bottom: 30px; }
.c-pager-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
.c-pager-list__item { box-sizing: border-box; overflow: hidden; margin-left: 3px; margin-right: 3px; min-width: 30px; line-height: 30px; background: #ffffff; text-align: center; }
@media screen and (max-width:767px) {
  .c-pager-list__item { display: none; min-width: 45px; line-height: 45px; }
}
@media screen and (max-width:767px) {
  .c-pager-list__item.is-visible { display: block; margin-left: 15px; margin-right: 15px; width: auto; }
}
.c-pager-list__link { display: block; position: relative; border: 1px solid #ffffff; background: #ffffff; color: #000000; min-width: 30px; text-decoration: none; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media screen and (max-width:767px) {
  .c-pager-list__link { min-width: 45px; }
}
.c-pager-list__link:hover { border-color: #d8d8d8; background: #d8d8d8; color: #000000; text-decoration: none; }
.c-pager-list__link.is-current { border-color: #535353; }
@media screen and (max-width:767px) {
  .c-pager-list__link.is-current { border-color: #ffffff; }
}
.c-pager-list__link.is-current:hover { border-color: #535353; background: #ffffff; }
@media screen and (max-width:767px) {
  .c-pager-list__link.is-current:hover { border-color: #ffffff; }
}
.c-pager-list__link.is-prev, .c-pager-list__link.is-next { border-color: #d8d8d8; background: #d8d8d8; text-indent: -99999px; }
.c-pager-list__link.is-prev:before, .c-pager-list__link.is-next:before { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
@media screen and (max-width:767px) {
  .c-pager-list__link.is-prev:before, .c-pager-list__link.is-next:before { margin-left: -4px; margin-top: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
}
.c-pager-list__link.is-prev:hover, .c-pager-list__link.is-next:hover { background: rgba(216, 216, 216, 0.7); }
.c-pager-list__link.is-prev.is-disabled:hover, .c-pager-list__link.is-next.is-disabled:hover { background: #d8d8d8; }
.c-pager-list__link.is-prev:before { border-right: 4px solid #000000; }
@media screen and (max-width:767px) {
  .c-pager-list__link.is-prev:before { border-right: 8px solid #000000; }
}
.c-pager-list__link.is-prev.is-disabled:before { border-right-color: #aaaaaa; }
.c-pager-list__link.is-next:before { border-left: 4px solid #000000; }
@media screen and (max-width:767px) {
  .c-pager-list__link.is-next:before { border-left: 8px solid #000000; }
}
.c-pager-list__link.is-next.is-disabled:before { border-left-color: #aaaaaa; }
.c-pager-list__page { display: none; }
@media screen and (max-width:767px) {
  .c-pager-list__page { display: inline-block; }
}

/******************************/

/* header */

/******************************/
.l-header { top: 0; z-index: 1000; width: 100%; background: #ffffff; transition: all 0.3s ease; }
@media screen and (max-width:1030px) {
  .l-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; min-height: 60px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); min-width: 375px; }
}
.l-header.is-fixed, .l-header.is-open { position: fixed; top: 0; z-index: 10000; margin-top: 0; margin-left: auto; margin-right: auto; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.l-header.is-fixed .l-header-main__in, .l-header.is-open .l-header-main__in { display: flex; justify-content: space-between; padding-top: 0; }
.l-header.is-fixed .l-header-logo, .l-header.is-open .l-header-logo { margin-bottom: 0; }
.l-header.is-fixed .l-header-logo__img, .l-header.is-open .l-header-logo__img { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; min-height: 40px; max-width: 750px; }
.l-header.is-fixed .l-header-logo__img.is-txt, .l-header.is-open .l-header-logo__img.is-txt { margin-bottom: 0; }
.l-header.is-fixed .l-header-logo__img img, .l-header.is-open .l-header-logo__img img { max-width: 450px; max-height: 40px; }
@media screen and (max-width:1030px) {
  .l-header.is-fixed .l-header-logo__img img, .l-header.is-open .l-header-logo__img img { max-width: 170px; }
}
.l-header.is-fixed .l-header-logo__type-txt, .l-header.is-open .l-header-logo__type-txt { font-size: 12px; }
.l-header.is-fixed .l-header-logo__txt, .l-header.is-open .l-header-logo__txt { display: none; }
.l-header.is-fixed .l-main-navi-list, .l-header.is-open .l-main-navi-list { display: none; }
.l-header.is-fixed .l-help-navi-box, .l-header.is-open .l-help-navi-box { display: none; position: static; }
.l-header.is-fixed .l-header-search, .l-header.is-open .l-header-search { right: 80px; }
.l-header.is-fixed .l-header-search__box, .l-header.is-open .l-header-search__box { right: -65px; }
@media screen and (max-width:1030px) {
  .l-header.is-fixed .l-header-search__box, .l-header.is-open .l-header-search__box { right: 0px; }
}
.l-header.is-fixed .l-menu-btn, .l-header.is-open .l-menu-btn { display: block; }
@media screen and (max-width:1030px) {
  .l-header-main { padding-right: 0; }
}
.l-header-main__in { padding-top: 30px; }
@media screen and (max-width:1030px) {
  .l-header-main__in { padding-top: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #ffffff; }
}
.l-header-logo { margin-bottom: 15px; }
@media screen and (max-width:1030px) {
  .l-header-logo { margin-right: auto; margin-bottom: 0; }
}
@media screen and (max-width:767px) {
  .l-header-logo { flex: 1; overflow: hidden; }
}
.l-header-logo__img { margin: 0; max-width: 450px; word-break: break-all; }
@media screen and (max-width:1030px) {
  .l-header-logo__img { display: flex; align-items: center; padding-top: 10px; padding-bottom: 10px; min-height: 40px; font-size: 12px; }
}
.l-header-logo__img.is-txt { margin-bottom: 35px; }
@media screen and (max-width:1030px) {
  .l-header-logo__img.is-txt { margin-bottom: 0; }
}
.l-header-logo__img img { max-width: 450px; max-height: 150px; }
@media screen and (max-width:1030px) {
  .l-header-logo__img img { max-width: 170px; max-height: 40px; }
}
.l-header-logo__txt { margin-top: 5px; margin-bottom: 0; font-size: 12px; color: #909090; max-width: 450px; }
@media screen and (max-width:1030px) {
  .l-header-logo__txt { display: none; }
}
.l-menu-btn { display: none; position: relative; z-index: 10000; width: 60px; height: 60px; border: 0; background: transparent; }
@media screen and (max-width:1030px) {
  .l-menu-btn { display: block; }
}
.l-menu-btn span { box-sizing: border-box; display: inline-block; transition: all 0.2s ease; position: absolute; left: 19px; width: 25px; height: 1px; background-color: #000000; }
.l-menu-btn span:nth-of-type(1) { top: 25px; }
.l-menu-btn span:nth-of-type(2) { top: 35px; }
.l-menu-btn.is-on span:nth-of-type(1) { top: 10px; transform: translateY(20px) rotate(-45deg); }
.l-menu-btn.is-on span:nth-of-type(2) { top: 50px; transform: translateY(-20px) rotate(45deg); }

/********** メインナビ **********/
.l-main-navi { position: relative; z-index: 100; }
@media screen and (max-width:1030px) {
  .l-main-navi { display: none; }
  .l-main-navi.is-on { display: block; }
}
@media screen and (min-width:1030px) {
  .l-main-navi { display: block !important; }
}
.l-main-navi.is-open { box-sizing: border-box; overflow-y: auto; position: fixed; top: 60px; left: 0; display: block; padding-top: 50px; padding-bottom: 50px; width: 100%; height: calc(100% - 60px); background: #fafafa; }
@media screen and (max-width:1030px) {
  .l-main-navi.is-open { padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width:767px) {
  .l-main-navi.is-open { padding-top: 0; padding-left: 0; padding-right: 0; }
}
.l-main-navi.is-open .l-main-navi__in { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; width: 1000px; }
@media screen and (max-width:1030px) {
  .l-main-navi.is-open .l-main-navi__in { padding-left: 0; padding-right: 0; width: auto; }
}
.l-main-navi.is-open .l-main-navi-list { display: block; }
.l-main-navi.is-open .l-main-navi-list__ttl { display: block; }
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-main-navi-list__ttl { display: none; }
}
.l-main-navi.is-open .l-main-navi-list__link { display: none; }
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-main-navi-list__link { display: block; }
}
.l-main-navi.is-open .l-main-navi-list__item { margin: 0 0 30px 0; }
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-main-navi-list__item { margin: 0; }
}
.l-main-navi.is-open .l-help-navi-box { display: block; }
.l-main-navi.is-open .l-help-navi-list { margin-top: 60px; margin-bottom: 60px; }
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-help-navi-list { margin-top: 0; }
}
.l-main-navi.is-open .l-sns-navi-list { margin-top: 60px; margin-left: 0; }
.l-main-navi.is-open .l-mega-menu { position: static; padding: 0; width: auto; }
@media screen and (min-width:768px) {
  .l-main-navi.is-open .l-mega-menu { display: block !important; }
}
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-mega-menu { display: none; }
}
@media screen and (max-width:767px) {
  .l-main-navi.is-open .l-mega-menu-list { display: block; }
}
.l-main-navi-list { display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width:767px) {
  .l-main-navi-list { display: block; }
}
.l-main-navi-list__ttl { display: none; font-weight: bold; margin-bottom: 10px; }
.l-main-navi-list__item { margin-left: 20px; margin-right: 20px; }
@media screen and (max-width:767px) {
  .l-main-navi-list__item { border-top: 1px solid #eeeeee; }
}
.l-main-navi-list__link { display: block; position: relative; padding: 15px 40px 15px 30px; border: 0; font-size: 14px; font-weight: bold; background: transparent; color: #000000; text-align: center; }
@media screen and (max-width:767px) {
  .l-main-navi-list__link { padding: 20px 20px; width: 100%; background: #ffffff; text-align: left; }
}
.l-main-navi-list__link:hover, .l-main-navi-list__link.is-on { background: #fafafa; text-decoration: none; }
@media screen and (max-width:767px) {
  .l-main-navi-list__link:hover, .l-main-navi-list__link.is-on { background: #ffffff; }
}
.l-main-navi-list__link:before { content: ""; position: absolute; top: 50%; right: 15px; margin-top: -7px; width: 8px; height: 8px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; transform: rotate(45deg); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@media screen and (max-width:767px) {
  .l-main-navi-list__link:before { right: 20px; margin-top: -4px; border-color: #000000; }
}
.l-main-navi-list__link.is-on:before { transform: rotate(-135deg); margin-top: -4px; }
.l-main-navi-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fafafa; opacity: 0; }
.l-main-navi-overlay.is-on { animation: anime-overlay 0.2s ease forwards; }
@keyframes anime-overlay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/********** メガメニュー **********/
.l-mega-menu { box-sizing: border-box; display: none; position: absolute; top: 100%; left: 0; z-index: 1000; padding: 60px 85px; width: 100%; background: #fafafa; }
@media screen and (max-width:767px) {
  .l-mega-menu { position: static; width: auto; height: auto; border-top: 0; }
}
.l-mega-menu-list { display: flex; flex-wrap: wrap; box-sizing: border-box; }
@media screen and (max-width:767px) {
  .l-mega-menu-list { padding-top: 0; padding-left: 0; padding-right: 0; width: auto; background: #fafafa; }
}
.l-mega-menu-list__item { box-sizing: border-box; position: relative; margin-bottom: 15px; padding-left: 10px; padding-right: 20px; width: 25%; }
@media screen and (max-width:767px) {
  .l-mega-menu-list__item { margin-bottom: 0; padding-left: 0; padding-right: 0; width: auto; }
}
.l-mega-menu-list__item:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background: #000000; transition: all 0.3s ease; }
@media screen and (max-width:767px) {
  .l-mega-menu-list__item:before { content: none; }
}
@media screen and (max-width:767px) {
  .l-mega-menu-list__link { display: block; padding: 20px 40px 20px 20px; }
}
@media screen and (max-width:767px) {
  .l-mega-menu-list__link:before { content: ""; position: absolute; top: 50%; right: 20px; margin-top: -4px; width: 8px; height: 8px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; transform: rotate(-45deg); }
}

/********** 検索・カート **********/
.l-header-search { display: flex; position: absolute; bottom: 0px; right: 15px; z-index: 1000; }
@media screen and (max-width:1030px) {
  .l-header-search { position: static; }
}
.l-header-search__contents { display: none; }
.l-header-search__box { box-sizing: border-box; display: flex; position: absolute; top: 100px; right: 0; padding: 15px 0 20px 25px; width: 100%; background: #fafafa; }
@media screen and (max-width:1030px) {
  .l-header-search__box { padding: 20px 0 20px 20px; width: 100%; right: 0; top: 65px;}
}
.l-header-search__form { position: relative; flex: 1; margin: 0; }
.l-header-search__btn { box-sizing: border-box; padding: 0; width: 60px; height: 44px; border: 0; background: none; }
@media screen and (max-width:767px) {
  .l-header-search__btn { width: 50px; }
}
.l-header-search__btn img { width: 18px; }
.l-header-search__btn.is-on { background: #fafafa; }
.l-header-search__input { flex: 1; border-bottom: 1px solid #7d7d7d; }
.l-header-search__input input { box-sizing: border-box; padding-right: 60px; width: 100%; height: 40px; border: none; background: transparent; }
.l-header-search__submit { position: absolute; right: 0; bottom: 0; box-sizing: border-box; padding: 0; width: 50px; height: 40px; border: 0; background: none; }
.l-header-search__submit img { width: 18px; }
.l-header-search__close { box-sizing: border-box; position: relative; margin-left: 10px; margin-right: 10px; width: 45px; border: 0; background: transparent; }
.l-header-search__close span { position: absolute; content: ""; left: 13px; width: 20px; height: 1px; background: #858585; }
.l-header-search__close span:nth-child(1) { top: 0px; transform: translateY(20px) rotate(-45deg); }
.l-header-search__close span:nth-child(2) { top: 40px; transform: translateY(-20px) rotate(45deg); }
.l-header-cart a { box-sizing: border-box; display: block; padding-top: 20px; width: 60px; height: 60px; text-align: center; }
.l-header-cart a:hover { text-decoration: none; }
@media screen and (max-width:767px) {
  .l-header-cart a { width: 50px; }
}
.l-header-cart a img { width: 19px; }
.p-global-header__cart-count { margin-left: 4px; font-weight: bold; }

/********** ヘルプナビ **********/
.l-help-navi-box { display: flex; position: absolute; top: -60px; right: 0; }
@media screen and (max-width:1030px) {
  .l-help-navi-box { display: block; position: static; }
}
.l-help-navi-box a { color: #000000; }
.l-help-navi-list { display: flex; }
@media screen and (max-width:767px) {
  .l-help-navi-list { display: block; border-top: 1px solid #eeeeee; }
}
.l-help-navi-list__item { margin-left: 30px; }
.l-help-navi-list__item:first-child { margin-left: 0; }
@media screen and (max-width:767px) {
  .l-help-navi-list__item { margin-left: 0; }
}
@media screen and (max-width:767px) {
  .l-help-navi-list__link { display: block; position: relative; padding: 20px; }
}
@media screen and (max-width:767px) {
  .l-help-navi-list__link:before { content: ""; position: absolute; top: 50%; right: 20px; margin-top: -4px; width: 8px; height: 8px; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; transform: rotate(-45deg); }
}
.l-sns-navi-list { display: flex; margin-left: 30px; }
@media screen and (max-width:767px) {
  .l-sns-navi-list { justify-content: center; }
}
.l-sns-navi-list__item { margin-right: 12px; }
@media screen and (max-width:767px) {
  .l-sns-navi-list__item { margin-right: 20px; }
}
.l-sns-navi-list__item:last-child { margin: 0; }

/******************************/

/* STAFF CALENDAR */

/******************************/
.p-shop-info { display: flex; }
@media screen and (max-width:1030px) {
  .p-shop-info { display: block; }
}
.p-shop-info .u-contents-s { flex: 1; }

/********** STAFF **********/
.p-staff { box-sizing: border-box; flex: 1; padding: 50px; background: #f7f7f7; }
@media screen and (max-width:767px) {
  .p-staff { padding: 40px 20px; }
}
.p-staff + .p-calendar { margin-left: 30px; }
@media screen and (max-width:767px) {
  .p-staff + .p-calendar { margin-left: 0; margin-top: 30px; }
}
.p-staff-box { overflow: hidden; }
.p-staff__img { float: left; margin-right: 30px; margin-bottom: 30px; width: 120px; }
@media screen and (max-width:767px) {
  .p-staff__img { float: none; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 90px; }
}
.p-staff__img-name { margin-top: 5px; font-size: 12px; color: #909090; text-align: center; }

/********** CALENDAR **********/
.p-calendar { box-sizing: border-box; flex: 1; padding: 50px 0 50px 30px; min-width: 510px; }
@media screen and (max-width:767px) {
  .p-calendar { padding-left: 0; min-width: inherit; }
}
.side_cal { display: flex; justify-content: center; }
@media screen and (max-width:1030px) {
  .side_cal { justify-content: space-around; }
}
@media screen and (max-width:500px) {
  .side_cal { display: block; }
}
.tbl_calendar { margin-left: 30px; width: 220px; text-align: center; }
@media screen and (max-width:1030px) {
  .tbl_calendar { margin-left: 0; }
}
@media screen and (max-width:767px) {
  .tbl_calendar { margin-left: auto; margin-right: auto; margin-bottom: 30px; width: auto; }
}
.tbl_calendar:first-child { margin-left: 0; }
@media screen and (max-width:767px) {
  .tbl_calendar:first-child { margin-left: auto; }
}
.tbl_calendar caption { margin-bottom: 20px; font-size: 18px; text-align: center; }
.tbl_calendar th { padding-bottom: 5px; font-size: 13px; }
.tbl_calendar td { padding: 5px; font-size: 13px; }
.side_cal_memo { margin-top: 15px; margin-bottom: 15px; font-size: 12px; }

/***** CSS編集内style *****/
@charset "euc-jp";
body { background-color:< { $page_bgcolor }
  >; background-image: url(https://img.shop-pro.jp/tmpl_img/84/bg.gif);
  color:< { $font_color }
>; }
a { color:< { $link_normal }
>; }
a:hover { color:< { $link_hover }
>; }

/** icons **/
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-b, .icon-w { width: 16px; height: 16px; display: inline-block; *display: inline; *zoom: 1; }
.icon-lg-b, .icon-lg-w { width: 24px; height: 24px; display: inline-block; *display: inline; *zoom: 1; }
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .icon-b, .icon-w { -webkit-background-size: 368px 320px; background-size: 368px 320px; }
  .icon-lg-b, .icon-lg-w { -webkit-background-size: 552px 480px; background-size: 552px 480px; }
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width:768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:768px) and (min--moz-device-pixel-ratio:2), only screen and (max-width:768px) and (-o-min-device-pixel-ratio:2 / 1), only screen and (max-width:768px) and (min-device-pixel-ratio:2), only screen and (max-width:768px) and (min-resolution:192dpi), only screen and (max-width:768px) and (min-resolution:2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/******************************/

/* free page */

/******************************/
.p-freepage__attention { margin-top: 15px; margin-bottom: 30px; color: #ff0000; font-weight: bold; text-align: center; }
.p-freepage__img { margin-top: 15px; margin-bottom: 15px; text-align: center; }
.p-freepage__img img { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }
.p-freepage-ol { padding-left: 25px; list-style-type: decimal; }
.p-freepage-ol__item { margin-top: 20px; margin-bottom: 20px; letter-spacing: 0.1em; }


/*  レスポンシブ用
-------------------------------------------------------------*/
/*  pcのみ  */
.sp {display: none !important;}
.pc {display: block !important;}

/*  spのみ  */
@media screen and (max-width: 1399px) {
  .pc {display: none !important;}
  .sp {display: block !important;}
}

/*  共通
-------------------------------------------------------------*/
body{
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
background: none;
color: #424242;
height: 100%;
position: relative;
letter-spacing: 0.01em;
margin: 0px;
}

body.no-scroll{height: 100vh; overflow-y: hidden; width: 100%;}
body.sticky {padding-top: 130px;}

a{transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; color: #383838;}
a:hover{opacity: 0.8; transition:.2s all;}
a img{transition:.2s all;}
a img:hover{opacity: 0.8; transition:.2s all;}
button{transition:.2s all;}
button:hover{opacity: 0.8; transition:.2s all;}
form{margin: 0;}

@media screen and (max-width: 1399px) {
  body {padding-top: 65px;}
  body.sticky {padding-top: 75px;}
}

.title-wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 39px;}
.title-wrap .cmn-title {font-size: 34px; letter-spacing: 0.2em; font-weight: 500; line-height: 1;}
.title-wrap h2 {display: flex; align-items: center;}
.title-wrap img {display: inline-block; margin-left: 19px;}

.inner {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}

.tab-menu{max-width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; display: flex; align-items: center; justify-content:  flex-start; width: 1200px; height: auto; margin: 0px auto 0px;}
.tab-menu::-webkit-scrollbar{display: none;}
.tab-menu li{flex-shrink: 0; cursor: pointer; text-align: center; color: #150f0c; background: #ffffff; white-space: nowrap; font-size: 22px; font-weight: normal; display: flex; justify-content: center; align-items: center; margin-right: 14px;}
.tab-menu li:last-child{margin-right: 0px;}
.tab-menu li.is-active{color: #fff; background: #f15652;}

@media screen and (max-width: 1399px) {
  .title-wrap {padding: 0 20px; margin-bottom: 20px;}
  .title-wrap .cmn-title {font-size: 23px; letter-spacing: 0.02em;}
  .title-wrap h2 {flex-direction: column; align-items: flex-start;}
  .title-wrap img {margin-left: 0px; margin-top: 10px;}
  .title-wrap .button {display: none;}
}

/* =================================================================
ヘッダー
=================================================================*/
#header p,
#header div,
#header ul,
#header li {box-sizing: border-box;}
#header p {margin: 0;}
#header {height: 100px; width: 100%; box-sizing: border-box; z-index: 4; position: relative; background: #fff;}
#header .inner {display: flex; justify-content: space-between; padding-left: 30px; max-width: 100%; box-sizing: border-box;}
#header .left-box {width: 100%; padding-top: 10px;}
#header .flex-box {display: flex; justify-content: space-between; align-items: center;}
#header .flex-box + .flex-box {padding-top: 10px;}
#header .flex-box.bottom {justify-content: flex-end;}
#header .menu {display: flex; justify-content: flex-end; align-items: center;}
#header .menu ul {display: flex; justify-content: flex-end;}
#header .menu ul li {margin-left: 17px;}
#header .menu ul li a {display: flex; align-items: center;}
#header .menu ul li a img {margin-right: 4px; font-size: 14px; position: relative;}
#header .menu ul li a img.regist {top: -1px;}
#header .menu p {color: #f15652; font-weight: bold; font-size: 16px; border: 2px solid #f15652; border-radius: 4px; padding: 0 12px; display: flex; justify-content: center; align-items: center; line-height: 1; height: 30px;}
#header .category {display: flex; margin-right: 48px; white-space: nowrap;}
#header .category li {font-size: 16px; line-height: 1; letter-spacing: 0.04em;}
#header .category li + li {margin-left: 48px;}
#header .cart-button {width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; background: #f15652; margin-left: 30px; border-radius: 0 0 0 20px;}
#header .category a {position: relative; display: block;}
#header .category a:after {opacity: 0; content: ""; display: inline-block; width: 100%; height: 2px; border-top: 2px dotted #f15652; position: absolute; bottom: -9px; left: 0; visibility: hidden; transition: .3s;}
#header .category a:hover {opacity: 1; color: #f15652; text-decoration: none;}
#header .category a:hover:after {opacity: 1; visibility: visible; transition: .3s;}

#header .sp-menu {display: none;}

.megamenu-category-menu{visibility: hidden; opacity: 0; transition: all .3s; position: absolute; width: 100%; height: auto; background: rgba(255,255,255,0.9); top: 100px; z-index: 4; box-shadow: 0px 2px 2px #00000029; padding: 30px 0;}
.megamenu-category-menu.open{opacity: 1; visibility: visible; transition: all .3s;}
.megamenu-category-menu .box{width: 1200px; margin: 0 auto 0px; display: flex; align-items: center; justify-content: flex-start;}
.megamenu-category-menu ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.megamenu-category-menu li{margin-right: 25px; margin-bottom: 0px;}
.megamenu-category-menu li:nth-child(5n) {margin-right: 0;}
.megamenu-category-menu li:nth-child(n + 6) {margin-top: 20px;}
.megamenu-category-menu li a{font-size: 14px; display: flex; justify-content: center; align-items: center; border: solid 1px #999999; border-radius: 10px; background: #fff; width: 220px; height: 60px; text-align: center; font-size: 17px; line-height: 1.25; box-sizing: border-box;}

#megamenu3 ul li a img {display: block; height: 100%; width: 100%; object-fit: cover;}

#megamenu4 ul li a {justify-content: flex-start; padding-left: 7px; box-sizing: border-box;}
#megamenu4 ul li a img {display: block;}
#megamenu4 ul li:nth-child(1) img {margin-right: 19px;}
#megamenu4 ul li:nth-child(2) img {margin-right: 32px;}
#megamenu4 ul li:nth-child(3) img {margin-right: 15px;}
#megamenu4 ul li:nth-child(4) img {margin-right: 44px;}
#megamenu4 ul li:nth-child(5) img {margin-right: 42px;}
#megamenu4 ul li:nth-child(6) img {margin-right: 33px;}
#megamenu4 ul li:nth-child(7) img {margin-right: 30px;}

#megamenu5 ul li a {justify-content: flex-start; padding-left: 7px;}
#megamenu5 ul li a img {display: block;}
#megamenu5 ul li:nth-child(1) img {margin-right: 27px;}
#megamenu5 ul li:nth-child(2) img {margin-right: 27px;}
#megamenu5 ul li:nth-child(3) a {justify-content: center;}

#megamenu6 ul li a {justify-content: flex-start; padding-left: 7px; font-size: 16px;}
#megamenu6 ul li a img {display: block;}
#megamenu6 ul li:nth-child(1) img {margin-right: 16px;}
#megamenu6 ul li:nth-child(2) img {margin-right: 16px;}
#megamenu6 ul li:nth-child(3) img {margin-right: 14px;}
#megamenu6 ul li:nth-child(4) a {justify-content: center;}

.header-material-area .tab-menu li {height: 30px; width: 120px; border-radius: 15px; border: 1px solid #f15652; font-size: 16px;}
.header-material-area .tab-contents {margin-top: 26px;}
#header .search-material.inner {display: block; padding-left: 0px;}
#header .header-material-area .tab-contents .inner {display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: 0px;}
.header-material-area .item {margin-right: 24px;}
.header-material-area .item:nth-child(6n) {margin-right: 0;}
.header-material-area .item:nth-child(n + 7) {margin-top: 20px;}
.header-material-area .item a {width: 180px; height: 60px; position: relative; display: block; border-radius: 10px; overflow: hidden; font-size: 17px; text-align: center; line-height: 1.25;}
.header-material-area .item a span {opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; visibility: hidden; justify-content: center; align-items: center; background: rgba(0,0,0,0.7); z-index: 0; transition: .3s; color: #fff;}
.header-material-area .item a:hover span {opacity: 1; visibility: visible; z-index: 1; transition: .3s;}

.header-material-area .inner.color {display: flex; justify-content: flex-start; align-items: center;}
.header-material-area .color a {width: 220px; height: 60px; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.header-material-area .color .item:nth-child(n + 6) {margin-top: 20px;}
.header-material-area .color .item:nth-child(1) a {background-color: #ffffff; border: 1px solid #999999;}
.header-material-area .color .item:nth-child(1) a {background-color: #fffef0; border: 1px solid #999999;}
.header-material-area .color .item:nth-child(2) a {background-color: #262626; color: #fff;}
.header-material-area .color .item:nth-child(3) a {background-color: #999999; color: #fff;}
.header-material-area .color .item:nth-child(4) a {background-color: #ffb0ae;}
.header-material-area .color .item:nth-child(5) {margin-right: 0;}
.header-material-area .color .item:nth-child(5) a {background-color: #ffcd46;}
.header-material-area .color .item:nth-child(6) a {background-color: #8b2479; color: #fff;}
.header-material-area .color .item:nth-child(6) {margin-right: 24px;}
.header-material-area .color .item:nth-child(7) a {background-color: #1d90a9; color: #fff;}
.header-material-area .color .item:nth-child(8) a {background-color: #48301c; color: #fff;}
.header-material-area .color .item:nth-child(9) {margin-right: 0;}
.header-material-area .color .item:nth-child(9) a {background-color: #ffffff; border: 1px solid #999999;}

.header-material-area .sozai a {width: 220px; height: 60px; display: flex; justify-content: center; align-items: center; border: solid 1px #999999; border-radius: 10px; background: #fff; box-sizing: border-box;}
.header-material-area .sozai .item:nth-child(n + 6) {margin-top: 20px;}
.header-material-area .sozai .item:nth-child(5n) {margin-right: 0;}
.header-material-area .sozai .item:nth-child(6) {margin-right: 24px;}
.header-material-area .sozai .item:nth-child(12) {margin-right: 24px;}

.header-content-area .tab-menu li {height: 30px; width: 120px; border-radius: 15px; border: 1px solid #f15652; font-size: 16px;}
.header-content-area .tab-contents {margin-top: 26px;}
.header-content-area .tab-contents .inner {display: flex; flex-wrap: wrap;}
.header-content-area .item {margin-right: 24px;}
.header-content-area .item:nth-child(5n) {margin-right: 0;}
.header-content-area .item:nth-child(n + 6) {margin-top: 20px;}
.header-content-area .item a {width: 220px; height: 60px; display: flex; justify-content: center; align-items: center; border: solid 1px #999999; border-radius: 10px; background: #fff; font-size: 17px; box-sizing: border-box;}
.header-content-area .item a span {opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; visibility: hidden; justify-content: center; align-items: center; background: rgba(0,0,0,0.7); z-index: 0; transition: .3s; font-weight: bold; color: #fff;}
.header-content-area .item a:hover span {opacity: 1; visibility: visible; z-index: 1; transition: .3s;}
#header .header-content-area .inner {display: block; padding-left: 0px;}
#header .header-content-area .tab-contents .inner {display: flex; justify-content: flex-start; align-items: center; padding-left: 0px;}

/*  PC時非表示  */
#head_submenu.head_wrap {display: none;}

@media screen and (max-width: 1399px) {
  #header {height: 65px; position: fixed; top: 0;}
  #header .logo img {width: 180px; height: auto;}
  #header .inner {padding-left: 22px; align-items: center; height: 65px;}
  #header .left-box {padding-top: 0;}
  #header .flex-box.bottom {display: none;}
  #header .menu {display: none;}
  #header .category {display: none;}
  #header .cart-button {display: none;}

  #header .sp-menu {display: flex; align-items: center; justify-content: flex-end; padding-right: 19px;}
  #header .sp-menu .search {flex-shrink: 0;}
  #header .sp-menu .search img {width: 22px;}
  #header .sp-menu .cart {margin-left: 18px; flex-shrink: 0;}
  #header .sp-menu .cart img {width: 32px;}
  #header .sp-menu .menu {display: flex; justify-content: center; align-items: center; margin-left: 23px; flex-shrink: 0; width: 33px; height: 27px;}
  #header .sp-menu .menu a {display: block; width: 33px; height: 27px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-menu_sp.png'); background-size: cover;}
  #header .sp-menu .menu a.active { width: 24px; height: 24px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-menu-open_sp.png');}

  .megamenu-category-menu {display: none;}


  #head_submenu.head_wrap{position: fixed; display: block;}
  /*  menu  *//*  button  */
  #head_submenu {visibility: hidden; opacity: 0;-webkit-transition: all 0.6s 0s ease; transition: all 0.6s 0s ease;}
  #head_submenu.open { opacity: 1; visibility: visible; z-index: 10; -webkit-transition: all 0.6s 0s ease; transition: all 0.6s 0s ease; top: 65px}

  /*  head submenu  */
  #head_submenu {position: fixed; top: 66px; left: 0; right: 0; bottom: 0; z-index: 10;}
  #head_submenu .head {position: fixed; width: 100%; top: 65px; right: 0; bottom: 0; background-color: #fff; overflow-y: scroll; padding: 20px 0px 80px; box-sizing: border-box;}

  /*  animation  */
  #head_submenu,
  #head_submenu #submenu_left ul li a,
  #head_submenu #submenu_right ul li a,
  #head_menu ul li a {transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;}
  
  #head_submenu .sp-menu {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 50px; width: 335px; margin: auto;}
  #head_submenu .sp-menu li {margin-bottom: 10px;}
  #head_submenu .sp-menu li:nth-child(even){margin-left: 10px;}
  #head_submenu .sp-menu li a {width: 160px; height: 45px; display: flex; justify-content: center; align-items: center; border: 1px solid #999999; border-radius: 5px;}
  #head_submenu .sp-menu li a img {margin-right: 7px;}

  #head_submenu .sp-category {padding: 0 20px;}
  #head_submenu .sp-category .sub {display: none;}
  #head_submenu .sp-category .sub .flex {display: flex; justify-content: flex-start;}
  #head_submenu .sp-category .sub ul {padding-top: 25px; padding-bottom: 25px; width: 100%;}
  #head_submenu .sp-category .sub .no-padding ul {padding-top: 0;}
  #head_submenu .sp-category .sub ul li {width: 100%; line-height: 1.25;}
  #head_submenu .sp-category .sub ul li + li {margin-top: 1.5em;}
  #head_submenu .sp-category .sub.wide ul {width: 100%;}
  #head_submenu .sp-category .sub ul a {font-size: 14px; display: flex;}
  #head_submenu .sp-category .sub ul a:before {content: "-";}
  #head_submenu .sp-category h3.title {font-size: 16px; border-bottom: 1px solid #ffb3b3; padding-bottom: 25px; line-height: 1; padding-top: 25px; display: flex; align-items: center;}
  #head_submenu .sp-category h3.title:before {content:""; display: block; width: 8px; height: 12px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/category-arrow_sp.png'); background-size: cover; margin-right: 11px;}
  #head_submenu .sp-category h3.title.active:before {transform: rotate(90deg);}
  #head_submenu .sp-category h3.title.no-border {border-bottom: 0;}
  #head_submenu .sp-category h3.title.no-border:before {display: none;}
  #head_submenu .sp-category h4.title {font-size: 16px; padding-bottom: 10px; line-height: 1; padding-top: 10px; display: flex; align-items: center;}
  #head_submenu .sp-category h4.title:before {content:""; display: block; width: 8px; height: 12px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/category-arrow_sp.png'); background-size: cover; margin-right: 11px;}
  #head_submenu .sp-category h4.title.active:before {transform: rotate(90deg);}
  #head_submenu .sp-category .last {border-bottom: 1px solid #ffb3b3;}
  #head_submenu .sp-category .top-border {border-top: 1px solid #ffb3b3;}
  #head_submenu .sp-category .p-bottom {padding-bottom: 25px !important;}
  #head_submenu .sp-link {padding: 0 20px; line-height: 3.2; margin-top: 40px;}

  body.no-scroll{height: 100vh; overflow-y: hidden; width: 100%;}
}

/* =================================================================
サイドバー
=================================================================*/
#sidebar a {font-size: 16px; color: #000000; padding: 20px 0; border-top: 1px solid #bdbdbd; display: flex; justify-content: space-between; align-items: center;}
#sidebar a:hover {text-decoration: none; color: #f15652;}
#sidebar ul li:last-child a {border-bottom: 1px solid #bdbdbd;}
#sidebar .sub {display: none; background: #fff2f2; padding: 15px 0 15px 32px;}
#sidebar .sub a {border: 0; display: inline; padding: 0;}
#sidebar .sub a:before {content: "-";}
#sidebar .sub li:last-child a {border-bottom: 0px;}
#sidebar .title {position: relative;}
#sidebar .title:after {content:""; display: block; width: 18px; height: 13px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/side-arrow.png'); position: absolute; right: 0; transform: rotate(-180deg);}
#sidebar .title.active:after {transform: rotate(0deg);}

#sidebar .side-contents h2 {font-size: 22px; font-weight: normal; display: flex; flex-direction: column; align-items: center;}
#sidebar .side-contents h2:before {content:""; display: block; width: 27px; height: 20px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/side-decoration-top.png');}
#sidebar .side-contents h2:after {content:""; display: block; width: 55px; height: 12px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/side-decoration-bottom.png');}

@media screen and (max-width: 1399px) {
  .l-contents-side {display: block; width: 100%;}
  .l-contents-side {margin-left: 0; margin-right: 0;}
  #sidebar a {font-size: 14px;}
  #sidebar .title:after {width: 17px; height: 7px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/side-arrow_sp.png'); background-size: cover;}
  #sidebar .side-contents h2 {font-size: 24px; flex-direction: row;}
  #sidebar .side-contents h2:before {order: 3; margin-left: 5px;}
  #sidebar .side-contents h2:after {order: 2; margin-left: 5px;}
}

/* =================================================================
フッター
=================================================================*/
#footer p,
#footer div,
#footer ul,
#footer li {box-sizing: border-box;}
#footer p {margin: 0;}
#footer {background-color: #fff2f2; position: relative; padding-top: 192px; z-index: 2; margin-top: 100px;}
#footer:before {content: ""; display: block; height: 30px; width: 100%; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/footer-top_bg.png'); position: absolute; top: -30px; z-index: 1; background-size: 100%;}
#footer .flex-box:before {content: ""; display: block; width: 229px; height: 178px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/about_bg.png'); position: absolute; right: 0; top: -306px; z-index: 2;}

#footer .flex-box {width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 105px; display: flex; justify-content: space-between; position: relative;}
#footer .logo-area {display: flex; align-items: flex-end; margin-bottom: 47px;}
#footer .logo-area .logo {margin-right: 47px;}
#footer .logo-area .instagram {padding-bottom: 0;}
#footer .calendar {display: flex; justify-content: space-between; align-items: flex-start;}
#footer .tbl_calendar {width: 277px; border-collapse: separate; border-spacing: 5px;}
#footer .tbl_calendar tr:first-child th {font-size: 18px; font-weight: normal;}
#footer .tbl_calendar td {font-size: 16px;}
#footer .calendar-box + .calendar-box {margin-left: 28px;}
#footer .p-calendar__note {margin-top: 38px;}
#footer .p-calendar__note ul {display: flex; align-items: center;}
#footer .p-calendar__note ul li span {display: inline-block; vertical-align: bottom; width: 27px; height: 27px; margin-right: 7px;}
#footer .p-calendar__note ul li:nth-child(1) span {background-color: #ffc9c9;}
#footer .p-calendar__note ul li:nth-child(2) span {background-color: #b7e0e5;}
#footer .p-calendar__note ul li + li {margin-left: 30px;}
#footer .footer-menu {display: flex; justify-content: space-between; padding-top: 21px;}
#footer .footer-menu ul {line-height: 2.25;}
#footer .footer-menu ul + ul {margin-left: 100px;}
#footer .footer-menu li {font-size: 16px;}

#footer .copy {text-align: center; font-size: 16px; margin-top: 140px; padding-bottom: 13px; margin-bottom: 0px;}

#global-nav {background: url('https://file003.shop-pro.jp/PA01496/281/images/common/coupon_float.png'); background-size: cover; z-index: 9; height: 150px; width: 150px;}
#global-nav a {height: 150px; width: 150px; display: block; padding-top: 52px; text-align: center;}
#global-nav.m_fixed {right: 10px; position: fixed; bottom: 10px; margin: 0 auto; display: none;}

@media screen and (max-width: 1399px) {
  #footer {padding-top: 70px; box-sizing: border-box; margin-top: 50px;}
  #footer:before {content: ""; display: block; height: 7px; width: 100%; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/footer-top_bg.png'); position: absolute; top: -7px; z-index: 1; background-size: 100%;}
  #footer .flex-box:before {display: none;}
  #footer .flex-box {padding: 0}
  #footer .flex-box .box.footer-menu {display: none;}
  #footer .tbl_calendar {width: 159px; border-spacing: 2px;}
  #footer .tbl_calendar tr:first-child th {font-size: 11px;}
  #footer .tbl_calendar td {font-size: 10px; padding: 3px;}
  #footer .flex-box .box {display: flex; flex-direction: column; width: 100%;}
  #footer .logo-area {order: 3; align-items: center; justify-content: center; margin-top: 60px; margin-bottom: 0;}
  #footer .logo-area .logo {width: 263px; margin: 0;}
  #footer .logo-area .instagram {display: none;}
  #footer .calendar {order: 1; padding: 0 0px; box-sizing: border-box; justify-content: center;}
  #footer .tbl_calendar caption {font-size: 11px;}
  #footer .p-calendar__note {order: 2; margin-top: 15px; padding: 0 20px;}
  #footer .p-calendar__note ul li {font-size: 9px;}
  #footer .p-calendar__note ul li span {width: 15px; height: 15px;}
  #footer .p-calendar__note ul li + li {margin-left: 15px;}
  #footer .copy {margin-top: 45px; font-size: 8px;}

  #global-nav {height: 97px; width: 97px;}
  #global-nav a {height: 97px; width: 97px; font-size: 10px; line-height: 1.5; padding-top: 33px;}
  #global-nav.m_fixed {right: 9px;}
}

@media screen and (max-width: 1399px){
  html,body{scroll-padding-top:65px}
}