@charset "UTF-8";
/*--------------------------------------------------
Variable
--------------------------------------------------*/
/*---------- Color ----------*/
/*---------- etc ----------*/
/*---------- font ----------*/
/*---------- 言語メニュー ----------*/
/*---------- カスタムプロパティ ----------*/
:root {
  --hdrTxtCol: #370808;
}

/*--------------------------------------------------
Mixin
--------------------------------------------------*/
/*---------- Responsive ----------*/
/*---------- アイコン ----------*/
/*---------------------------------------------
WYSIWYGエディタ用css
---------------------------------------------*/
/*---------------------------------------------
商品カテゴリ一覧
---------------------------------------------*/
.category_list {
  display: grid;
}
.category_list_item {
  display: grid;
  row-gap: 8px;
  word-break: auto-phrase;
  font-size: 18px;
}
.category_list_item img {
  order: -1;
  width: 100%;
  aspect-ratio: 67/27;
  -o-object-fit: cover;
     object-fit: cover;
}
.category_list_item_name {
  padding-top: 2px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
.category_list_item_desc {
  font-size: 0.722em;
}

@media (min-width: 768px) {
  .category_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 68px;
  }
  .category_list a {
    transition: opacity 0.3s ease-in-out;
  }
  .category_list a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .category_list {
    row-gap: 40px;
  }
}
/*---------------------------------------------
MT編集画面エディター（MTAppjQuery併用）
---------------------------------------------*/
#mtapp-overlay-editor-modal .modal-dialog-centered {
  width: 90% !important;
  max-width: 90% !important;
  max-height: calc(100% - 4rem);
  align-items: stretch !important;
}
#mtapp-overlay-editor-modal .modal-dialog-centered #mtapp-overlay-editor-inner,
#mtapp-overlay-editor-modal .modal-dialog-centered .mt-editor-manager-wrap {
  height: 100%;
}
#mtapp-overlay-editor-modal .modal-dialog-centered .modal-body {
  max-height: inherit !important;
}
#mtapp-overlay-editor-modal .modal-dialog-centered .modal-body .tox-tinymce {
  max-height: 100%;
}

.mce-content-body,
.mtapp-overlay-editor {
  font-size: 14px;
}
.mce-content-body h1:not([class]), .mce-content-body h1:is([class^=fade]), .mce-content-body h2:not([class]), .mce-content-body h2:is([class^=fade]), .mce-content-body h3:not([class]), .mce-content-body h3:is([class^=fade]), .mce-content-body h4:not([class]), .mce-content-body h4:is([class^=fade]), .mce-content-body h5:not([class]), .mce-content-body h5:is([class^=fade]), .mce-content-body h6:not([class]), .mce-content-body h6:is([class^=fade]),
.mtapp-overlay-editor h1:not([class]),
.mtapp-overlay-editor h1:is([class^=fade]),
.mtapp-overlay-editor h2:not([class]),
.mtapp-overlay-editor h2:is([class^=fade]),
.mtapp-overlay-editor h3:not([class]),
.mtapp-overlay-editor h3:is([class^=fade]),
.mtapp-overlay-editor h4:not([class]),
.mtapp-overlay-editor h4:is([class^=fade]),
.mtapp-overlay-editor h5:not([class]),
.mtapp-overlay-editor h5:is([class^=fade]),
.mtapp-overlay-editor h6:not([class]),
.mtapp-overlay-editor h6:is([class^=fade]) {
  margin-bottom: 1.2em;
  line-height: 1.6em;
  font-weight: 500;
}
.mce-content-body h1:not([class]), .mce-content-body h1:is([class^=fade]), .mce-content-body h2:not([class]), .mce-content-body h2:is([class^=fade]), .mce-content-body h3:not([class]), .mce-content-body h3:is([class^=fade]),
.mtapp-overlay-editor h1:not([class]),
.mtapp-overlay-editor h1:is([class^=fade]),
.mtapp-overlay-editor h2:not([class]),
.mtapp-overlay-editor h2:is([class^=fade]),
.mtapp-overlay-editor h3:not([class]),
.mtapp-overlay-editor h3:is([class^=fade]) {
  font-size: 1.384em;
}
.mce-content-body h1:not([class]), .mce-content-body h1:is([class^=fade]), .mce-content-body h2:not([class]), .mce-content-body h2:is([class^=fade]),
.mtapp-overlay-editor h1:not([class]),
.mtapp-overlay-editor h1:is([class^=fade]),
.mtapp-overlay-editor h2:not([class]),
.mtapp-overlay-editor h2:is([class^=fade]) {
  padding-bottom: 0.4em;
  border-bottom: 1px solid #370808;
}
.mce-content-body h3:not([class]), .mce-content-body h3:is([class^=fade]),
.mtapp-overlay-editor h3:not([class]),
.mtapp-overlay-editor h3:is([class^=fade]) {
  padding-top: 0.4em;
  border-top: 1px solid #370808;
}
.mce-content-body h4:not([class]), .mce-content-body h4:is([class^=fade]), .mce-content-body h5:not([class]), .mce-content-body h5:is([class^=fade]), .mce-content-body h6:not([class]), .mce-content-body h6:is([class^=fade]),
.mtapp-overlay-editor h4:not([class]),
.mtapp-overlay-editor h4:is([class^=fade]),
.mtapp-overlay-editor h5:not([class]),
.mtapp-overlay-editor h5:is([class^=fade]),
.mtapp-overlay-editor h6:not([class]),
.mtapp-overlay-editor h6:is([class^=fade]) {
  margin-bottom: 1.2em;
  font-size: 1.154em;
  font-weight: 500;
}
.mce-content-body h4:not([class]), .mce-content-body h4:is([class^=fade]),
.mtapp-overlay-editor h4:not([class]),
.mtapp-overlay-editor h4:is([class^=fade]) {
  padding-left: 1.2em;
  position: relative;
}
.mce-content-body h4:not([class])::before, .mce-content-body h4:is([class^=fade])::before,
.mtapp-overlay-editor h4:not([class])::before,
.mtapp-overlay-editor h4:is([class^=fade])::before {
  content: "■";
  position: absolute;
  inset: 0 auto auto 0;
}
.mce-content-body h5:not([class]), .mce-content-body h5:is([class^=fade]), .mce-content-body h6:not([class]), .mce-content-body h6:is([class^=fade]),
.mtapp-overlay-editor h5:not([class]),
.mtapp-overlay-editor h5:is([class^=fade]),
.mtapp-overlay-editor h6:not([class]),
.mtapp-overlay-editor h6:is([class^=fade]) {
  color: #370808;
}
.mce-content-body p,
.mtapp-overlay-editor p {
  line-height: 1.8em;
}
.mce-content-body ul:not([class]), .mce-content-body ul:is([class^=fade]), .mce-content-body ol:not([class]), .mce-content-body ol:is([class^=fade]),
.mtapp-overlay-editor ul:not([class]),
.mtapp-overlay-editor ul:is([class^=fade]),
.mtapp-overlay-editor ol:not([class]),
.mtapp-overlay-editor ol:is([class^=fade]) {
  display: grid;
  row-gap: 0.5em;
}
.mce-content-body ul:not([class]) > li, .mce-content-body ul:is([class^=fade]) > li, .mce-content-body ol:not([class]) > li, .mce-content-body ol:is([class^=fade]) > li,
.mtapp-overlay-editor ul:not([class]) > li,
.mtapp-overlay-editor ul:is([class^=fade]) > li,
.mtapp-overlay-editor ol:not([class]) > li,
.mtapp-overlay-editor ol:is([class^=fade]) > li {
  padding-left: 1.6em;
  line-height: 1.6em;
  position: relative;
}
.mce-content-body ul:not([class]) > li::before, .mce-content-body ul:is([class^=fade]) > li::before, .mce-content-body ol:not([class]) > li::before, .mce-content-body ol:is([class^=fade]) > li::before,
.mtapp-overlay-editor ul:not([class]) > li::before,
.mtapp-overlay-editor ul:is([class^=fade]) > li::before,
.mtapp-overlay-editor ol:not([class]) > li::before,
.mtapp-overlay-editor ol:is([class^=fade]) > li::before {
  color: #370808;
  position: absolute;
  inset: 0 auto auto 0;
}
.mce-content-body ul:not([class]) > li::before, .mce-content-body ul:is([class^=fade]) > li::before,
.mtapp-overlay-editor ul:not([class]) > li::before,
.mtapp-overlay-editor ul:is([class^=fade]) > li::before {
  content: "・";
}
.mce-content-body ol:not([class]), .mce-content-body ol:is([class^=fade]),
.mtapp-overlay-editor ol:not([class]),
.mtapp-overlay-editor ol:is([class^=fade]) {
  counter-reset: number 0;
}
.mce-content-body ol:not([class]) > li::before, .mce-content-body ol:is([class^=fade]) > li::before,
.mtapp-overlay-editor ol:not([class]) > li::before,
.mtapp-overlay-editor ol:is([class^=fade]) > li::before {
  counter-increment: number 1;
  content: counter(number) ".";
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
.mce-content-body table,
.mtapp-overlay-editor table {
  width: 100% !important;
  border-collapse: collapse;
  border-spacing: 0;
}
.mce-content-body table caption,
.mtapp-overlay-editor table caption {
  padding-top: 1em;
  border-top: 1px solid #370808;
  font-size: 1.076em;
  font-weight: 500;
}
.mce-content-body table caption:first-child,
.mtapp-overlay-editor table caption:first-child {
  margin-bottom: 2em;
}
.mce-content-body table caption:last-child,
.mtapp-overlay-editor table caption:last-child {
  margin-top: 2em;
}
.mce-content-body table tr ~ tr,
.mtapp-overlay-editor table tr ~ tr {
  border-top: solid transparent;
}
.mce-content-body table tr th, .mce-content-body table tr td,
.mtapp-overlay-editor table tr th,
.mtapp-overlay-editor table tr td {
  margin: 0;
  border: none;
  border-right: 1px solid #DBDBDB;
}
.mce-content-body table tr th:last-child, .mce-content-body table tr td:last-child,
.mtapp-overlay-editor table tr th:last-child,
.mtapp-overlay-editor table tr td:last-child {
  border-right: none;
}
.mce-content-body table tr th[bgcolor="#F3F3F3"], .mce-content-body table tr td[bgcolor="#F3F3F3"],
.mtapp-overlay-editor table tr th[bgcolor="#F3F3F3"],
.mtapp-overlay-editor table tr td[bgcolor="#F3F3F3"] {
  background-color: #fff;
  font-weight: 500;
}
.mce-content-body table tr th,
.mtapp-overlay-editor table tr th {
  font-weight: 500;
}
.mce-content-body blockquote,
.mtapp-overlay-editor blockquote {
  display: block;
  padding: 2em;
  background-color: #F9F9F9;
  color: #370808;
  line-height: 1.8em;
}
.mce-content-body figure,
.mtapp-overlay-editor figure {
  text-align: center;
}
.mce-content-body figure figcaption,
.mtapp-overlay-editor figure figcaption {
  margin-top: 0.5em;
}
.mce-content-body img,
.mtapp-overlay-editor img {
  width: auto;
  max-width: 100%;
}
.mce-content-body iframe[src*=youtube],
.mtapp-overlay-editor iframe[src*=youtube] {
  width: 100%;
  max-width: 960px;
  height: auto;
  aspect-ratio: 16/9;
}
.mce-content-body hr,
.mtapp-overlay-editor hr {
  color: #DBDBDB;
  margin: 1.5em 0;
}
.mce-content-body i,
.mtapp-overlay-editor i {
  font-style: italic;
}
.mce-content-body strong,
.mtapp-overlay-editor strong {
  font-weight: bold;
}
.mce-content-body a:not([class], [href^="tel:"], [href^="mailto:"]),
.mtapp-overlay-editor a:not([class], [href^="tel:"], [href^="mailto:"]) {
  text-decoration: underline;
  font-weight: bold;
}
.mce-content-body .Comento01b, .mce-content-body .ComentoTi,
.mtapp-overlay-editor .Comento01b,
.mtapp-overlay-editor .ComentoTi {
  margin-bottom: 1.2em;
  font-size: 1.154em;
  text-align: center;
  font-weight: bold;
}
.mce-content-body .Red, .mce-content-body .red,
.mtapp-overlay-editor .Red,
.mtapp-overlay-editor .red {
  color: #370808;
  font-weight: bold;
}
.mce-content-body .kakaku,
.mtapp-overlay-editor .kakaku {
  color: #370808;
  font-size: 1.5em;
  font-weight: bold;
}
.mce-content-body .contact_type,
.mtapp-overlay-editor .contact_type {
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .mce-content-body .contact_type *,
.mtapp-overlay-editor .contact_type * {
    text-align: left;
  }
}
.mce-content-body .category_list a,
.mtapp-overlay-editor .category_list a {
  text-decoration: none;
  font-weight: normal;
}
.mce-content-body .category_list_item_name,
.mtapp-overlay-editor .category_list_item_name {
  font-size: 15px;
}
.mce-content-body section,
.mtapp-overlay-editor section {
  margin-bottom: 4em;
}
.mce-content-body table, .mce-content-body figure, .mce-content-body blockquote,
.mtapp-overlay-editor table,
.mtapp-overlay-editor figure,
.mtapp-overlay-editor blockquote {
  margin-bottom: 3em;
}
.mce-content-body p, .mce-content-body dl,
.mtapp-overlay-editor p,
.mtapp-overlay-editor dl {
  margin-bottom: 2em;
}
.mce-content-body ul:not([class]), .mce-content-body ul:is([class^=fade]), .mce-content-body ol:not([class]), .mce-content-body ol:is([class^=fade]),
.mtapp-overlay-editor ul:not([class]),
.mtapp-overlay-editor ul:is([class^=fade]),
.mtapp-overlay-editor ol:not([class]),
.mtapp-overlay-editor ol:is([class^=fade]) {
  margin-bottom: 2em;
}
.mce-content-body *:not(img):last-child,
.mtapp-overlay-editor *:not(img):last-child {
  margin-bottom: 0;
}
.mce-content-body h1:not([class]), .mce-content-body h2:not([class]), .mce-content-body h3:not([class]),
.mtapp-overlay-editor h1:not([class]),
.mtapp-overlay-editor h2:not([class]),
.mtapp-overlay-editor h3:not([class]) {
  font-weight: normal;
  font-family: inherit;
}
.mce-content-body ul, .mce-content-body ol,
.mtapp-overlay-editor ul,
.mtapp-overlay-editor ol {
  padding-left: 0 !important;
  list-style: none;
}
.mce-content-body ul li, .mce-content-body ol li,
.mtapp-overlay-editor ul li,
.mtapp-overlay-editor ol li {
  list-style: none;
}
.mce-content-body .mce-item-table,
.mtapp-overlay-editor .mce-item-table {
  height: auto !important;
}
.mce-content-body .mce-item-table *,
.mtapp-overlay-editor .mce-item-table * {
  height: auto !important;
}
.mce-content-body .mce-item-table tr ~ tr,
.mtapp-overlay-editor .mce-item-table tr ~ tr {
  border-top: inherit !important;
}
.mce-content-body .mce-item-table th,
.mtapp-overlay-editor .mce-item-table th {
  text-align: inherit !important;
  font-weight: bold !important;
}
.mce-content-body table[border],
.mtapp-overlay-editor table[border] {
  border-color: transparent !important;
}
.mce-content-body .category_list,
.mtapp-overlay-editor .category_list {
  -moz-column-gap: 4%;
       column-gap: 4%;
}
.mce-content-body .category_list_item img,
.mtapp-overlay-editor .category_list_item img {
  width: 100% !important;
}
.mce-content-body .category_list_item_name,
.mtapp-overlay-editor .category_list_item_name {
  font-weight: normal;
  font-family: inherit;
}
/*# sourceMappingURL=user.css.map */