@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/roboto/Roboto-Regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../fonts/roboto/Roboto-Medium.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/roboto/Roboto-Bold.woff") format("woff");
}
.font-notosansjp {
  font-family: "NotoSansJP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@font-face {
  font-family: "NotoSansJP";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/notosansjp/NotoSansJP-Light.woff2") format("woff2"), url("../fonts/notosansjp/NotoSansJP-Light.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/notosansjp/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/notosansjp/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/notosansjp/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/notosansjp/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/notosansjp/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/notosansjp/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/notosansjp/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/notosansjp/NotoSansJP-Black.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Light.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Light.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.woff2") format("woff2"),
	url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Regular.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Medium.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Bold.woff") format("woff");
}
@font-face {
	font-family: 'Zen_Kaku_Gothic_New';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Black.woff2") format("woff2"),
    url("../fonts/Zen_Kaku_Gothic_New/ZenKakuGothicNew-Black.woff") format("woff");
}
:root {
  --oc-link-color: #926F47;
  --oc-primary-color: #926F47;
  --oc-btn-primary-color: #233b68;
  --oc-btn-alt-color: #233b68;
  --oc-blog-heading-mt: 1.9rem;
  --oc-blog-heading-mb: 1.625rem;
  --oc-blog-heading-pt: 1.625rem;
  --oc-blog-font-size: calc(1rem + .069vw);
  --oc-blog-heading1-fs: calc(1.6rem + .069vw);
  --oc-blog-heading2-fs: calc(1.5rem + .069vw);
  --oc-blog-heading3-fs: calc(1.35rem + .069vw);
  --oc-blog-line-height: 1.625rem;
  --oc-font-main: 'Zen_Kaku_Gothic_New', sans-serif;
  --oc-font-sub: "NotoSansJP", sans-serif;
  --oc-font-en: "Roboto", sans-serif;
  --oc-font-color: #443E37;
}

/* Base Settings */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

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

fieldset,
img {
  border: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border-radius: 0;
}

address,
caption,
cite,
code,
dfn,
var {
  font-style: normal;
  font-weight: 400;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
}

q:after,
q:before {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
select,
textarea {
  font-size: 100%;
}

legend {
  color: #000;
}

del,
ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  position: relative;
}

em {
  font-style: normal;
}

/* END - Base Settings */
body {
  padding-top: 100px;
  font-size: 1.6rem;
  font-family: var(--oc-font-main);
  line-height: 1.8;
  color: #443E37;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media only screen and (max-width: 1200px) {
  body {
    padding-top: 74px;
  }
}
@media only screen and (max-width: 822px) {
  body {
    padding-top: 56px;
  }
}

.print-cart-btn .print-btn,
button, input[type=button], input[type=reset], input[type=submit], .button, .widget a.button,
button.alt, input[type=button].alt, input[type=reset].alt, input[type=submit].alt, .button.alt, .widget-area .widget a.button.alt {
  background: #fff;
  border: 1px solid #926F47;
  color: #926F47;
}

.order-buttons a {
  border: solid 1px;
  border-radius: 5%;
  padding: 0 5px;
  display: inline-block;
}

.order-buttons a:hover {
  opacity: 0.6;
}

body,
.secondary-navigation a {
  color: #0c0c0c;
}

body.locked {
  overflow: hidden;
}

body.privacy-policy li {
  list-style-type: none;
}

body.privacy-policy .oc-sec li {
  list-style-type: disc;
}

body.privacy-policy .oc-sec a {
  text-decoration: underline;
}

.text-primary-color {
  color: var(--oc-primary-color);
}

.clear-fix {
  clear: both;
}

a {
  text-decoration: none;
  color: var(--oc-link-color);
}
a:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

.bg-image {
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-bg-top {
  z-index: 0;
  height: 200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-bg-top .caption h1,
.text-bg-top .caption h2 {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.content-none {
  text-align: center;
  font-size: 20px;
  padding: 80px 10px;
}

.content-none .error-number {
  font-size: 70px;
}

.content-none .content-none-btn {
  margin: 20px auto;
  text-align: center;
}

/* OC Button Style */
.site-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 375px;
  height: 73px;
  max-width: 90%;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  transition: all 0.5s;
}

.site-btn {
  color: var(--oc-primary-color);
  border-color: var(--oc-primary-color);
}

/* END - OC Button Style */
/* OC Modal Style */
.modal-design {
  height: 80vh;
  overflow: scroll;
  margin: 15% 0 10% 0;
  border-radius: unset;
}

.modal-dialog {
  max-width: 800px;
  padding: 1rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}
.close-btn {
  position: fixed;
  right: 0x;
  top: 25px;
}

.modal-side-margin {
  margin: 0;
}

.modal-body-design {
  padding: 0;
}

.round_btn {
  display: block;
  width: 45px;
  height: 45px;
  border: 2px solid #AA8400;
  /* 枠の調整 */
  border-radius: 50%;
  /* 丸みの度合い */
  background: #fff;
  /* ボタンの背景色 */
}

.round_btn::before,
.round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  /* 棒の幅（太さ） */
  height: 22px;
  /* 棒の高さ */
  background: #AA8400;
  /* バツ印の色 */
}

.round_btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.round_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* END - OC Modal Style */
.wp-block-heading,
.wc-block-grid__product-title {
  color: #0c0c0c;
}

.wp-block-list,
.wp-block-list {
  margin: 0 0 1.41575em 1.25em;
}

.page-id-20840 ul.wp-block-list {
  list-style: none;
}

.breadclumb-wrapper {
  padding-left: 15px;
}

.inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 1240px) {
  .inner {
    padding: 0 20px;
  }
}

.col-full {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 1240px) {
  .col-full {
    padding: 0 20px;
  }
}

.hv-op {
  transition: opacity 0.2s ease-out;
}
.hv-op:hover {
  opacity: 0.5;
}

@media only screen and (max-width: 822px) {
  .u-dnm {
    display: none;
  }
}

.u-dbm {
  display: none;
}
@media only screen and (max-width: 822px) {
  .u-dbm {
    display: block;
  }
}

.wc-block-cart-item__product {
  padding-right: 30px !important;
}

.wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name {
  color: #000;
}

.wc-block-components-product-price__value {
  font-weight: bold;
}

.wc-block-cart-item__prices .price.wc-block-components-product-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  text-align: right;
  line-height: 1.5;
}

.price.wc-block-components-product-price .wc-block-components-product-price__regular {
  color: #000 !important;
  font-weight: bold;
  text-decoration: line-through;
  opacity: 1;
}

.price.wc-block-components-product-price .wc-block-components-product-price__regular::before {
  content: "参考価格";
  margin-right: 10px;
  font-size: 14px;
  text-decoration: none !important;
  display: inline-block;
}

.price.wc-block-components-product-price .wc-block-components-product-price__value {
  font-weight: bold;
}

.price.wc-block-components-product-price .wc-block-components-product-price__value.is-discounted {
  color: #D24541;
}

.wc-block-components-product-badge.wc-block-components-sale-badge {
  display: none;
}

/*===============================================
# header
=================================================*/
.overlay {
  position: fixed;
  top: 100px;
  left: 0;
  z-index: 9;
  transition: background-color 0.2s ease-out;
}
.overlay.active {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.header {
  padding: 25px 30px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.header.active {
  border-bottom: 1px solid #e4e4e4;
}
.header-logo {
  position: relative;
  z-index: 3;
}
.header-logo a {
  color: #443E37;
  display: block;
}
.header-logo a img {
  width: 163px;
  display: block;
}
.header .burger-btn {
  display: none;
}

#site-navigation {
  width: auto;
  clear: none;
}

#menu-menu1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 2;
}
#menu-menu1 > li {
  padding: 0 10px;
}
#menu-menu1 > li.arrow-down > a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#menu-menu1 > li.arrow-down > a::after {
  content: "";
  margin-left: 10px;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent var(--oc-font-color) var(--oc-font-color);
  transform: rotate(-45deg);
  transform-origin: center center;
  display: inline-block;
  transition: transform 0.2s ease-out;
  position: relative;
}
#menu-menu1 > li.arrow-down.active a::after {
  border-color: transparent transparent #926F47 #926F47;
  top: 3px;
  transform: rotate(135deg);
}
#menu-menu1 > li.btn-login a, #menu-menu1 > li.btn-cart a {
  padding: 8px;
  width: 75px;
  border-radius: 3px;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  min-height: 30px;
}
#menu-menu1 > li.btn-login a::before, #menu-menu1 > li.btn-cart a::before {
  content: "";
  margin: 0 auto 5px;
  aspect-ratio: 20/16;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
#menu-menu1 > li.btn-login {
  padding-right: 0;
}
#menu-menu1 > li.btn-login a {
  border: 1px solid #926F47;
  color: var(--oc-font-color);
}
#menu-menu1 > li.btn-login a::before {
  background-image: url(../img/common/nav_btn_login.png);
}
#menu-menu1 > li.btn-login a:hover {
  border: 1px solid var(--oc-primary-color);
  opacity: 0.7;
}
#menu-menu1 > li.btn-cart {
  padding: 0;
}
#menu-menu1 > li.btn-cart a {
  margin-left: 8px;
  background-color: #926F47;
  color: #fff;
}
#menu-menu1 > li.btn-cart a::before {
  background-image: url(../img/common/nav_btn_cart.png);
}
#menu-menu1 > li.btn-cart a:hover {
  color: #fff;
  opacity: 0.7;
}
#menu-menu1 > li > a {
  padding: 0;
  font-size: 1.5rem;
  color: var(--oc-font-color);
  font-weight: 500;
  transition: all 0.2s ease-out;
  position: relative;
}
#menu-menu1 > li > a:hover {
  color: #926F47;
  text-decoration: none;
  border: none;
}
#menu-menu1.nav-menu {
  margin-left: 0;
  overflow: auto;
  max-height: none;
}

.main-navigation ul.menu ul.sub-menu {
  background-color: #fff;
  margin: 0 auto;
  padding-top: 60px;
  padding-left: calc((100% - 1200px) / 2);
  padding-right: calc((100% - 1200px) / 2);
  padding-bottom: 30px;
  width: 100%;
  top: 60px;
  left: -9999px;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  float: none;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.main-navigation ul.menu ul.sub-menu::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
}
.main-navigation ul.menu ul.sub-menu li.product_cat {
  padding: 0;
  width: calc(20% - 16px);
}
.main-navigation ul.menu ul.sub-menu li.product_cat a {
  padding: 5px 15px;
  width: 100%;
  border: 1px solid #E4E4E4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.main-navigation ul.menu ul.sub-menu li.product_cat a::before {
  content: "";
  margin-right: 10px;
  aspect-ratio: 1/1;
  width: 72px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(1) a::before {
  background-image: url(../img/common/cat_sofa.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(2) a::before {
  background-image: url(../img/common/cat_dining.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(3) a::before {
  background-image: url(../img/common/cat_bed.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(4) a::before {
  background-image: url(../img/common/cat_storage.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(5) a::before {
  background-image: url(../img/common/cat_tvboard.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(6) a::before {
  background-image: url(../img/common/cat_desk_chair.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(7) a::before {
  background-image: url(../img/common/cat_curtain.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(8) a::before {
  background-image: url(../img/common/cat_lights.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(9) a::before {
  background-image: url(../img/common/cat_goods.png);
}
.main-navigation ul.menu ul.sub-menu li.product_cat:nth-of-type(10) a::before {
  background-image: url(../img/common/cat_office.png);
}
.main-navigation ul.menu ul.sub-menu li.style_cat {
  width: calc(33.3333333333% - 13.3333333333px);
}
.main-navigation ul.menu ul.sub-menu li.style_cat a {
  width: 100%;
  border: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.main-navigation ul.menu ul.sub-menu li.style_cat a::before {
  content: "";
  margin-right: 10px;
  aspect-ratio: 140/80;
  width: 140px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(1) a::before {
  background-image: url(../img/common/cat_s-modern.jpg);
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(2) a::before {
  background-image: url(../img/common/cat_s-casual.jpg);
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(3) a::before {
  background-image: url(../img/common/cat_s-scandinavian.jpg);
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(4) a::before {
  background-image: url(../img/common/cat_s_m-modern.jpg);
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(5) a::before {
  background-image: url(../img/common/cat_s-industrial.jpg);
}
.main-navigation ul.menu ul.sub-menu li.style_cat:nth-of-type(6) a::before {
  background-image: url(../img/common/cat_s-bohemian.jpg);
}
.main-navigation ul.menu ul.sub-menu.active {
  left: 0;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.header-btns {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .header {
    padding: 15px 20px;
  }
  .header .burger-btn {
    width: 20px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
  }
  .header .burger-btn span {
    width: 20px;
    height: 2px;
    background-color: #443E37;
    display: block;
    border-radius: 10px;
    position: absolute;
    transition: all 0.2s linear;
    transform-origin: center center;
  }
  .header .burger-btn span:nth-of-type(1) {
    top: 8px;
  }
  .header .burger-btn span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .header .burger-btn span:nth-of-type(3) {
    bottom: 8px;
  }
  .header .burger-btn.is-open span:nth-of-type(1) {
    transform: translateY(6px) rotate(-45deg);
  }
  .header .burger-btn.is-open span:nth-of-type(2) {
    opacity: 0;
  }
  .header .burger-btn.is-open span:nth-of-type(3) {
    transform: translateY(-6px) rotate(45deg);
  }
  .primary-navigation {
    display: block;
  }
  .nav-menu {
    transition: none;
  }
  #menu-menu1 {
    width: 100%;
    height: calc(100dvh - 74px);
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #e4e4e4;
    display: block;
    display: none;
    position: fixed;
    top: 74px;
    left: 0;
  }
  #menu-menu1 > li {
    width: 100%;
    padding: 0;
  }
  #menu-menu1 > li.arrow-down > a {
    display: block;
  }
  #menu-menu1 > li.arrow-down > a::after {
    content: "";
    margin-left: 10px;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: transparent transparent var(--oc-font-color) var(--oc-font-color);
    transform-origin: center center;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(-45deg);
    transition: transform 0.2s ease-out;
  }
  #menu-menu1 > li.arrow-down.active a::after {
    border-color: transparent transparent #926F47 #926F47;
    top: 50%;
    transform: rotate(135deg);
  }
  #menu-menu1 > li.btn-login, #menu-menu1 > li.btn-cart {
    display: none;
  }
  #menu-menu1 > li > a {
    padding: 20px 20px;
    border-bottom: 1px solid #e4e4e4;
    transition: none;
    position: relative;
  }
  #menu-menu1 > li > a::after {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-color: var(--oc-font-color) var(--oc-font-color) transparent transparent;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
  }
  #menu-menu1 > li > a:hover {
    color: #926F47;
    text-decoration: none;
    border-bottom: 1px solid #e4e4e4;
  }
  #menu-menu1.nav-menu {
    margin-left: 0;
    overflow: auto;
    max-height: none;
  }
  .main-navigation ul.menu ul.sub-menu {
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    display: none;
    position: static;
    z-index: 1;
    opacity: 1;
  }
  .main-navigation ul.menu ul.sub-menu::before {
    display: none;
  }
  .main-navigation ul.menu ul.sub-menu li.product_cat {
    padding: 0;
    width: 100%;
  }
  .main-navigation ul.menu ul.sub-menu li.product_cat:not(.main-navigation ul.menu ul.sub-menu li.product_cat:first-of-type) {
    margin-top: 15px;
  }
  .main-navigation ul.menu ul.sub-menu li.product_cat > a {
    padding: 15px !important;
    width: 100%;
    border: 1px solid #E4E4E4;
    font-size: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .main-navigation ul.menu ul.sub-menu li.product_cat > a::before {
    content: "";
    width: 45px;
    height: 45px;
  }
  .main-navigation ul.menu ul.sub-menu li.product_cat > a br {
    display: none;
  }
  .main-navigation ul.menu ul.sub-menu li.style_cat {
    width: 100%;
  }
  .main-navigation ul.menu ul.sub-menu li.style_cat:not(.main-navigation ul.menu ul.sub-menu li.style_cat:first-of-type) {
    margin-top: 15px;
  }
  .main-navigation ul.menu ul.sub-menu li.style_cat > a {
    padding: 15px;
    width: 100%;
    border: 1px solid #e4e4e4;
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .main-navigation ul.menu ul.sub-menu li.style_cat > a::before {
    content: "";
    width: 100px;
    display: block;
  }
  .main-navigation ul.menu ul.sub-menu.active {
    left: 0;
    opacity: 1;
    transition: opacity 0.2s ease-out;
  }
  #site-navigation-menu-toggle {
    display: none;
  }
  .header-btns {
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
  }
  .header-btns #menu-menu2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header-btns .btn-login a,
  .header-btns .btn-cart a {
    padding: 6px 8px;
    width: auto;
    border-radius: 3px;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    min-height: 30px;
  }
  .header-btns .btn-login a::before,
  .header-btns .btn-cart a::before {
    content: "";
    margin: 0;
    aspect-ratio: 20/16;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
  }
  .header-btns .btn-login {
    padding-right: 0;
  }
  .header-btns .btn-login a {
    border: 1px solid #926F47;
    color: var(--oc-font-color);
  }
  .header-btns .btn-login a::before {
    background-image: url(../img/common/nav_btn_login.png);
  }
  .header-btns .btn-login a:hover {
    border: 1px solid var(--oc-primary-color);
    opacity: 0.7;
  }
  .header-btns .btn-cart {
    padding: 0;
  }
  .header-btns .btn-cart a {
    margin-left: 8px;
    background-color: #926F47;
    color: #fff;
  }
  .header-btns .btn-cart a::before {
    background-image: url(../img/common/nav_btn_cart.png);
  }
  .header-btns .btn-cart a:hover {
    color: #fff;
    opacity: 0.7;
  }
}
@media only screen and (max-width: 822px) {
  .header {
    padding: 14px 20px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
  .header-logo a {
    width: 100px;
    display: block;
  }
  .header .burger-btn {
    display: block;
    right: 20px;
  }
  .header #menu-menu1 {
    width: 100%;
    height: calc(100dvh - 54px);
    top: 54px;
  }
}
/*===============================================
# footer
=================================================*/
@media only screen and (max-width: 822px) {
  .u-dns {
    display: none;
  }
}

.u-dbs {
  display: none;
}
@media only screen and (max-width: 822px) {
  .u-dbs {
    display: block;
  }
}

.footer-guide {
  margin-top: 100px;
}
.footer-guide .guide-card {
  padding: 80px;
  background-color: #F6F6F6;
}
.footer-guide .guide-ttl {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
}
.footer-guide .guide-text {
  margin-top: 30px;
  text-align: center;
}
.footer-guide .guide-btn {
  margin-top: 40px;
}

@media only screen and (max-width: 822px) {
  .footer-guide {
    margin-top: 60px;
  }
  .footer-guide .guide-card {
    padding: 60px 20px;
    background-color: #F6F6F6;
  }
  .footer-guide .guide-ttl {
    font-size: 1.8rem;
  }
}
.footer-register {
  margin-top: 100px;
  position: relative;
}
.footer-register::before {
  content: "";
  width: 50px;
  height: 6px;
  background-color: var(--oc-primary-color);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.footer-register .register-card {
  padding: 55px 0 50px;
  border: 1px solid #E4E4E4;
}
.footer-register .register-ttl {
  font-size: 2.4rem;
  text-align: center;
  font-weight: 700;
}
.footer-register .register-ttl em {
  color: var(--oc-primary-color);
}
.footer-register .register-row {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-register .register-col {
  padding: 0 50px;
  width: 33.3333333333%;
}
.footer-register .register-col:nth-of-type(2) {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.footer-register .register-col .col-img {
  margin: 0 auto;
  width: 105px;
}
.footer-register .register-col .col-ttl {
  margin-top: 30px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
}
.footer-register .register-col .col-text {
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
}
.footer-register .register-btn {
  margin-top: 50px;
}
.footer-register .register-note {
  margin-top: 50px;
  font-size: 1.4rem;
  text-align: center;
}

@media only screen and (max-width: 822px) {
  .footer-register {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .footer-register .register-card {
    padding: 40px 30px;
  }
  .footer-register .register-ttl {
    font-size: 1.8rem;
  }
  .footer-register .register-row {
    margin-top: 0;
    display: block;
  }
  .footer-register .register-col {
    padding: 40px 0;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
  }
  .footer-register .register-col:nth-of-type(2) {
    border-right: none;
    border-left: none;
  }
  .footer-register .register-col .col-img {
    width: 70px;
  }
  .footer-register .register-col .col-ttl {
    margin-top: 20px;
    font-size: 1.6rem;
  }
  .footer-register .register-col .col-text {
    margin-top: 20px;
    font-size: 1.5rem;
  }
  .footer-register .register-btn {
    margin-top: 30px;
  }
  .footer-register .register-note {
    margin-top: 30px;
    font-size: 1.2rem;
  }
}
.footer {
  margin-top: 100px;
  padding: 80px 0 50px;
  background-color: #443E37;
}
.footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer-l {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.footer-r {
  width: 50%;
}
.footer-nav {
  width: 40%;
}
.footer-nav > li:not(.footer-nav > li:first-of-type) {
  margin-top: 2rem;
}
.footer-nav > li > a {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.footer-nav > li > a::before {
  content: "";
  margin-right: 10px;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg);
  display: inline-block;
}
.footer-nav > li > ul {
  margin: 1.5rem 0 0 0;
  padding-left: 0;
}
.footer-nav > li > ul > li {
  margin-top: 1rem;
}
.footer-nav > li > ul > li > a {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 400;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.footer-nav > li > ul > li > a::before {
  content: "";
  margin-right: 10px;
  width: 5px;
  height: 1px;
  background-color: #fff;
  display: inline-block;
}
.footer-cname {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.footer-address {
  margin-top: 25px;
  font-size: 1.5rem;
  color: #fff;
}
.footer-tel {
  margin-top: 25px;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.3rem;
}
.footer-tel::before {
  content: "";
  margin-right: 15px;
  aspect-ratio: 48/35;
  width: 24px;
  background-image: url(../img/common/icon_freedial.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
}
.footer-biztime {
  margin-top: 20px;
  color: #fff;
}
.footer-btn {
  margin-top: 50px;
  padding: 20px 25px;
  width: 320px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.footer-btn::before {
  content: "";
  margin-right: 15px;
  width: 28px;
  height: 28px;
  background-image: url(../img/common/arrow_circle_right_white.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
}
.footer-copy {
  margin-top: 50px;
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  color: #fff;
}

@media only screen and (max-width: 822px) {
  .footer {
    margin-top: 0;
    padding: 40px 0 30px;
  }
  .footer-inner {
    padding: 0;
    display: block;
  }
  .footer-l {
    width: 100%;
    display: block;
  }
  .footer-r {
    margin-top: 60px;
    width: 100%;
  }
  .footer-nav {
    width: 100%;
  }
  .footer-nav:last-of-type {
    border-bottom: 1px solid #726C65;
  }
  .footer-nav > li {
    border-top: 1px solid #726C65;
  }
  .footer-nav > li:not(.footer-nav > li:first-of-type) {
    margin-top: 0;
  }
  .footer-nav > li > a {
    padding: 25px 20px;
  }
  .footer-nav > li > a::before {
    content: "";
  }
  .footer-nav > li > ul {
    margin-top: 0;
  }
  .footer-nav > li > ul > li {
    margin-top: 0;
    border-top: 1px solid #5A5148;
  }
  .footer-nav > li > ul > li > a {
    padding: 18px 20px;
    font-size: 1.5rem;
  }
  .footer-cname {
    text-align: center;
  }
  .footer-address {
    margin-top: 20px;
    text-align: center;
  }
  .footer-tel {
    margin-top: 30px;
    text-align: center;
  }
  .footer-biztime {
    font-size: 1.2rem;
    text-align: center;
  }
  .footer-btn {
    margin: 60px auto 0;
    width: calc(100% - 40px);
  }
  .footer-copy {
    margin-top: 60px;
    font-size: 1rem;
    text-align: center;
  }
}
/*=================================================
# page - common
=================================================*/
.page-ttl-lv1 {
  margin: 0 auto;
  padding: 25px 0 20px;
  width: 100%;
  max-width: 1200px;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.page-ttl-lv1 .en,
.page-ttl-lv1 .ja {
  display: block;
}
.page-ttl-lv1 .en {
  padding: 0 10px 0 15px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.2rem;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.page-ttl-lv1 .en::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--oc-primary-color);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
}
.page-ttl-lv1 .ja {
  line-height: 1;
  font-weight: 500;
}
.page-ttl-lv1.mb {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1200px) {
  .page-ttl-lv1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.common-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.common-btn a {
  padding-bottom: 10px;
  border-bottom: 1px solid #443E37;
  font-size: 1.6rem;
  color: var(--oc-font-color);
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  transition: opacity 0.2s ease-out;
}
.common-btn a::before {
  content: "";
  margin-right: 15px;
  width: 28px;
  height: 28px;
  background-image: url(../img/common/arrow_circle_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
}
.common-btn a:hover {
  opacity: 0.6;
}
.common-btn.c-brown a {
  color: var(--oc-primary-color);
  border-color: var(--oc-primary-color);
}
.common-btn.c-brown a::before {
  background-image: url(../img/common/arrow_circle_right_brown.png);
}

.page-ttl-lv2 {
  text-align: center;
}
.page-ttl-lv2 .en,
.page-ttl-lv2 .ja {
  display: block;
}
.page-ttl-lv2 .en > span {
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.2rem;
  display: inline-block;
  position: relative;
}
.page-ttl-lv2 .en > span::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--oc-primary-color);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 6px;
  left: -15px;
}
.page-ttl-lv2 .ja {
  margin-top: 20px;
  line-height: 1;
  font-weight: 500;
}

/* breadclumb
- - - - - - - - - - - - - - - - - - */
.breadclumb-wrapper {
  background-color: #F6F6F6;
}
@media only screen and (max-width: 822px) {
  .breadclumb-wrapper {
    display: none;
  }
}

.breadclumb-wrapper-sp {
  display: none;
}
@media only screen and (max-width: 822px) {
  .breadclumb-wrapper-sp {
    background-color: #F6F6F6;
    display: block;
  }
}

.bread-crumbs {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.bc-home-icon {
  display: none;
}

.bc-item {
  font-size: 1.2rem;
}

.bc-link {
  color: var(--oc-primary-color);
}

.bc-item:not(.bc-home):before {
  content: "";
  margin: 0 10px 0 5px;
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  top: -1px;
}

/*=================================================
# page - top
=================================================*/
/* 共通
- - - - - - - - - - - - - - - - - - */
.top-ttl {
  text-align: center;
}
.top-ttl .en,
.top-ttl .ja {
  display: block;
}
.top-ttl .en > span {
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.2rem;
  display: inline-block;
  position: relative;
}
.top-ttl .en > span::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--oc-primary-color);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 6px;
  left: -15px;
}
.top-ttl .ja {
  margin-top: 20px;
  line-height: 1;
  font-weight: 500;
}

/* slide 
- - - - - - - - - - - - - - - - - - */
.kv {
  position: relative;
}
.kv-slide {
  width: 100%;
  padding-bottom: 70px;
}
.kv .swiper-pagination-bullets {
  z-index: 2;
}
.kv .swiper-pagination-bullet {
  width: 60px;
  height: 5px;
  border-radius: 100px;
}
.kv .swiper-pagination-bullet-active {
  background-color: var(--oc-primary-color);
}

@media only screen and (max-width: 1200px) {
  .kv .swiper-pagination-bullet {
    width: 6%;
  }
}
@media only screen and (max-width: 822px) {
  .kv-slide {
    padding-bottom: 50px;
  }
}
/* INFORMATION 最新情報
- - - - - - - - - - - - - - - - - - */
.top-sec1 {
  padding-top: 80px;
}
.top-sec1-card {
  padding: 60px 70px;
  background-color: #F6F6F6;
}
.top-sec1-row {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-sec1-col {
  padding: 20px;
  width: calc(33.3333333333% - 13.3333333333px);
  background-color: #fff;
  color: var(--font-color);
  display: block;
}
.top-sec1-col:hover {
  transition: all 0.2s ease-out;
}
.top-sec1-col:hover .col-link {
  text-decoration: underline;
}
.top-sec1-col .col-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.top-sec1-col .col-cat {
  margin-right: 10px;
  padding: 0 10px;
  background-color: var(--oc-primary-color);
  border-radius: 3px;
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: block;
}
.top-sec1-col .col-date {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.top-sec1-col .col-link {
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.top-sec1-btn {
  margin-top: 30px;
}

@media only screen and (max-width: 822px) {
  .top-sec1 {
    padding-top: 20px;
  }
  .top-sec1-card {
    padding: 60px 15px;
  }
  .top-sec1-row {
    margin-top: 30px;
    display: block;
  }
  .top-sec1-col {
    padding: 15px;
    width: 100%;
  }
  .top-sec1-col:not(.top-sec1-col:first-of-type) {
    margin-top: 15px;
  }
  .top-sec1-col .col-cat {
    font-size: 1rem;
  }
  .top-sec1-col .col-date {
    font-size: 1.4rem;
  }
  .top-sec1-col .col-link {
    font-size: 1.5rem;
  }
}
/* RECOMMEND おすすめ
- - - - - - - - - - - - - - - - - - */
.top-sec2 {
  padding: 100px 0;
}
.top-sec2-row {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 50px 20px;
}
.top-sec2-col {
  width: calc(25% - 15px);
  display: block;
}
.top-sec2-col .col-img {
  aspect-ratio: 1/1;
}
.top-sec2-col .col-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top-sec2-col .col-name {
  margin-top: 20px;
  min-height: 39px;
  line-height: 1.2;
  color: var(--oc-font-color);
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.top-sec2-col .col-price {
  margin-top: 5px;
  text-align: right;
  font-size: 2rem;
  color: var(--oc-font-color);
  font-weight: 700;
}
.top-sec2-col .col-price .price-small {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1;
  display: block;
}
.top-sec2-col .col-price .price-line {
  text-decoration: line-through;
}
.top-sec2-col .col-price .price-sale {
  color: #D24541;
  display: block;
}
.top-sec2-btn {
  margin-top: 50px;
}

@media only screen and (max-width: 822px) {
  .top-sec2 {
    padding: 60px 0;
  }
  .top-sec2-row {
    margin-top: 30px;
  }
  .top-sec2-col {
    width: calc(50% - 10px);
    display: block;
  }
  .top-sec2-col .col-name {
    font-size: 1.5rem;
  }
  .top-sec2-col .col-price {
    font-size: 1.8rem;
  }
  .top-sec2-col .col-price .price-small {
    font-size: 1.2rem;
  }
  .top-sec2-btn {
    margin-top: 40px;
  }
}
/* STYLE スタイルで選ぶ
- - - - - - - - - - - - - - - - - - */
.top-sec3 {
  padding: 100px 0;
  background-color: #F6F6F6;
}
.top-sec3-row {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.top-sec3-slide {
  display: none;
}
.top-sec3-col {
  padding: 20px;
  width: calc(33.3333333333% - 13.3333333333px);
  background-color: #fff;
  border: 1px solid #e4e4e4;
  color: var(--oc-font-color);
}
.top-sec3-col .col-img {
  aspect-ratio: 346/145;
  width: 100%;
}
.top-sec3-col .col-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-sec3-col .col-body {
  margin-top: 20px;
}
.top-sec3-col .col-body .body-ttl {
  font-size: 1.8rem;
  font-weight: 700;
}
.top-sec3-col .col-body .body-text {
  font-weight: 500;
}

@media only screen and (max-width: 822px) {
  .top-sec3 {
    padding: 60px 0;
    background-color: #F6F6F6;
  }
  .top-sec3-row {
    display: none;
  }
  .top-sec3-slide {
    margin-top: 30px;
    padding-bottom: 48px;
    display: block;
    position: relative;
  }
  .top-sec3-slide .swiper-scrollbar {
    width: calc(100% - 80px);
    background-color: #E4E4E4;
    bottom: 10px;
    left: 0;
  }
  .top-sec3-slide .swiper-button-prev,
  .top-sec3-slide .swiper-button-next {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    top: auto;
    bottom: 0;
  }
  .top-sec3-slide .swiper-button-prev::after,
  .top-sec3-slide .swiper-button-next::after {
    display: none;
  }
  .top-sec3-slide .swiper-scrollbar-drag {
    background-color: var(--oc-primary-color);
  }
  .top-sec3-slide .swiper-button-prev {
    background-image: url(../img/common/arrow_circle_left.png);
    left: auto;
    right: 35px;
  }
  .top-sec3-slide .swiper-button-next {
    background-image: url(../img/common/arrow_circle_right.png);
    right: 0;
  }
  .top-sec3-col {
    width: auto;
    min-height: 271px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: var(--oc-font-color);
    display: block;
  }
  .top-sec3-col .col-img {
    aspect-ratio: 346/145;
    width: 100%;
  }
  .top-sec3-col .col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .top-sec3-col .col-body {
    margin-top: 20px;
  }
  .top-sec3-col .col-body .body-ttl {
    font-size: 1.6rem;
  }
  .top-sec3-col .col-body .body-text {
    font-size: 1.4rem;
  }
}
/* CATEGORY カテゴリーから探す
- - - - - - - - - - - - - - - - - - */
.top-sec4 {
  padding: 100px 0;
}
.top-sec4-row {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.top-sec4-col {
  padding: 5px 15px;
  width: calc(20% - 16px);
  border: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s ease-out;
}
.top-sec4-col:hover {
  background-color: #e6e6e6;
}
.top-sec4-col .col-img {
  margin-right: 15px;
  aspect-ratio: 1/1;
  width: 72px;
}
.top-sec4-col .col-text {
  width: calc(100% - 87px);
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--oc-font-color);
}

@media only screen and (max-width: 822px) {
  .top-sec4 {
    padding: 60px 0;
  }
  .top-sec4-row {
    margin-top: 30px;
    gap: 10px;
  }
  .top-sec4-col {
    padding: 5px 15px;
    width: calc(50% - 5px);
  }
  .top-sec4-col .col-img {
    width: 45px;
  }
  .top-sec4-col .col-text {
    width: calc(100% - 60px);
    font-size: 1.3rem;
  }
}
/* BRAND ブランド紹介
- - - - - - - - - - - - - - - - - - */
.top-sec5 {
  padding: 100px 0;
  background-color: #F6F6F6;
}
.top-sec5-row {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 20px;
}
.top-sec5-col {
  width: calc(33.3333333333% - 13.3333333333px);
}
.top-sec5-col .col-img {
  border: 1px solid #e4e4e4;
}
.top-sec5-col .col-text {
  margin-top: 15px;
  font-weight: 500;
}

@media only screen and (max-width: 822px) {
  .top-sec5 {
    padding: 60px 0;
  }
  .top-sec5-row {
    margin-top: 40px;
    display: block;
  }
  .top-sec5-col {
    width: 100%;
  }
  .top-sec5-col:not(.top-sec5-col:first-of-type) {
    margin-top: 30px;
  }
  .top-sec5-col .col-text {
    font-size: 1.5rem;
  }
}
/* ABOUT ショップ紹介
- - - - - - - - - - - - - - - - - - */
.top-sec6 {
  padding: 100px 0 0;
}
.top-sec6-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-sec6-ttl {
  width: 118px;
  text-align: center;
}
.top-sec6-ttl .en,
.top-sec6-ttl .ja {
  display: block;
}
.top-sec6-ttl .en > span {
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.2rem;
  display: inline-block;
  position: relative;
}
.top-sec6-ttl .en > span::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--oc-primary-color);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 6px;
  left: -15px;
}
.top-sec6-ttl .ja {
  margin-top: 20px;
  line-height: 1;
  font-weight: 500;
}
.top-sec6-content {
  width: 81.6666666667%;
}
.top-sec6-content .content-body {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-sec6-content .content-body .body-ttl .en,
.top-sec6-content .content-body .body-ttl .ja {
  display: block;
}
.top-sec6-content .content-body .body-ttl .en {
  font-size: 1.4rem;
  color: var(--oc-primary-color);
  font-weight: 500;
}
.top-sec6-content .content-body .body-ttl .ja {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.top-sec6-content .content-body .body-text {
  padding-top: 35px;
  width: 59.1836734694%;
  text-align: justify;
}
.top-sec6-content .content-body .body-link {
  margin-top: 50px;
  width: 100%;
  justify-content: flex-end;
}

@media only screen and (max-width: 822px) {
  .top-sec6 {
    padding: 60px 0 0;
  }
  .top-sec6-inner {
    display: block;
  }
  .top-sec6-content {
    margin-top: 40px;
    width: 100%;
  }
  .top-sec6-content .content-img {
    width: 100%;
  }
  .top-sec6-content .content-body {
    margin-top: 30px;
    display: block;
  }
  .top-sec6-content .content-body .body-ttl {
    margin-top: 0;
  }
  .top-sec6-content .content-body .body-ttl .ja {
    margin-top: 10px;
  }
  .top-sec6-content .content-body .body-text {
    margin-top: 15px;
    padding-top: 0;
    width: 100%;
  }
  .top-sec6-content .content-body .body-link {
    margin-top: 40px;
  }
}
/*=================================================
# page - product
=================================================*/
/* 商品一覧
- - - - - - - - - - - - - - - - - - */
.product-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-main {
  width: 76.6666666667%;
}
.product-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.product-col {
  width: calc(20% - 16px);
  display: block;
}
.product-col .col-img {
  aspect-ratio: 1/1;
  width: 100%;
}
.product-col .col-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-col .col-ttl {
  margin-top: 10px;
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-col .col-price {
  margin-top: 5px;
  text-align: right;
  font-size: 1.5rem;
  color: var(--oc-font-color);
  font-weight: 700;
}
.product-col .col-price .price-small {
  font-size: 1.2rem;
  display: block;
}
.product-col .col-price .price-line {
  text-decoration: line-through;
}
.product-col .col-price .price-sale {
  color: #D24541;
  display: block;
}
.product-sidebar {
  width: 19.1666666667%;
}
.product-sidebar .sidebar-item:last-of-type {
  margin-top: 30px;
}
.product-sidebar .sidebar-ttl {
  padding: 12px;
  min-height: 42px;
  background-color: #F6F6F6;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.product-sidebar .sidebar-ttl::before {
  content: "";
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
}
.product-sidebar .sidebar-ttl.ttl-cat::before {
  background-image: url(../img/products/products_icon_cat.png);
}
.product-sidebar .sidebar-ttl.ttl-style::before {
  background-image: url(../img/products/products_icon_style.png);
}
.product-sidebar .sidebar-list {
  margin-top: 10px;
}
.product-sidebar .sidebar-list li:not(.product-sidebar .sidebar-list li:last-of-type) {
  border-bottom: 1px dashed #e4e4e4;
}
.product-sidebar .sidebar-list li a {
  padding: 10px 0;
  font-size: 1.4rem;
  color: var(--oc-font-color);
  display: block;
  position: relative;
}
.product-sidebar .sidebar-list li a::before {
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-color: var(--oc-font-color) var(--oc-font-color) transparent transparent;
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(45deg);
}
.product-error-message {
  padding-top: 100px;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 822px) {
  .product {
    padding-bottom: 40px;
  }
  .product-main {
    width: 100%;
    order: 1;
  }
  .product-row {
    gap: 30px 20px;
  }
  .product-col {
    width: calc(50% - 10px);
  }
  .product-col .col-img {
    width: 100%;
  }
  .product-col .col-ttl {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .product-col .col-price {
    margin-top: 5px;
    text-align: right;
    font-size: 1.5rem;
    color: var(--oc-font-color);
    font-weight: 700;
  }
  .product-col .col-price .price-small {
    font-size: 1.2rem;
    display: block;
  }
  .product-col .col-price .price-line {
    text-decoration: line-through;
  }
  .product-col .col-price .price-sale {
    color: #D24541;
    display: block;
  }
  .product-sidebar {
    margin-top: 60px;
    width: 100%;
    order: 2;
  }
  .product-error-message {
    width: 100%;
    padding: 50px 0 30px;
  }
}
/* 商品一覧 スタイル
- - - - - - - - - - - - - - - - - - */
.product-style {
  margin-bottom: 50px;
  padding: 50px 0 0 50px;
  position: relative;
}
.product-style .style-img {
  aspect-ratio: 540/226;
  width: 58.6956521739%;
  position: absolute;
  top: 0;
  left: 0;
}
.product-style .style-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-style .style-body {
  padding: 75px 50px 50px;
  background-color: #F6F6F6;
}
.product-style .style-body .body-ttl {
  padding-left: 62.0689655172%;
}
.product-style .style-body .body-ttl .en,
.product-style .style-body .body-ttl .ja {
  display: block;
}
.product-style .style-body .body-ttl .en {
  font-size: 3.6rem;
  font-weight: 900;
  text-transform: capitalize;
}
.product-style .style-body .body-ttl .ja {
  margin-top: 5px;
  font-weight: 500;
}
.product-style .style-body .body-text {
  margin-top: 60px;
}

@media only screen and (max-width: 822px) {
  .product-style {
    margin-bottom: 40px;
    padding: 20px 0 0 20px;
  }
  .product-style .style-img {
    width: calc(100% - 20px);
  }
  .product-style .style-body {
    padding: 37.5vw 20px 30px;
  }
  .product-style .style-body .body-ttl {
    padding-left: 0;
  }
  .product-style .style-body .body-ttl .en {
    font-size: 3.2rem;
    line-height: 1;
  }
  .product-style .style-body .body-ttl .ja {
    font-size: 1.5rem;
  }
  .product-style .style-body .body-text {
    font-size: 1.5rem;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600) {
  .product-style .style-body {
    padding: 31.8181818182vw 20px 30px;
  }
}
/* 商品詳細
- - - - - - - - - - - - - - - - - - */
.product-single {
  margin-top: 40px;
}
.product-single .single-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.product-single .single-tags {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.product-single .single-tags span {
  padding: 0 20px;
  font-size: 1.3rem;
  line-height: 2.8rem;
  display: inline-block;
  border: 1px solid #e4e4e4;
}
.product-single .single-tags span:not(.product-single .single-tags span:first-of-type) {
  margin-left: 10px;
}
.product-single .single-tags-sp {
  display: none;
}
.product-single .single-gallery {
  width: 50%;
}
.product-single .single-gallery .gallery-main {
  width: 100%;
}
.product-single .single-gallery .gallery-main .main {
  width: 100%;
}
.product-single .single-gallery .gallery-main .main-item .item-img {
  aspect-ratio: 1/1;
  width: 100%;
}
.product-single .single-gallery .gallery-main .main-item .item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-single .single-gallery .gallery-main .main-item .item-caption {
  margin-top: 10px;
}
.product-single .single-gallery .gallery-main .swiper-button-prev,
.product-single .single-gallery .gallery-main .swiper-button-next {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  top: calc(50% - 22.5px);
}
.product-single .single-gallery .gallery-main .swiper-button-prev::after,
.product-single .single-gallery .gallery-main .swiper-button-next::after {
  display: none;
}
.product-single .single-gallery .gallery-main .swiper-button-prev {
  background-image: url(../img/products/products_slide_arrow_l.png);
  left: 0;
}
.product-single .single-gallery .gallery-main .swiper-button-next {
  background-image: url(../img/products/products_slide_arrow_r.png);
  right: 0;
}
.product-single .single-gallery .gallery-thumbs {
  margin-top: 30px;
  width: 100%;
}
.product-single .single-gallery .gallery-thumbs .thumbs-item {
  aspect-ratio: 1/1;
  cursor: pointer;
}
.product-single .single-gallery .gallery-thumbs .thumbs-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-single .single-gallery .gallery-thumbs .swiper-slide-thumb-active {
  position: relative;
}
.product-single .single-gallery .gallery-thumbs .swiper-slide-thumb-active::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.product-single .single-gallery .gallery-thumbs .swiper-scrollbar {
  display: none;
}
.product-single .single-content {
  width: 45.8333333333%;
  /* woocommerce */
}
.product-single .single-content .content-brand {
  font-size: 1.4rem;
  color: var(--oc-primary-color);
}
.product-single .single-content .content-ttl {
  font-size: 2rem;
  font-weight: 700;
}
.product-single .single-content .content-price {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.product-single .single-content .content-price .price-label {
  font-size: 1.5rem;
}
.product-single .single-content .content-price .price-reg {
  font-size: 2.4rem;
  text-align: right;
  font-weight: 700;
}
.product-single .single-content .content-price .price-reg span {
  display: block;
}
.product-single .single-content .content-price .price-reg .tax {
  font-size: 1.4rem;
  color: #A0A0A0;
  font-weight: 400;
}
.product-single .single-content .content-price .price-sale {
  text-align: right;
  line-height: 1;
}
.product-single .single-content .content-price .price-sale .small {
  font-size: 1.5rem;
  display: block;
}
.product-single .single-content .content-price .price-sale .small .tax-small {
  font-size: 1.3rem;
}
.product-single .single-content .content-price .price-sale .sale {
  padding-top: 10px;
  color: #D24541;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  display: block;
}
.product-single .single-content .content-price .price-sale .tax {
  font-size: 1.4rem;
  font-weight: 400;
}
.product-single .single-content .content-info {
  margin-top: 50px;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
.product-single .single-content .content-info .info-list {
  padding: 15px 0;
  border-top: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-single .single-content .content-info .info-list dt {
  width: 20%;
  font-size: 1.5rem;
}
.product-single .single-content .content-info .info-list dd {
  padding-left: 0;
  width: 80%;
}
.product-single .single-content .content-info .info-list dd h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
.product-single .single-content .content-info .info-list dd p {
  font-size: 1.2rem;
  text-indent: -1.2rem;
  padding-left: 1.2rem;
}
.product-single .single-content .content-info .info-list dd p::before {
  content: "※";
}
.product-single .single-content .content-link {
  margin-top: 30px;
  padding: 30px 0;
  background-color: #F6F6F6;
  font-size: 1.4rem;
  text-align: center;
}
.product-single .single-content .content-link a {
  color: var(--oc-primary-color);
  text-decoration: underline;
}
.product-single .single-content .content-desc {
  margin-top: 50px;
  font-size: 1.5rem;
}
.product-single .single-content .variations {
  margin-bottom: 10px;
}
.product-single .single-content .variations tr:nth-of-type(2) td, .product-single .single-content .variations tr:nth-of-type(4) td {
  padding: 0;
}
.product-single .single-content .variations th, .product-single .single-content .variations td {
  padding: 10px 0;
  background-color: transparent;
}
.product-single .single-content .variations th {
  width: 15%;
  vertical-align: middle;
}
.product-single .single-content .variations td {
  width: 85%;
}
.product-single .single-content .variations td p {
  position: relative;
  display: inline-block;
}
.product-single .single-content .variations td p::after {
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-color: transparent transparent #000 #000;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(-45deg);
}
.product-single .single-content .variations td select {
  padding: 0 40px 0 10px;
  appearance: none;
  border-color: #e4e4e4;
  line-height: 4.4rem;
}
.product-single .single-content .quantity {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.product-single .single-content .quantity .quantity-label {
  width: 15%;
}
.product-single .single-content .quantity input {
  padding: 8px 0;
  background-color: transparent;
  border: 1px solid #e4e4e4;
  box-shadow: none;
}
.product-single .single-content .reset_variations {
  border: 1px solid var(--oc-primary-color);
  color: var(--oc-primary-color);
}
.product-single .single-content .single_add_to_cart_button {
  margin: 30px auto 0;
  padding: 0;
  width: 100%;
  max-width: 340px;
  line-height: 5rem;
  border: none;
  background-color: var(--oc-primary-color);
  color: #fff;
}

@media only screen and (max-width: 822px) {
  .product-single {
    margin-top: 10px;
  }
  .product-single .single-inner {
    display: block;
  }
  .product-single .single-tags {
    display: none;
  }
  .product-single .single-tags-sp {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .product-single .single-tags-sp span {
    padding: 0 20px;
    font-size: 1.3rem;
    line-height: 2.8rem;
    display: inline-block;
    border: 1px solid #e4e4e4;
  }
  .product-single .single-tags-sp span:not(.product-single .single-tags-sp span:first-of-type) {
    margin-left: 10px;
  }
  .product-single .single-gallery {
    width: 100%;
  }
  .product-single .single-gallery .gallery-main .swiper-button-prev,
  .product-single .single-gallery .gallery-main .swiper-button-next {
    width: 25px;
    height: 25px;
  }
  .product-single .single-gallery .gallery-thumbs {
    margin-top: 30px;
    padding-bottom: 20px;
    position: relative;
  }
  .product-single .single-gallery .gallery-thumbs .swiper-scrollbar {
    width: 100%;
    height: 5px;
    display: block;
    bottom: 0;
    left: 0;
  }
  .product-single .single-gallery .gallery-thumbs .swiper-scrollbar-drag {
    background-color: var(--oc-primary-color);
  }
  .product-single .single-content {
    padding-top: 35px;
    width: 100%;
    /* woocommerce */
  }
  .product-single .single-content .content-price {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .product-single .single-content .content-info {
    margin-top: 60px;
    width: 100%;
  }
  .product-single .single-content .content-info .info-list {
    padding: 10px 0;
    display: block;
  }
  .product-single .single-content .content-info .info-list dt {
    width: 100%;
    font-size: 1.5rem;
  }
  .product-single .single-content .content-info .info-list dd {
    margin-bottom: 10px;
    width: 100%;
  }
  .product-single .single-content .content-desc {
    margin-top: 60px;
  }
  .product-single .single-content .variations {
    margin-bottom: 0;
  }
  .product-single .single-content .variations tr:nth-of-type(2) td, .product-single .single-content .variations tr:nth-of-type(4) td {
    padding: 0;
  }
  .product-single .single-content .variations th, .product-single .single-content .variations td {
    display: block;
  }
  .product-single .single-content .variations th {
    padding: 0;
    width: 100%;
    vertical-align: middle;
  }
  .product-single .single-content .variations td {
    padding: 10px 0 20px;
    width: 100%;
  }
  .product-single .single-content .quantity {
    display: block;
  }
  .product-single .single-content .quantity .quantity-label {
    padding-bottom: 10px;
    width: 100%;
  }
}
/* 関連商品
- - - - - - - - - - - - - - - - - - */
.product-upsells {
  margin-top: 100px;
}

.upsells-row {
  margin-top: 30px;
}

.related-ttl .en,
.related-ttl .ja {
  display: block;
}
.related-ttl .en {
  font-size: 1.4rem;
  color: var(--oc-primary-color);
}
.related-ttl .ja {
  font-size: 2.2rem;
  font-weight: 700;
}

.product-related {
  margin-top: 100px;
}

.related-row {
  margin-top: 30px;
}

.upsells-slide {
  padding-bottom: 40px;
}
.upsells-slide .swiper-scrollbar {
  width: 100%;
  height: 8px;
  left: 0;
}

@media only screen and (max-width: 822px) {
  .product-upsells {
    margin-top: 80px;
  }
  .product-related {
    margin-top: 80px;
  }
  .upsells-slide {
    padding-bottom: 40px;
  }
  .upsells-slide .swiper-scrollbar {
    width: 100%;
    height: 8px;
    left: 0;
  }
}
/* woocommerce parts
- - - - - - - - - - - - - - - - - - */
.storefront-sorting {
  margin: 0;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.storefront-sorting form {
  margin: 0;
  padding: 0;
}
.storefront-sorting form select {
  padding: 0 30px 0 10px;
  appearance: none;
  border-color: #e4e4e4;
}

.woocommerce-pagination,
.storefront-product-pagination {
  display: none !important;
}

/*=================================================
# page - guide
=================================================*/
/* 共通
- - - - - - - - - - - - - - - - - - */
.guide-ttl-lv1 {
  padding-bottom: 10px;
  font-size: 2.2rem;
  border-bottom: 1px solid #e4e4e4;
  font-weight: 700;
}

.guide-ttl-lv2 {
  margin-bottom: 25px;
  padding: 20px;
  background-color: #F6F6F6;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

.guide-text em {
  color: var(--oc-primary-color);
}

.guide-wrap {
  margin-top: 60px;
}
.guide-wrap.mt30 {
  margin-top: 30px;
}
@media only screen and (max-width: 822px) {
  .guide-wrap {
    margin-top: 30px;
  }
}

.guide-ol {
  padding-left: 2.5rem;
  margin-left: 0;
}
.guide-ol > li {
  list-style-position: outside;
  list-style: decimal;
}

.guide-ul {
  margin-left: 0;
  padding-left: 1.6rem;
}
.guide-ul > li {
  position: relative;
}
.guide-ul > li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--oc-font-color);
  display: block;
  position: absolute;
  top: 13px;
  left: -10px;
}
.guide-ul > li.mt40 {
  margin-top: 40px;
}

.guide-note span {
  font-size: 1.2rem;
  display: block;
}

/* navigation
- - - - - - - - - - - - - - - - - - */
.guide-nav {
  margin-top: 30px;
}
.guide-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.guide-nav ul li {
  width: calc(25% - 15px);
}
.guide-nav ul li a {
  padding: 0 20px;
  border: 1px solid #e4e4e4;
  line-height: 54px;
  color: var(--oc-font-color);
  display: block;
  position: relative;
}
.guide-nav ul li a::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../img/common/arrow_circle_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.guide-nav ul li a br {
  display: none;
}

@media only screen and (max-width: 980px) {
  .guide-nav {
    margin-top: 30px;
  }
  .guide-nav ul {
    gap: 10px;
  }
  .guide-nav ul li {
    width: calc(50% - 5px);
  }
  .guide-nav ul li a {
    padding: 15px;
    height: 100%;
    border: 1px solid #e4e4e4;
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--oc-font-color);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .guide-nav ul li a::after {
    right: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .guide-nav ul li a br {
    display: block;
  }
}
.guide-nav-text {
  margin-top: 60px;
  text-align: center;
}
@media only screen and (max-width: 822px) {
  .guide-nav-text {
    margin-top: 25px;
    font-size: 1.3rem;
  }
}

.guide-nav-btn {
  margin: 40px auto 100px;
}
@media only screen and (max-width: 822px) {
  .guide-nav-btn {
    margin-top: 20px;
    margin-bottom: 60px;
    max-width: none !important;
  }
}

.solid-btn {
  padding: 0 25px;
  width: 100%;
  max-width: 320px;
  border: 1px solid var(--oc-primary-color);
  line-height: 6.3rem;
  color: var(--oc-primary-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.solid-btn::before {
  content: "";
  margin-right: 15px;
  width: 28px;
  height: 28px;
  background-image: url(../img/common/arrow_circle_right_brown.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
}

/* 会員登録について
- - - - - - - - - - - - - - - - - - */
.guide-sec1 {
  padding-bottom: 100px;
}
.guide-sec1-wrap {
  margin-top: 30px;
}
.guide-sec1-btn {
  margin-top: 30px;
}

@media only screen and (max-width: 822px) {
  .guide-sec1 {
    padding-bottom: 60px;
  }
  .guide-sec1-btn {
    margin-top: 30px;
    max-width: none !important;
  }
}
/* ご注文の流れ
- - - - - - - - - - - - - - - - - - */
.guide-sec2 {
  padding-bottom: 100px;
}
.guide-sec2-list > li {
  margin-top: 30px;
}

@media only screen and (max-width: 822px) {
  .guide-sec2 {
    padding-bottom: 60px;
  }
}
/* お支払いについて
- - - - - - - - - - - - - - - - - - */
.guide-sec3 {
  padding-bottom: 100px;
}
.guide-sec3-img {
  margin: 30px 0;
  height: 30px;
}
.guide-sec3-card {
  margin: 30px 0 50px;
  padding: 30px 40px;
  border: 1px solid #e4e4e4;
}

@media only screen and (max-width: 822px) {
  .guide-sec3 {
    padding-bottom: 60px;
  }
  .guide-sec3-card {
    margin: 30px 0;
    padding: 25px 30px;
    border: 1px solid #e4e4e4;
  }
}
/* 配送について
- - - - - - - - - - - - - - - - - - */
.guide-sec4 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 822px) {
  .guide-sec4 {
    padding-bottom: 60px;
  }
}

/* 消費税について
- - - - - - - - - - - - - - - - - - */
.guide-sec5 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 822px) {
  .guide-sec5 {
    padding-bottom: 60px;
  }
}

/* 返品・交換について
- - - - - - - - - - - - - - - - - - */
.guide-sec6 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 822px) {
  .guide-sec6 {
    padding-bottom: 60px;
  }
}

/* よくあるご質問
- - - - - - - - - - - - - - - - - - */
.guide-sec7-list:not(.guide-sec7-list:first-of-type) {
  margin-top: 30px;
}
.guide-sec7-list dt {
  padding-left: 20px;
  color: var(--oc-primary-color);
  font-weight: 700;
  position: relative;
}
.guide-sec7-list dt::before {
  content: "Q.";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.guide-sec7-list dd {
  margin-top: 5px;
  padding-left: 20px;
  position: relative;
}
.guide-sec7-list dd::before {
  content: "A.";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/*=================================================
# page - operation
=================================================*/
/* SERVICE 事業内容
- - - - - - - - - - - - - - - - - - */
.op-sec1 {
  padding-top: 90px;
  position: relative;
}
.op-sec1::before {
  content: "";
  width: 100%;
  height: 500px;
  background: linear-gradient(0deg, #FFFFFF 3.33%, #F6F6F6 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.op-sec1 .page-ttl-lv2 {
  position: relative;
  z-index: 2;
}
.op-sec1-lead {
  margin-bottom: 90px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.op-sec1-lead em {
  color: var(--oc-primary-color);
}
.op-sec1-row {
  margin-top: 50px;
  border: 1px solid #E4E4E4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.op-sec1-col {
  padding: 40px;
  width: 50%;
}
.op-sec1-col:nth-of-type(1) {
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}
.op-sec1-col:nth-of-type(2) {
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}
.op-sec1-col:nth-of-type(3) {
  border-right: 1px solid #E4E4E4;
}
.op-sec1-col .col-ttl .en,
.op-sec1-col .col-ttl .ja {
  font-weight: 700;
  display: block;
}
.op-sec1-col .col-ttl .en {
  font-size: 1.2rem;
  color: var(--oc-primary-color);
}
.op-sec1-col .col-ttl .ja {
  font-size: 1.8rem;
}
.op-sec1-col .col-text {
  margin-top: 10px;
}

@media only screen and (max-width: 822px) {
  .op-sec1 {
    padding-top: 60px;
  }
  .op-sec1-lead {
    margin-bottom: 60px;
    font-size: 1.6rem;
  }
  .op-sec1-row {
    margin-top: 30px;
  }
  .op-sec1-col {
    padding: 30px;
    width: 100%;
  }
  .op-sec1-col:nth-of-type(1) {
    border-right: none;
  }
  .op-sec1-col:nth-of-type(2) {
    border-right: none;
  }
  .op-sec1-col:nth-of-type(3) {
    border-bottom: 1px solid #E4E4E4;
    border-right: none;
  }
  .op-sec1-col .col-ttl .en,
  .op-sec1-col .col-ttl .ja {
    font-weight: 700;
    display: block;
  }
  .op-sec1-col .col-ttl .en {
    font-size: 1.2rem;
    color: var(--oc-primary-color);
  }
  .op-sec1-col .col-ttl .ja {
    font-size: 1.8rem;
  }
  .op-sec1-col .col-text {
    margin-top: 10px;
  }
}
/* GREETING 代表あいさつ
- - - - - - - - - - - - - - - - - - */
.op-sec2 {
  padding-top: 100px;
}
.op-sec2-media {
  margin-top: 50px;
  padding-top: 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
}
.op-sec2-media .media-img {
  width: 66.6666666667%;
  position: absolute;
  top: 0;
  left: 0;
}
.op-sec2-media .media-body {
  padding: 60px;
  width: 60%;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2;
}
.op-sec2-media .media-body .body-name {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.op-sec2-media .media-body .body-name p span {
  font-size: 1.2rem;
  display: block;
}

@media only screen and (max-width: 822px) {
  .op-sec2 {
    padding-top: 60px;
  }
  .op-sec2-media {
    margin-top: 40px;
    padding-top: 85.1581508516vw;
    display: block;
  }
  .op-sec2-media .media-img {
    width: calc(100% + 40px);
    left: -20px;
  }
  .op-sec2-media .media-body {
    padding: 40px 20px;
    width: 60%;
    width: 100%;
    position: relative;
    z-index: 2;
  }
  .op-sec2-media .media-body .body-name {
    margin-top: 40px;
  }
}
/* OVERVIEW 運営会社概要
- - - - - - - - - - - - - - - - - - */
.op-sec3 {
  padding-top: 100px;
}
.op-sec3-row {
  margin-top: 50px;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.op-sec3-list {
  padding: 35px 0;
  width: calc(50% - 25px);
}
.op-sec3-list:not(.op-sec3-list:last-of-type) {
  border-bottom: 1px solid #e4e4e4;
}
.op-sec3-list dt {
  font-size: 1.4rem;
  color: var(--oc-primary-color);
  font-weight: 500;
}

@media only screen and (max-width: 822px) {
  .op-sec3-row {
    margin-top: 40px;
    display: block;
  }
  .op-sec3-list {
    padding: 20px 0;
    width: 100%;
  }
}
/* HISTORY 沿革
- - - - - - - - - - - - - - - - - - */
.op-sec4 {
  padding-top: 100px;
}
.op-sec4-row {
  margin-top: 50px;
}
.op-sec4-list {
  margin: 20px auto 0;
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.op-sec4-list dt {
  width: 80px;
  border-right: 1px solid #e4e4e4;
  font-size: 2.2rem;
  color: var(--oc-primary-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.op-sec4-list dd {
  width: calc(100% - 80px);
  padding: 5px 0 5px 30px;
}
.op-sec4-list .list-body:not(.op-sec4-list .list-body:first-of-type) {
  margin-top: 10px;
}
.op-sec4-list .list-month, .op-sec4-list .list-text {
  display: block;
}
.op-sec4-list .list-month {
  font-size: 1.2rem;
  color: var(--oc-primary-color);
}
@media only screen and (max-width: 822px) {
  .op-sec4 {
    padding-top: 80px;
  }
  .op-sec4-row {
    margin-top: 40px;
  }
  .op-sec4-list dt {
    width: 65px;
    font-size: 1.8rem;
  }
  .op-sec4-list dd {
    width: calc(100% - 65px);
    padding: 5px 0 5px 15px;
  }
  .op-sec4-list .list-text {
    font-size: 1.5rem;
  }
}
/* STORE 店舗案内
- - - - - - - - - - - - - - - - - - */
.op-sec5 {
  padding: 100px 0 0;
}
.op-sec5-media {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.op-sec5-media .media-img {
  width: 48.3333333333%;
  display: block;
}
.op-sec5-media .media-body {
  width: 47.5%;
}
.op-sec5-media .media-body .body-name {
  font-size: 2rem;
  font-weight: 700;
}
.op-sec5-media .media-body .body-address {
  margin-top: 10px;
}
.op-sec5-media .media-body .body-access {
  margin-top: 15px;
}
.op-sec5-media .media-body .body-access .access-label {
  font-size: 1.5rem;
  color: var(--oc-primary-color);
}
.op-sec5-media .media-body .body-access .access-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.op-sec5-media .media-body .body-access .access-list dt,
.op-sec5-media .media-body .body-access .access-list dt {
  font-size: 1.5rem;
}
.op-sec5-media .media-body .body-access .access-list dt {
  width: 47px;
  font-weight: 400;
}
.op-sec5-media .media-body .body-access .access-list dd {
  width: calc(100% - 47px);
}

@media only screen and (max-width: 822px) {
  .op-sec5 {
    padding: 80px 0 0;
  }
  .op-sec5-media {
    margin-top: 40px;
    display: block;
  }
  .op-sec5-media .media-img {
    width: 100%;
  }
  .op-sec5-media .media-body {
    margin-top: 20px;
    width: 100%;
  }
  .op-sec5-media .media-body .body-name {
    font-size: 1.6rem;
  }
  .op-sec5-media .media-body .body-address {
    margin-top: 5px;
  }
  .op-sec5-media .media-body .body-access {
    margin-top: 15px;
  }
}
.oc-sec {
  padding: 50px 0;
}

.wp-block-table td,
.wp-block-table th {
  padding: 1em 2em;
}

.woocommerce-MyAccount-navigation {
  margin-bottom: 40px;
}

.woocommerce-account .u-column1.col-1 {
  width: 100%;
}

.woocommerce-account  .u-column2.col-2 {
  width: 100%;
}

.wp-block-heading, .wc-block-grid__product-title {
  margin-bottom: 30px;
  font-size: 2.2rem;
  font-weight: bold;
}

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
  margin-bottom: 0;
  min-height: 42px;
  font-size: 1.4rem;
  font-family: var(--oc-font-main);
  line-height: 1.5;
  color: #000;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wc-block-grid__products .wc-block-grid__product .price {
  font-family: var(--oc-font-main);
  margin-top: 5px;
  text-align: right;
  font-size: 1.5rem;
  color: var(--oc-font-color);
  font-weight: 700;
}


/* bootstrap overwrite */
@media(min-width: 768px){
	.offset-md-1 {
		margin-left: 0;
	}
  .col-md-10 {
    width: 100%;  
  }
}

.col-full .inner {
  padding: 0;
}

#menu-menu1 > li.btn-login a,
#menu-menu1 > li.btn-cart a {
  width: 75px;
  height: 52px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}