@charset "euc-jp";
/* Scss Document */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

template, [hidden] {
  display: none; }

*, ::before, ::after {
  background-repeat: no-repeat;
  box-sizing: inherit; }

::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit; }

html {
  box-sizing: border-box;
  cursor: default;
  font-family: sans-serif;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

hr {
  height: 0;
  overflow: visible; }

nav ol, nav ul {
  list-style: none; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ffff00;
  color: #000000; }

progress {
  vertical-align: baseline; }

small {
  font-size: 83.3333%; }

sub, sup {
  font-size: 83.3333%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

::-moz-selection, ::selection {
  background-color: #b3d4fc;
  color: #000000;
  text-shadow: none; }

audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

img {
  border-style: none; }

svg {
  fill: currentColor; }
  svg:not(:root) {
    overflow: hidden; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

:hover {
  outline-width: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
  font-size: 1em;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto;
  resize: vertical; }

[type="checkbox"], [type="radio"] {
  padding: 0; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-cancel-button, ::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[aria-busy="true"] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

a, area, button, input, label, select, textarea, [tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

[hidden][aria-hidden="false"] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }
  [hidden][aria-hidden="false"]:focus {
    clip: auto; }

/* Scss Document */
html { box-sizing: border-box; font-size: 2.66666667vw; }

@media only screen and (min-width: 46.875em) { html { font-size: 1.81818182vw; } }
@media only screen and (min-width: 68.75em) { html { font-size: 125%; } }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
body { overflow-x: hidden; line-height: 1.75; word-break: break-all; font-family: 'Roboto', sans-serif; color: #727171; }

img { height: auto; max-width: 100%; transition: .3s; }

a::hover img { opacity: .8; }

a::hover { text-decoration: none; }

svg { height: 100%; width: 100%; }

img[srcset] { width: 100%; transition: .3s; }

.st-Layout * { color: inherit; font-size: 1em; list-style-type: none; margin: 0; padding: 0; text-decoration: none; transition-duration: .5s; transition-property: none; transition-timing-function: ease-in-out; }
.st-Layout *::before, .st-Layout *::after { transition-duration: inherit; transition-property: inherit; transition-timing-function: inherit; }
.st-Layout li { list-style-type: inherit; }

a { transition: .3s; }

a:hover img { opacity: .8; }

.mincho { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.font-Noto_Serif { font-family: 'Noto Serif JP', serif; }

/***
font-family: 'Noto Serif JP', serif;
Light 300
Regular 400
Medium 500
Bold 700
font-family: 'Roboto', sans-serif;
Light 300
Regular 400
*****/
.st-Wrapper { overflow: hidden; position: relative; }

.st-Width { padding-left: calc(40rem / 20); padding-right: calc(40rem / 20); width: 100%; }

@media only screen and (min-width: 46.875em) { .st-Width { padding-left: calc(20rem / 20); padding-right: calc(20rem / 20); width: 100%; } }
@media only screen and (min-width: 68.75em) { .st-Width { padding-left: calc(20rem / 20); padding-right: calc(20rem / 20); margin-left: auto; margin-right: auto; width: calc(1100rem / 20); } }
/* ------ */
.st-Header { width: 100%; }
.st-Header .inner { padding-top: calc(100rem / 20); padding-bottom: calc(100rem / 20); }
.st-Header .logo { width: calc(306rem / 20); margin-left: auto; margin-right: auto; text-align: center; }

@media only screen and (min-width: 46.75em) { .st-Header { padding-top: 0; padding-bottom: 0; }
  .st-Header .inner { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: calc(140rem / 20); padding-bottom: calc(120rem / 20); }
  .st-Header .logo { width: calc(206rem / 20); } }
.st-Gnav { padding-left: calc(15rem / 20); padding-right: calc(15rem / 20); z-index: 999; background: rgba(255, 255, 255, 0.9); color: #000001; position: fixed; width: 50%; height: 100%; top: 0; right: -100vw; transition: .3s; z-index: 99; overflow-y: scroll; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.st-Gnav.menu-expanded { right: 0; }
.st-Gnav .list { margin-bottom: calc(20rem / 20); margin-top: calc(110rem / 20); border-top: 1px solid #000; letter-spacing: .02rem; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; }
.st-Gnav .list > li { border-bottom: 1px solid #000; font-size: calc(24rem / 20); font-weight: 500; padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
.st-Gnav .list > li > a { padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
.st-Gnav .pc-list { display: none; }
.st-Gnav .second-list { display: none; margin-top: calc(10rem / 20); }
.st-Gnav .second-list li { position: relative; font-weight: 400; padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
.st-Gnav .second-list li a { padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); padding-left: calc(20rem / 20); }
.st-Gnav .second-list li a::after { content: '-'; padding-right: calc(10rem / 20); position: absolute; top: calc(10rem / 20); left: 0; }
.st-Gnav .list-cart { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: calc(20rem / 20); }
.st-Gnav .list-cart li a { display: block; padding-left: calc(40rem / 20); padding-right: calc(40rem / 20); padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
.st-Gnav .list-cart li svg { width: calc(50rem / 20); height: calc(50rem / 20); margin-left: calc(8rem / 20); margin-right: calc(8rem / 20); }
.st-Gnav .sns-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: calc(30rem / 20); }
.st-Gnav .sns-list li a { display: block; padding-left: calc(20rem / 20); padding-right: calc(20rem / 20); padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
.st-Gnav .sns-list li svg { width: calc(50rem / 20); height: calc(50rem / 20); }
.st-Gnav .nav-ttl { font-size: calc(26rem / 20); font-weight: 500; letter-spacing: .2rem; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; }
.st-Gnav .news-list { margin-bottom: calc(20rem / 20); -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; }
.st-Gnav .news-list li { font-size: calc(24rem / 20); position: relative; font-weight: 400; letter-spacing: .05rem; line-height: 1.5; }
.st-Gnav .news-list li span.data { display: block; font-size: calc(18rem / 20); }
.st-Gnav .news-list li a { display: block; padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }
.st-Gnav .info-list { margin-bottom: calc(20rem / 20); -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; }
.st-Gnav .info-list li { font-size: calc(26rem / 20); font-weight: 500; letter-spacing: .05rem; }
.st-Gnav .info-list li a { padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }

@media only screen and (min-width: 46.875em) { .st-Gnav { top: 0; position: relative; width: 100%; padding-left: 0; padding-right: 0; overflow-y: auto; right: 0; }
  .st-Gnav.menu-expanded { right: 0; }
  .st-Gnav .list { margin-bottom: calc(2rem / 20); margin-top: calc(10rem / 20); border-top: none; }
  .st-Gnav .list > li { border-bottom: none; font-size: calc(12rem / 20); }
  .st-Gnav .list > li .click { padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); margin-right: calc(5rem / 20); padding-left: calc(5rem / 20); position: relative; transition: .3s; }
  .st-Gnav .list > li .click::before { content: ''; background: #000; position: absolute; bottom: 0; left: 0; background: #000; width: 0; height: 1px; }
  .st-Gnav .list > li .click:hover { color: #727171; text-decoration: none; }
  .st-Gnav .list > li .click:hover::before { width: 100%; z-index: -1; }
  .st-Gnav .list > li > a { padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); margin-right: calc(5rem / 20); padding-left: calc(5rem / 20); position: relative; transition: .3s; }
  .st-Gnav .list > li > a::before { content: ''; position: absolute; bottom: 0; left: 0; background: #727171; width: 0; height: 1px; }
  .st-Gnav .list > li > a:hover { color: #727171; text-decoration: none; }
  .st-Gnav .list > li > a:hover::before { width: 100%; z-index: -1; }
  .st-Gnav .pc-list { display: block; }
  .st-Gnav .sp-list { display: none; }
  .st-Gnav .second-list li { font-size: calc(9rem / 20); }
  .st-Gnav .second-list li a { padding-top: calc(3rem / 20); padding-bottom: calc(3rem / 20); padding-left: calc(8rem / 20); position: relative; transition: .3s; }
  .st-Gnav .second-list li a::after { content: '-'; padding-right: calc(4rem / 20); position: absolute; top: calc(2rem / 20); left: 0; }
  .st-Gnav .second-list li a::before { content: ''; position: absolute; bottom: 0; left: 0; background: #727171; width: 0; height: 1px; }
  .st-Gnav .second-list li a:hover { color: #727171; text-decoration: none; }
  .st-Gnav .second-list li a:hover::before { width: 100%; z-index: -1; }
  .st-Gnav .list-cart { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; margin-bottom: calc(20rem / 20); }
  .st-Gnav .list-cart li { font-size: calc(9rem / 20); padding-left: calc(5rem / 20); }
  .st-Gnav .list-cart li a { padding-left: 0; padding-right: 0; padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); line-height: 1; }
  .st-Gnav .list-cart li svg { width: calc(12rem / 20); height: calc(10rem / 20); margin-left: 0; margin-right: calc(8rem / 20); }
  .st-Gnav .sns-list { -webkit-box-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -webkit-order: -1; order: -1; margin-bottom: calc(10rem / 20); }
  .st-Gnav .sns-list li { font-size: calc(9rem / 20); }
  .st-Gnav .sns-list li a { padding-left: calc(3rem / 20); padding-right: calc(3rem / 20); padding-top: 0; padding-bottom: 0; }
  .st-Gnav .sns-list li svg { width: calc(12rem / 20); height: calc(12rem / 20); }
  .st-Gnav .nav-ttl { font-size: calc(12rem / 20); letter-spacing: .1rem; padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }
  .st-Gnav .nav-ttl a { margin-right: calc(5rem / 20); padding-left: calc(5rem / 20); padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); position: relative; transition: .3s; }
  .st-Gnav .nav-ttl a::before { content: ''; background: #000; position: absolute; bottom: 0; left: 0; background: #727171; width: 0; height: 1px; }
  .st-Gnav .nav-ttl a:hover { color: #727171; text-decoration: none; }
  .st-Gnav .nav-ttl a:hover::before { width: 100%; z-index: -1; }
  .st-Gnav .news-list { margin-bottom: calc(10rem / 20); }
  .st-Gnav .news-list li { font-size: calc(12rem / 20); line-height: 1.5; padding-left: calc(3rem / 20); }
  .st-Gnav .news-list li span.data { display: block; font-size: calc(9rem / 20); }
  .st-Gnav .news-list li a { display: block; padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); margin-right: calc(5rem / 20); padding-left: calc(5rem / 20); position: relative; transition: .3s; }
  .st-Gnav .news-list li a::before { content: ''; background: #000; position: absolute; bottom: 0; left: 0; background: #727171; width: 0; height: 1px; }
  .st-Gnav .news-list li a:hover { color: #727171; text-decoration: none; }
  .st-Gnav .news-list li a:hover::before { width: 100%; z-index: -1; }
  .st-Gnav .info-list { margin-bottom: calc(30rem / 20); }
  .st-Gnav .info-list li { font-size: calc(12rem / 20); padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
  .st-Gnav .info-list li a { margin-right: calc(5rem / 20); padding-left: calc(5rem / 20); position: relative; transition: .3s; }
  .st-Gnav .info-list li a::before { content: ''; background: #000; position: absolute; bottom: 0; left: 0; background: #727171; width: 0; height: 1px; }
  .st-Gnav .info-list li a:hover { color: #727171; text-decoration: none; }
  .st-Gnav .info-list li a:hover::before { width: 100%; z-index: -1; } }
.menu-trigger { display: block; width: calc(120rem / 20); height: calc(120rem / 20); position: fixed; top: 0; right: calc(20rem / 20); z-index: 999; }
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: calc(26rem / 20); height: 2px; background-color: #000; width: calc(45rem / 20*1.2); left: calc(34rem / 20); }
.menu-trigger span:nth-of-type(1) { top: calc(50rem / 20); }
.menu-trigger span:nth-of-type(2) { top: calc(70rem / 20); }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(0.5rem) rotate(-30deg); transform: translateY(0.5rem) rotate(-30deg); }
.menu-trigger.active span:nth-of-type(2) { -webkit-transform: translateY(-0.5rem) rotate(30deg); transform: translateY(-0.5rem) rotate(30deg); }

@media only screen and (min-width: 46.875em) { .menu-trigger { display: none; } }
/*---Main
------------------------------------*/
@media only screen and (min-width: 46.875em) { .st-M-Wapper .M-W-inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .st-M-Wapper .st-Side { width: calc(200rem / 20); }
  .st-M-Wapper .st-Main { margin-top: calc(25rem / 20); width: calc(865rem / 20); } }
/*---item
------------------------------------*/
.item-two-column .inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.item-two-column .item { width: calc(219rem / 20*1.45); margin-bottom: calc(30rem / 20); }

@media only screen and (min-width: 46.875em) { .item-two-column .inner { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .item-two-column .item { width: calc(219rem / 20); margin-bottom: calc(130rem / 20); margin-right: calc(85rem / 20); }
  .item-two-column .item:nth-child(3n) { margin-right: 0; } }
.item-four-column .inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.item-four-column .item { width: calc(219rem / 20*1.45); margin-bottom: calc(30rem / 20); }
.item-four-column .item-img { margin-bottom: calc(10rem / 20); overflow: hidden; position: relative; height: calc(425rem / 20); }
.item-four-column .item-img a { display: block; width: 100%; height: 100%; }
.item-four-column .item-img img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.item-four-column .item-ttl { font-size: calc(26rem / 20); font-weight: 500; color: #000001; }
.item-four-column .item-cat { font-size: calc(24rem / 20); font-weight: 400; }
.item-four-column .item-yen { position: relative; font-size: calc(24rem / 20); font-weight: 400; margin-top: calc(10rem / 20); padding-top: calc(10rem / 20); }
.item-four-column .item-yen::before { content: ''; width: calc(20rem / 20); height: .5px; background: #727171; position: absolute; top: 0; }

@media only screen and (min-width: 46.875em) { .item-four-column .inner { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .item-four-column .item { width: calc(188rem / 20); margin-bottom: calc(60rem / 20); margin-right: calc(32rem / 20); }
  .item-four-column .item:nth-child(4n) { margin-right: 0; }
  .item-four-column .item-img { height: calc(265rem / 20); }
  .item-four-column .item-ttl { font-size: calc(13rem / 20); }
  .item-four-column .item-cat { font-size: calc(12rem / 20); }
  .item-four-column .item-teika { font-size: calc(12rem / 20); text-decoration: line-through;}
  .item-four-column .item-yen { font-size: calc(13rem / 20); margin-top: calc(5rem / 20); padding-top: calc(5rem / 20); }
  .item-four-column .item-yen::before { width: calc(11rem / 20); } }
/*--- cat
------------------------------------------------*/
.cat-ttl-page { margin-bottom: calc(30rem / 20); }
.cat-ttl-page .ttl { font-size: calc(31rem / 20); letter-spacing: .1rem; font-weight: 500; }
.cat-ttl-page .cat { font-size: calc(24rem / 20); letter-spacing: .1rem; font-weight: 400; position: relative; padding-left: calc(20rem / 20); }
.cat-ttl-page .cat::before { content: '-'; position: absolute; left: 0; top: calc(1rem / 20); }

@media only screen and (min-width: 46.875em) { .cat-ttl-page { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: calc(25rem / 20); }
  .cat-ttl-page .ttl { font-size: calc(11rem / 20); }
  .cat-ttl-page .cat { font-size: calc(8rem / 20); padding-left: calc(20rem / 20); }
  .cat-ttl-page .pageNav { font-size: calc(11rem / 20); }
  .cat-ttl-page .pageNav span { padding-left: calc(15rem / 20); padding-right: calc(15rem / 20); } }
.pageNav { text-align: right; margin-bottom: calc(25rem / 20); }
.pageNav span { padding-left: calc(10rem / 20); padding-right: calc(10rem / 20); }

@media only screen and (min-width: 46.875em) { .pageNav { font-size: calc(11rem / 20); }
  .pageNav span { padding-left: calc(15rem / 20); padding-right: calc(15rem / 20); } }
.brand-box { margin-bottom: calc(50rem / 20); }
.brand-box .brand-img { width: 100%; text-align: center; margin-bottom: calc(20rem / 20); }
.brand-box .brand-txtarea { font-size: calc(24rem / 20); line-height: 2; }

@media only screen and (min-width: 46.875em) { .brand-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: calc(30rem / 20); }
  .brand-box .brand-img { width: calc(258rem / 20); text-align: center; margin-bottom: calc(20rem / 20); }
  .brand-box .brand-txtarea { width: calc(580rem / 20); font-size: calc(9rem / 20); line-height: 2; } }
.details-box { border-bottom: .5px solid #333333; margin-bottom: calc(40rem / 20); }
.details-box .main-image { text-align: center; }
.details-box .main-image .slick-slide img { margin: 0 auto; }
.details-box .thumb .slick-slide { display: block; overflow: hidden; height: calc(320rem / 20); padding: 0 .5rem; position: relative; }
.details-box .thumb .slick-slide img { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.details-box .thumb .slick-prev, .details-box .thumb .slick-next { top: calc(140rem / 20); height: 60%; width: calc(40rem / 20); }
.details-box .details-ttl { font-size: calc(28rem / 20); }
.details-box .details-cat { font-size: calc(24rem / 20); font-weight: 400; margin-bottom: calc(15rem / 20); }
.details-box .details-brand { font-size: calc(24rem / 20); font-weight: 400; margin-bottom: calc(15rem / 20); }
.details-box .details-txt { position: relative; font-size: calc(24rem / 20); padding-top: calc(15rem / 20); line-height: 2; }
.details-box .details-txt::before { content: ''; width: calc(12rem / 20); height: 1px; background: #727171; position: absolute; top: 0; left: 0; }
.details-box .details-table { margin-top: calc(50rem / 20); margin-bottom: calc(50rem / 20); width: 100%; }
.details-box .details-table dl { display: -webkit-box; display: -webkit-flex; display: flex; }
.details-box .details-table dt { position: relative; vertical-align: text-top; text-align: left; padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); width: calc(120rem / 20); font-weight: 400; }
.details-box .details-table dt::before { content: ''; width: calc(12rem / 20); height: 1px; background: #727171; position: absolute; top: 0; left: 0; }
.details-box .details-table dd { padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); }
.details-box .details-table th { position: relative; vertical-align: text-top; text-align: left; padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); width: calc(120rem / 20); font-weight: 400; }
.details-box .details-table th::before { content: ''; width: calc(12rem / 20); height: 1px; background: #727171; position: absolute; top: 0; left: 0; }
.details-box .details-table td { padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); }
.details-box .box-table { border-top: 1px solid #333333; border-left: 1px solid #333333; width: 100%; margin-bottom: calc(30rem / 20); font-size: calc(24rem / 20); }
.details-box .box-table th { border-right: 1px solid #333333; border-bottom: 1px solid #333333; font-weight: 400; vertical-align: text-top; text-align: left; padding-left: calc(15rem / 20); padding-right: calc(15rem / 20); padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); width: calc(200rem / 20); }
.details-box .box-table td { border-right: 1px solid #333333; border-bottom: 1px solid #333333; padding-left: calc(15rem / 20); padding-right: calc(15rem / 20); padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); }
.details-box .box-table select { width: 100%; }
.details-box .details-cart-yen { font-size: calc(38rem / 20); margin-bottom: calc(16rem / 20); }
.details-box .details-cart-list { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: calc(30rem / 20); }
.details-box .details-cart-list .cart, .details-box .details-cart-list .favorite, .details-box .details-cart-list .soldout { background: #000; color: #fff; border-radius: .3rem; width: calc(320rem / 20); font-size: calc(26rem / 20); position: relative; }
.details-box .details-cart-list .cart input, .details-box .details-cart-list .favorite input, .details-box .details-cart-list .soldout input { width: 100%; height: 100%; text-align: left; padding-left: calc(25rem / 20); padding-right: calc(25rem / 20); padding-top: calc(30rem / 20); padding-bottom: calc(30rem / 20); }
.details-box .details-cart-list .cart button, .details-box .details-cart-list .favorite button, .details-box .details-cart-list .soldout button { width: 100%; height: 100%; text-align: left; padding-left: calc(25rem / 20); padding-right: calc(25rem / 20); padding-top: calc(30rem / 20); padding-bottom: calc(30rem / 20); }
.details-box .details-cart-list .cart button.fav-items, .details-box .details-cart-list .favorite button.fav-items, .details-box .details-cart-list .soldout button.fav-items { background: #FF0004; border-radius: .3rem; }
.details-box .details-cart-list .cart a, .details-box .details-cart-list .favorite a, .details-box .details-cart-list .soldout a { display: block; padding-left: calc(25rem / 20); padding-right: calc(25rem / 20); padding-top: calc(30rem / 20); padding-bottom: calc(30rem / 20); }
.details-box .details-cart-list .cart svg, .details-box .details-cart-list .favorite svg, .details-box .details-cart-list .soldout svg { position: absolute; top: calc(30rem / 20); right: calc(30rem / 20); width: calc(30rem / 20); height: calc(30rem / 20); }
.details-box .details-cart-list .cart svg .a, .details-box .details-cart-list .favorite svg .a, .details-box .details-cart-list .soldout svg .a { fill: #fff; }
.details-box .details-btn-list { margin-bottom: calc(30rem / 20); font-size: calc(26rem / 20); }
.details-box .details-btn-list li { padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); }
.details-box .details-btn-list li a { position: relative; padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); }
.details-box .details-btn-list li a::before { content: ''; border-bottom: dashed 1px #333333; position: absolute; bottom: 0; width: 100%; height: 1px; }

@media only screen and (min-width: 46.875em) { .details-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: calc(40rem / 20); }
  .details-box .details-img-area { width: calc(407rem / 20); }
  .details-box .thumb { width: calc(370rem / 20); margin: 0 auto; }
  .details-box .thumb .slick-slide { height: calc(150rem / 20); }
  .details-box .thumb .slick-slide img { width: calc(116rem / 20); }
  .details-box .thumb .slick-prev, .details-box .thumb .slick-next { top: calc(90rem / 20); height: 15%; width: calc(40rem / 20); }
  .details-box .thumb .slick-prev { left: calc(-34rem / 20); }
  .details-box .thumb .slick-next { right: calc(-34rem / 20); }
  .details-box .details-txtarea { width: calc(428rem / 20); margin-bottom: calc(40rem / 20); }
  .details-box .details-sh-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .details-box .details-ttl { font-size: calc(16rem / 20); font-weight: 500; }
  .details-box .details-cat { font-size: calc(12rem / 20); margin-bottom: calc(10rem / 20); }
  .details-box .details-brand { font-size: calc(16rem / 20); margin-bottom: calc(10rem / 20); color: #000001; }
  .details-box .details-txt { font-size: calc(9rem / 20); padding-top: calc(10rem / 20); }
  .details-box .details-table { font-size: calc(8rem / 20); margin-top: calc(30rem / 20); margin-bottom: calc(20rem / 20); }
  .details-box .details-table dl { display: -webkit-box; display: -webkit-flex; display: flex; }
  .details-box .details-table dt { position: relative; vertical-align: text-top; text-align: left; padding-top: calc(15rem / 20); padding-bottom: calc(15rem / 20); width: calc(220rem / 20); font-weight: 400; }
  .details-box .details-table dt::before { content: ''; width: calc(12rem / 20); height: 1px; background: #727171; position: absolute; top: 0; left: 0; }
  .details-box .details-table dd { width: calc(650rem / 20); }
  .details-box .box-table { width: calc(195rem / 20); margin-bottom: calc(30rem / 20); margin-right: calc(20rem / 20); font-size: calc(8rem / 20); }
  .details-box .box-table th { padding-left: calc(5rem / 20); padding-right: calc(5rem / 20); padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); width: calc(60rem / 20); }
  .details-box .box-table td { padding-left: calc(5rem / 20); padding-right: calc(5rem / 20); padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }
  .details-box .box-table select { width: 100%; }
  .details-box .details-cart-box { width: calc(250rem / 20); }
  .details-box .details-cart-yen { font-size: calc(12rem / 20); margin-bottom: calc(10rem / 20); }
  .details-box .stock_error { color: #F30004; font-size: calc(12rem / 20); }
  .details-box .details-cart-list { -webkit-box-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: calc(10rem / 20); }
  .details-box .details-cart-list .cart, .details-box .details-cart-list .favorite, .details-box .details-cart-list .soldout { transform: scale(0.9); transform-origin: left; width: calc(70rem / 18); font-size: calc(7rem / 18); }
  .details-box .details-cart-list .cart input, .details-box .details-cart-list .favorite input, .details-box .details-cart-list .soldout input { text-align: left; padding-left: calc(5rem / 20); padding-top: calc(2rem / 20); padding-bottom: calc(5rem / 20); padding-right: calc(8rem / 20); }
  .details-box .details-cart-list .cart button, .details-box .details-cart-list .favorite button, .details-box .details-cart-list .soldout button { text-align: left; padding-left: calc(5rem / 20); padding-top: calc(2rem / 20); padding-bottom: calc(5rem / 20); padding-right: calc(8rem / 20); }
  .details-box .details-cart-list .cart a, .details-box .details-cart-list .favorite a, .details-box .details-cart-list .soldout a { display: block; padding-left: calc(5rem / 20); padding-right: calc(5rem / 20); padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }
  .details-box .details-cart-list .cart svg, .details-box .details-cart-list .favorite svg, .details-box .details-cart-list .soldout svg { position: absolute; right: calc(4rem / 20); top: calc(5rem / 20); width: calc(10rem / 20); height: calc(17rem / 20); }
  .details-box .details-cart-list .soldout input { opacity: 1; text-align: center; }
  .details-box .details-btn-list { margin-bottom: calc(30rem / 20); font-size: calc(8rem / 20); }
  .details-box .details-btn-list li { padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); }
  .details-box .details-btn-list li a { padding-top: calc(5rem / 20); padding-bottom: calc(5rem / 20); } }
.item-rec-ttl { text-align: center; margin-bottom: calc(32rem / 20); font-size: calc(32rem / 20); font-weight: 400; }

@media only screen and (min-width: 46.875em) { .item-rec-ttl { font-size: calc(12rem / 20); } }
/*---NEWS 一覧
------------------------------------*/
.news-Section .ttl { margin-bottom: calc(30rem / 20); font-size: calc(31rem / 20); letter-spacing: .1rem; font-weight: 500; }
.news-Section .news-list li { font-size: calc(24rem / 20); line-height: 2; border-bottom: 1px solid #ccc; padding-top: calc(20rem / 20); padding-bottom: calc(20rem / 20); }
.news-Section .news-list li span { margin-right: calc(10rem / 20); display: block; }

@media only screen and (min-width: 46.875em) { .news-Section .ttl { font-size: calc(11rem / 20); }
  .news-Section .news-list li { font-size: calc(8rem / 20); padding-top: calc(10rem / 20); padding-bottom: calc(10rem / 20); }
  .news-Section .news-list li span { display: inline-block; } }
/*---pankuzu ico
------------------------------------*/
.pankuzu { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: calc(18rem / 20); margin-bottom: calc(40rem / 20); }
.pankuzu li { position: relative; }
.pankuzu li::after { content: ">"; margin-left: calc(3rem / 20); margin-right: calc(3rem / 20); }
.pankuzu li:last-child::after { content: ""; }

@media only screen and (min-width: 46.875em) { .pankuzu { font-size: calc(9rem / 20); } }
.ico { color: transparent; width: calc(30rem / 20); height: calc(30rem / 20); margin-left: calc(1rem / 20); margin-right: calc(1rem / 20); position: relative; display: inline-flex; }
.ico::before { content: ''; top: 0; left: 0; position: absolute; width: calc(30rem / 20); height: calc(30rem / 20); }
.ico.burichi_false::before { background: url("https://the-y.pupu.jp/icon/ico_burichi_false.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.burichi_true::before { background: url("https://the-y.pupu.jp/icon/ico_burichi_true.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.drycleaning_f1::before { background: url("https://the-y.pupu.jp/icon/ico_drycleaning_f1.jpg") no-repeat; background-size: calc(23rem / 20); }
.ico.drycleaning_f2::before { background: url("https://the-y.pupu.jp/icon/ico_drycleaning_f2.jpg") no-repeat; background-size: calc(23rem / 20); }
.ico.drycleaning_false::before { background: url("https://the-y.pupu.jp/icon/ico_drycleaning_false.jpg") no-repeat; background-size: calc(31rem / 20); }
.ico.drycleaning_p1::before { background: url("https://the-y.pupu.jp/icon/ico_drycleaning_p1.jpg") no-repeat; background-size: calc(23rem / 20); }
.ico.drycleaning_p2::before { background: url("https://the-y.pupu.jp/icon/ico_drycleaning_p2.jpg") no-repeat; background-size: calc(23rem / 20); }
.ico.iron_false::before { background: url("https://the-y.pupu.jp/icon/ico_iron_false.jpg") no-repeat; background-size: calc(31rem / 20); }
.ico.iron1::before { background: url("https://the-y.pupu.jp/icon/ico_iron1.jpg") no-repeat; background-size: calc(31rem / 20); }
.ico.iron2::before { background: url("https://the-y.pupu.jp/icon/ico_iron2.jpg") no-repeat; background-size: calc(31rem / 20); }
.ico.iron3::before { background: url("https://the-y.pupu.jp/icon/ico_iron3.jpg") no-repeat; background-size: calc(31rem / 20); }
.ico.naturaldrying1::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying1.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying2::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying2.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying3::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying3.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying4::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying4.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying5::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying5.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying6::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying6.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying7::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying7.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.naturaldrying8::before { background: url("https://the-y.pupu.jp/icon/ico_naturaldrying8.jpg") no-repeat; background-size: calc(24rem / 20); }
.ico.wash_false::before { background: url("https://the-y.pupu.jp/icon/ico_wash_false.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash_hand::before { background: url("https://the-y.pupu.jp/icon/ico_wash_hand.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash30_under::before { background: url("https://the-y.pupu.jp/icon/ico_wash30_under.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash30_under2::before { background: url("https://the-y.pupu.jp/icon/ico_wash30_under2.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash30::before { background: url("https://the-y.pupu.jp/icon/ico_wash30.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash40_under::before { background: url("https://the-y.pupu.jp/icon/ico_wash40_under.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash40_under2::before { background: url("https://the-y.pupu.jp/icon/ico_wash40_under2.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash40::before { background: url("https://the-y.pupu.jp/icon/ico_wash40.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash50_under::before { background: url("https://the-y.pupu.jp/icon/ico_wash50_under.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash50::before { background: url("https://the-y.pupu.jp/icon/ico_wash50.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash60_under::before { background: url("https://the-y.pupu.jp/icon/ico_wash60_under.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash60::before { background: url("https://the-y.pupu.jp/icon/ico_wash60.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash70::before { background: url("https://the-y.pupu.jp/icon/ico_wash70.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wash95::before { background: url("https://the-y.pupu.jp/icon/ico_wash95.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wetcleaning_false::before { background: url("https://the-y.pupu.jp/icon/ico_wetcleaning_false.jpg") no-repeat; background-size: calc(30rem / 20); }
.ico.wetcleaning1::before { background: url("https://the-y.pupu.jp/icon/ico_wetcleaning1.jpg") no-repeat; background-size: calc(22rem / 20); }
.ico.wetcleaning2::before { background: url("https://the-y.pupu.jp/icon/ico_wetcleaning2.jpg") no-repeat; background-size: calc(22rem / 20); }

@media only screen and (min-width: 46.875em) { .ico { width: calc(20rem / 20); height: calc(20rem / 20); }
  .ico::before { width: calc(20rem / 20); height: calc(20rem / 20); }
  .ico.burichi_false::before { background-size: calc(30rem / 20/1.5); }
  .ico.burichi_true::before { background-size: calc(30rem / 20/1.5); }
  .ico.drycleaning_f1::before { background-size: calc(23rem / 20/1.5); }
  .ico.drycleaning_f2::before { background-size: calc(23rem / 20/1.5); }
  .ico.drycleaning_false::before { background-size: calc(31rem / 20/1.5); }
  .ico.drycleaning_p1::before { background-size: calc(23rem / 20/1.5); }
  .ico.drycleaning_p2::before { background-size: calc(23rem / 20/1.5); }
  .ico.iron_false::before { background-size: calc(31rem / 20/1.5); }
  .ico.iron1::before { background-size: calc(31rem / 20/1.5); }
  .ico.iron2::before { background-size: calc(31rem / 20/1.5); }
  .ico.iron3::before { background-size: calc(31rem / 20/1.5); }
  .ico.naturaldrying1::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying2::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying3::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying4::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying5::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying6::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying7::before { background-size: calc(24rem / 20/1.5); }
  .ico.naturaldrying8::before { background-size: calc(24rem / 20/1.5); }
  .ico.wash_false::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash_hand::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash30_under::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash30_under2::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash30::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash40_under::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash40_under2::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash40::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash50_under::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash50::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash60_under::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash60::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash70::before { background-size: calc(30rem / 20/1.5); }
  .ico.wash95::before { background-size: calc(30rem / 20/1.5); }
  .ico.wetcleaning_false::before { background-size: calc(30rem / 20/1.5); }
  .ico.wetcleaning1::before { background-size: calc(22rem / 20/1.5); }
  .ico.wetcleaning2::before { background-size: calc(22rem / 20/1.5); } }
.st-footer { text-align: center; padding-top: calc(50rem / 20); padding-bottom: calc(50rem / 20); font-size: calc(14rem / 20); }

.map-area h2 { font-size: calc(11rem / 20); margin-bottom: calc(50rem / 20); }
.map-area .logo { width: calc(206rem / 20); margin-left: auto; margin-right: auto; margin-bottom: calc(50rem / 20); }
.map-area .map iframe { margin-top: calc(50rem / 20); width: 100%; }

.gide-page h2 { font-weight: 300; font-size: calc(20rem / 20); margin-bottom: calc(30rem / 20); }
.gide-page h3 { font-weight: 300; font-size: calc(14rem / 20); border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: calc(10rem / 20); padding-bottom: calc(5rem / 20); padding-top: calc(5rem / 20); }
.gide-page h4 { font-weight: 300; font-size: calc(14rem / 20); }
.gide-page p { font-size: calc(14rem / 20); }
.gide-page table { font-size: calc(14rem / 20); border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.gide-page table th { font-weight: 300; width: calc(220rem / 20); text-align: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: .5rem; }
.gide-page table td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: .5rem; }
.gide-page ul { font-size: calc(14rem / 20); }
.gide-page ul li::before { content: "・"; }
.gide-page .unit { margin-top: calc(20rem / 20); }
.gide-page .card-img { margin-bottom: calc(10rem / 20); }

/* ------ */
.clearfix:after { clear: both; content: ''; display: block; }

@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  *::before, *::after, *::first-letter, *::first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a { text-decoration: underline; }
  a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; }
  img { page-break-inside: avoid; max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }