@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box; /* もちろん、より直感的なbox-sizingに設定 */
}

h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
dl,
pre,
fieldset,
blockquote,
address {
  margin: 0;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important; /* hiddenは非表示を意味します */
}

:where(html) {
  -webkit-text-size-adjust: none; /* iOSのランドスケープでテキストが調整されないようにする */
  color-scheme: dark light; /* ユーザーがダークテーマを好む場合、自動的にダークテーマになる */
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth; /* 何かにフォーカスがある場合のみスムーズスクロール */
  }
}
:where(body) {
  block-size: 100%; /* サファリ以外のブラウザのフォールバック */
  block-size: 100dvb; /* 1dvbは動的ビューポートの長さの1%、100dvbで高さいっぱいに */
  line-height: 1.5; /* アクセシブルな行の高さ */
  font-family: system-ui, sans-serif; /* timeの代わりにシステムフォントを使用 */
  -webkit-font-smoothing: antialiased; /* テキストのレンダリングを改善 */
}

:where(input, button, textarea, select) {
  font: inherit; /* フォーム コントロールは親フォントを継承 */
  color: inherit; /* カラーも継承 */
}

:where(textarea) {
  resize: vertical; /* テキストエリアの水平リサイズを無効に */
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer; /* インタラクティブなものにカーソルを合わせる */
}

:where(:disabled) {
  cursor: not-allowed; /* フォームコントロール無効時のカーソルを許可しない */
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed; /* ラベルにもカーソルを許可しない */
}

:where(button) {
  border-style: solid; /* ボタンのボーダーのスタイルを設定しやすくする */
}

:where(a) {
  text-underline-offset: 0.2ex; /* 下線の上にスペースを追加する */
}

:where(ul, ol) {
  list-style: none; /* ビュレットを削除、必要に応じて手動で追加する */
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block; /* 置換された要素をより予測可能にする */
}

:where(img, picture, svg) {
  max-inline-size: 100%; /* images should never overflow past the available space */
  block-size: auto; /* アスペクト比を保持 */
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word; /* 長い単語は改行 */
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem); /* 見出しの行の高さを減らす */
}

:where(hr) { /* より一貫性のある、スタイリッシュなhr */
  border: none;
  -webkit-border-before: 1px solid;
          border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) { /* より一貫性のある、カスタマイズ可能なフォーカスのアウトライン */
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

/* .visually-hiddenは後のカスケードレイヤーを上書きするために!importantを使用 */
:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

@media screen and (min-width: 480px ) {
  .sm-tac {
    text-align: center;
  }
}

@media screen and (min-width: 480px ) {
  .sm-tal {
    text-align: left;
  }
}

@media screen and (min-width: 480px ) {
  .sm-tar {
    text-align: right;
  }
}

@media screen and (min-width: 640px ) {
  .md-tac {
    text-align: center;
  }
}

@media screen and (min-width: 640px ) {
  .md-tal {
    text-align: left;
  }
}

@media screen and (min-width: 640px ) {
  .md-tar {
    text-align: right;
  }
}

@media screen and (min-width: 1150px ) {
  .nm-tac {
    text-align: center;
  }
}

@media screen and (min-width: 1150px ) {
  .nm-tal {
    text-align: left;
  }
}

@media screen and (min-width: 1150px ) {
  .nm-tar {
    text-align: right;
  }
}

@media screen and (min-width: 1280px ) {
  .lg-tac {
    text-align: center;
  }
}

@media screen and (min-width: 1280px ) {
  .lg-tal {
    text-align: left;
  }
}

@media screen and (min-width: 1280px ) {
  .lg-tar {
    text-align: right;
  }
}

@media screen and (min-width: 1480px ) {
  .xl-tac {
    text-align: center;
  }
}

@media screen and (min-width: 1480px ) {
  .xl-tal {
    text-align: left;
  }
}

@media screen and (min-width: 1480px ) {
  .xl-tar {
    text-align: right;
  }
}

@media screen and (min-width: 1600px ) {
  .xxl-tac {
    text-align: center;
  }
}

@media screen and (min-width: 1600px ) {
  .xxl-tal {
    text-align: left;
  }
}

@media screen and (min-width: 1600px ) {
  .xxl-tar {
    text-align: right;
  }
}

.spmenu-open body {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* =========================================================
.wrapper
========================================================= */
.wrapper {
  padding-top: var(--header-height);
  display: flex;
  flex-direction: column;
  height: 100vh;
}

/* =========================================================
.admin-bar隠れるのを防ぐ
========================================================= */
.admin-bar .header {
  top: 32px;
}
@media screen and (max-width: 780px) {
  .admin-bar .header {
    top: 46px;
  }
}
.admin-bar .wrapper {
  height: calc(100vh - 32px);
}
@media screen and (max-width: 780px) {
  .admin-bar .wrapper {
    height: calc(100vh - 46px);
  }
}
@media screen and (max-width: 600px) {
  .admin-bar #wpadminbar {
    position: fixed !important;
    top: 0;
  }
}
.admin-bar .spNavi {
  top: 32px;
}
@media screen and (max-width: 780px) {
  .admin-bar .spNavi {
    top: 46px;
  }
}

/* =========================================================
*.breadcrumbs
========================================================= */
.breadcrumbs {
  padding-top: clamp(24px, 1.5rem + (1vw - 3.75px) * 1.4222, 40px);
  padding-bottom: 0;
  max-width: 100%;
  min-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  word-break: keep-all;
  white-space: nowrap;
  font-size: clamp(12px, 0.75rem + (1vw - 3.75px) * 0.1778, 14px);
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
.breadcrumbs-inner {
  color: #b2b2b2;
}
.breadcrumbs-inner > span:last-child {
  margin-right: var(--wp--style--root--padding-right);
}
.breadcrumbs a {
  color: var(--wp--preset--color--primary);
}
.breadcrumbs a:hover {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
}
.breadcrumbs .current-item {
  color: #333333;
}

/* =========================================================
*コンテナ幅
*ページはWPデフォルトの.is-layout-constrained .has-global-paddingを使うほうがいい
========================================================= */
.container-sm,
.container-md,
.container,
.container-nm,
.container-lg,
.container-xl,
.container-xxl {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

.container-sm {
  max-width: calc(480px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

.container-md {
  max-width: calc(640px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

.container,
.container-nm {
  max-width: calc(1150px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

.container-lg {
  max-width: calc(1280px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

.container-xl {
  max-width: calc(1480px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

.container-xxl {
  max-width: calc(1600px + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

/* =========================================================
*.entry（記事・コンテンツ）
========================================================= */
.entry-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}
.entry-title-wrap {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-bottom: 6px solid var(--wp--preset--color--primary);
  padding-bottom: 20px;
}
.entry-category {
  font-weight: bold;
  font-size: clamp(12px, 0.75rem + (1vw - 3.2px) * 0.6897, 16px);
  line-height: 1.2;
  background-color: var(--wp--preset--color--tertiary);
  color: #fff;
  padding: 0.5em;
}
.entry-category.sp-category {
  font-size: 12px;
  display: block;
}
@media screen and (min-width: 640px ) {
  .entry-category.sp-category {
    display: none;
  }
}
.entry-category.pc-category {
  display: none;
}
@media screen and (min-width: 640px ) {
  .entry-category.pc-category {
    display: block;
  }
}
.entry-title {
  font-weight: bold;
  font-size: clamp(20px, 1.25rem + (1vw - 3.2px) * 1.7241, 30px);
  line-height: 1.2;
  color: var(--wp--preset--color--contrast);
}
.entry-body {
  -webkit-margin-before: clamp(30px, 1.875rem + (1vw - 3.75px) * 0.9836, 45px);
          margin-block-start: clamp(30px, 1.875rem + (1vw - 3.75px) * 0.9836, 45px);
}
@media screen and (min-width: 1150px ) {
  .entry-body {
    font-size: var(--wp--preset--font-size--medium);
  }
}

/* =========================================================
*.mainContents
========================================================= */
/* =========================================================
*.mainTitle
========================================================= */
.mainTitleArea {
  background: url(../images/common/ptn-green-stripe.jpg) repeat center center;
  height: max(24vw, 90px);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 1150px ) {
  .mainTitleArea {
    height: 190px;
  }
}

.mainTitle {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
  color: #fff;
  font-weight: bold;
  font-size: clamp(20px, 1.25rem + (1vw - 3.2px) * 3.4483, 40px);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em clamp(0.5em, 2vw, 32px);
  align-items: center;
  justify-content: center;
}

body.page-about .mainTitle::before,
body.page-etc .mainTitle::before,
body.post-type-archive .mainTitle::before,
body.category .mainTitle::before,
body[class*=category-] .mainTitle::before {
  content: "";
  display: block;
  font-family: "hasca-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-margin-before: 0.1em;
          margin-block-start: 0.1em;
  font-size: 112%;
}

body.page-about .mainTitle::before {
  content: "\e900";
}

body.page-etc .mainTitle::before {
  content: "\e901";
}

body.post-type-archive .mainTitle::before,
body.category .mainTitle::before,
body[class*=category-] .mainTitle::before {
  content: "\e903";
}

/* =========================================================
*.mainBody
========================================================= */
.mainBody {
  padding-top: 50px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1150px ) {
  .mainBody {
    font-size: var(--wp--preset--font-size--medium);
  }
}

/* =========================================================
.headerの調整
========================================================= */
.header-change, body {
  --header-height:72px;
  --header-logo-width:86px;
  --header-logo-margin:12px;
  --header-logo-circle-width:142px;
  --header-logo-circle-top-position:0;
}

@media screen and (min-width: 1150px ) {
  body {
    --header-height:133px;
    --header-logo-width:162px;
    --header-logo-margin:clamp(22px,1.8vw,33px);
    --header-logo-circle-width:clamp(272px,18.8vw,307px);
    --header-logo-circle-top-position:calc(-1 * clamp(0px,1.8vw,14px));
  }
}

/* =========================================================
.header-change
========================================================= */
.header-change .header-member-button-links {
  padding: 0.5em 1em;
  border-radius: 14px;
}

/* =========================================================
.header
========================================================= */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
}

.header-inner {
  transition: height 0.3s ease;
  display: flex;
  height: var(--header-height);
  padding-left: var(--wp--preset--spacing--70);
  padding-right: 0;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 1150px ) {
  .header-inner {
    padding-right: var(--wp--preset--spacing--50);
    padding-left: clamp((var(--header-logo-circle-width) - var(--header-logo-width)) / 2 + var(--wp--preset--spacing--50), 7vw, 10%);
  }
}

.header-logo {
  transition: all 0.3s ease;
  position: relative;
  height: 100%;
  margin: 0;
  z-index: 2;
  width: var(--header-logo-width);
}
.header-logo-links {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: var(--header-logo-margin);
}
.header-logo-links::before {
  transition: all 0.3s ease;
  --aspect-ratio: 1/1;
  background-color: var(--wp--preset--color--secondary);
  content: "";
  display: block;
  position: absolute;
  top: var(--header-logo-circle-top-position);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--header-logo-circle-width);
  height: auto;
  aspect-ratio: var(--aspect-ratio);
  border-radius: 50%;
}
@supports not (aspect-ratio: 1/1) {
  .header-logo-links::before {
    padding-top: 100%;
  }
}
.header-logo-links:hover::before {
  background-color: #feee7d;
}
.header-logo-logo {
  position: relative;
  z-index: 1;
  display: block;
}
.header-logo-logo img {
  display: block;
  width: 100%;
}
.header-logo-txt {
  position: relative;
  z-index: 1;
  display: block;
}
.header-logo-txt img {
  display: block;
  width: 100%;
}
.header-logo .header-change-only {
  display: none;
}

/* =========================================================
.header-rightArea
========================================================= */
.header-rightArea {
  align-items: center;
  margin-left: auto;
  display: none;
}
@media screen and (min-width: 1150px ) {
  .header-rightArea {
    display: flex;
    gap: clamp(20px, 1.25rem + (1vw - 13px) * 5, 50px);
  }
}

/* =========================================================
.globalNavi 
========================================================= */
.globalNavi-links {
  justify-content: flex-end;
  gap: 1.5vw;
  line-height: 1.2;
  position: relative;
  font-size: clamp(16px, 1.4vw, 18px);
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1280px ) {
  .globalNavi-links {
    gap: clamp(20px, 1.25rem + (1vw - 13px) * 5, 50px);
  }
}
.globalNavi-links > li {
  display: block;
  position: relative;
}
.globalNavi-links > li > a {
  font-weight: bold;
  transition: all 0.3s ease;
  padding: 0.5em 0;
  color: var(--wp--preset--color--primary);
  display: block;
  position: relative;
  white-space: nowrap;
  font-weight: 600;
  font-family: var(--wp--preset--font-family--maru-gothic-font);
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
.globalNavi-links > li > a:hover {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.globalNavi-links > li > a > i {
  font-size: 130%;
  vertical-align: -15%;
}
.globalNavi-links > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--wp--preset--color--primary);
  transition: all 0.3s;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.globalNavi-links > li > a:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.globalNavi-links .globalNavi-child {
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  overflow: hidden;
  opacity: 0;
  width: 300px;
  background: var(--wp--preset--color--primary);
  padding: 0 20px;
  box-shadow: 0rem 1.8rem 4rem rgba(0, 0, 0, 0.16);
  border-radius: 0 15px 15px 15px;
  height: 0;
  z-index: 2;
}
@media screen and (min-width: 1150px ) {
  .globalNavi-links .globalNavi-child {
    padding: 0 20px;
    width: 300px;
  }
}
.globalNavi-links .globalNavi-child-index a {
  padding: 1em 1.4em 1em 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  position: relative;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
}
.globalNavi-links .globalNavi-child-index a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.globalNavi-links .globalNavi-child-index a:hover {
  color: var(--wp--preset--color--secondary);
  text-decoration: none !important;
}
.globalNavi-links .globalNavi-child-index a:hover::after {
  right: 0;
}
.globalNavi-links .globalNavi-child ul {
  display: grid;
  grid-template-columns: 1fr;
}
.globalNavi-links .globalNavi-child ul li {
  position: relative;
}
.globalNavi-links .globalNavi-child ul li a {
  display: block;
  color: #fff;
  position: relative;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.8em 1.4em 0.8em 0;
  transition: all 0.3s ease-out;
  position: relative;
}
.globalNavi-links .globalNavi-child ul li a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.globalNavi-links .globalNavi-child ul li a:hover {
  color: var(--wp--preset--color--secondary);
  text-decoration: none !important;
}
.globalNavi-links .globalNavi-child ul li a:hover::after {
  right: 0;
}
.globalNavi-links > li:hover .globalNavi-child {
  opacity: 1;
  overflow: visible;
  padding: 20px 20px;
  height: auto;
}

[class*=hasca-icon-] {
  font-size: 120%;
  vertical-align: -2px;
}

/* =========================================================
.header-member-button
========================================================= */
.header-member-button-links {
  transition: all 0.3s ease;
  background-color: var(--wp--preset--color--secondary);
  padding: 0.8em 1em;
  border: 3px solid var(--wp--preset--color--primary);
  border-radius: 20px;
  font-weight: 600;
  line-height: 1;
  font-family: var(--wp--preset--font-family--maru-gothic-font);
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  white-space: nowrap;
  display: inline-block;
  color: var(--wp--preset--color--primary);
  text-align: center;
}
.header-member-button-links span:nth-of-type(1) {
  font-size: clamp(18px, 1.5vw, 24px);
  display: inline-block;
}
.header-member-button-links span:nth-of-type(2) {
  font-size: clamp(14px, 1.3vw, 18px);
  display: inline-block;
}
.header-member-button-links span:nth-of-type(3) {
  font-size: clamp(12px, 1.2vw, 15px);
  display: block;
  margin-top: 4px;
}
.header-member-button-links:hover {
  background-color: #feee7d;
  text-decoration: none;
}

/* =========================================================
.sp_btn
========================================================= */
.sp_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: none;
  text-align: center;
  font-family: inherit;
  border: none;
  cursor: pointer;
  outline: none;
  z-index: 2;
  height: var(--header-height);
  width: var(--header-height);
  min-width: var(--header-height);
  right: 0;
  top: 0;
  text-align: center;
  font-family: inherit;
  cursor: pointer;
}
@media screen and (min-width: 1150px ) {
  .sp_btn {
    display: none;
  }
}
.sp_btn .sp_btn-arrow {
  display: block;
  width: 32px;
}
.sp_btn .sp_btn-arrow span:nth-of-type(1),
.sp_btn .sp_btn-arrow span:nth-of-type(2),
.sp_btn .sp_btn-arrow span:nth-of-type(3) {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: var(--wp--preset--color--primary);
  transition: all 0.2s ease-in-out;
}
.sp_btn .sp_btn-arrow span:nth-of-type(2),
.sp_btn .sp_btn-arrow span:nth-of-type(3) {
  margin-top: 7px;
}

/* =========================================================
.spmenu-open
========================================================= */
.spmenu-open .sp_btn {
  z-index: 999;
}
.spmenu-open .sp_btn-arrow span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(45deg);
          transform: translateY(11px) rotate(45deg);
}
.spmenu-open .sp_btn-arrow span:nth-of-type(2) {
  opacity: 0;
}
.spmenu-open .sp_btn-arrow span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(-45deg);
          transform: translateY(-11px) rotate(-45deg);
}

/* =========================================================
.spNavi
========================================================= */
.spNavi {
  transition: all 0.3s;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 70px 0px 30px;
  background-color: rgb(255, 255, 255);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
@media screen and (min-width: 480px ) {
  .spNavi {
    align-items: center;
  }
}
@media screen and (min-width: 1150px ) {
  .spNavi {
    opacity: 0 !important;
    visibility: hidden;
  }
}
.spNavi-inner {
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.spNavi-inner > * {
  max-width: min(85vw, 500px);
  width: calc(100% - 30px);
  margin: 0 auto;
}
.spNavi .sp_btn {
  position: absolute;
  right: 0;
  top: 0;
}
.spmenu-open .spNavi {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1280px ) {
  .spmenu-open .spNavi {
    opacity: 0;
    visibility: hidden;
  }
}
.spmenu-open .spNavi-inner {
  display: block;
}
.spNavi-links {
  margin-bottom: 30px;
  font-size: clamp(14px, 2vw, 16px);
}
@media screen and (min-width: 480px ) {
  .spNavi-links {
    font-size: clamp(16px, 3vw, 24px);
  }
}
.spNavi-links a {
  transition: background-color 0.3s ease;
  color: var(--wp--preset--color--primary);
  line-height: 1.4;
  padding: 1.2em 15px;
  display: block;
  font-family: var(--wp--preset--font-family--maru-gothic-font);
  font-weight: 600;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
.spNavi-links a:hover {
  text-decoration: none;
  background-color: #feee7d;
}
.spNavi-links a i {
  width: 2.6em;
  display: inline-block;
  text-align: center;
}
.spNavi-links > li {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.spNavi-links > li.menu-item-has-children {
  display: grid;
  grid-template-columns: 1fr 3em;
}
.spNavi-links > li ul {
  display: none;
  background: rgba(0, 0, 0, 0.03);
  grid-row: span 1;
  grid-column: span 2;
}
.spNavi-links > li ul > li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.spNavi-links > li ul > li > a {
  padding: 1em 20px;
}
.spNavi-links .accordionBtn {
  display: flex;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.spNavi-links .accordionBtn i.acd-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  pointer-events: none;
  display: inline-block;
  transition: all 0.3s;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22%E6%96%87%E5%AD%97%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%20width%3D%2225%22%20height%3D%2225%22%3E%20%3Cpath%20d%3D%22m21.6146868.5807942l-9.1146868%2C9.1146868L3.3853132.5807942C2.6109209-.1935981%2C1.3551866-.1935981.5807942.5807942S-.1935981%2C2.6109209.5807942%2C3.3853132l9.1146868%2C9.1146868L.5807942%2C21.6146868c-.7743923.7743923-.7743923%2C2.0301267%2C0%2C2.804519s2.0301267.7743923%2C2.804519%2C0l9.1146868-9.1146868%2C9.1146868%2C9.1146868c.7743923.7743923%2C2.0301267.7743923%2C2.804519%2C0s.7743923-2.0301267%2C0-2.804519l-9.1146868-9.1146868L24.4192058%2C3.3853132c.7743923-.7743923.7743923-2.0301267%2C0-2.804519s-2.0301267-.7743923-2.804519%2C0Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-size: cover;
  width: 20px;
  height: 20px;
}
.spNavi-links .accordionBtn:hover {
  color: var(--wp--preset--color-link);
}
.spNavi-links .open .accordionBtn i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* =========================================================
.spNavi-priceLinkArea
========================================================= */
.spNavi-priceLinkArea {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
  display: block;
}

.spNavi-priceLink {
  transition: all 0.3s ease;
  display: block;
  background: url(../images/common/ptn-green-stripe.jpg) repeat center center;
  padding: 30px 50px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.spNavi-priceLink img {
  display: block;
  margin: 0 auto;
}
.spNavi-priceLink:hover {
  opacity: 0.7;
}

/* =========================================================
.footer
========================================================= */
.footer {
  margin-top: auto;
}
.footer-obi {
  background-color: var(--wp--preset--color--primary);
  padding: 40px 0;
}
.footer-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 640px ) {
  .footer-row {
    align-items: flex-start;
    align-items: center;
  }
}
@media screen and (min-width: 1150px ) {
  .footer-row {
    align-items: flex-start;
    gap: 50px;
    align-items: center;
    flex-direction: row;
  }
}

.footer-logo {
  width: 234px;
}
@media screen and (min-width: 640px ) {
  .footer-logo {
    width: 272px;
  }
}

.footer-addressList {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-top: 1px solid #fff;
  padding-top: 15px;
}
@media screen and (min-width: 640px ) {
  .footer-addressList {
    gap: 50px;
    flex-direction: row;
  }
}
@media screen and (min-width: 1150px ) {
  .footer-addressList {
    padding-top: 0;
    border-top: 0;
    padding-left: 50px;
    border-left: 1px solid #fff;
  }
}

.footer-address {
  color: #fff;
  display: flex;
  gap: 0.2em;
  flex-direction: column;
}
@media screen and (min-width: 1280px ) {
  .footer-address {
    flex-direction: row;
    gap: 1em;
  }
}
.footer-address h5 {
  white-space: nowrap;
  font-weight: bold;
  line-height: 1.4;
  font-size: 14px;
}
@media screen and (min-width: 640px ) {
  .footer-address h5 {
    font-size: 16px;
  }
}
.footer-address p {
  line-height: 2.3;
  font-size: 13px;
}
@media screen and (min-width: 640px ) {
  .footer-address p {
    font-size: 14px;
    line-height: 1.7;
  }
}
.footer-address-tel, .footer-address-fax {
  display: block;
}
@media screen and (min-width: 640px ) {
  .footer-address-tel, .footer-address-fax {
    display: initial;
  }
}
.footer-address-separate {
  display: none;
}
@media screen and (min-width: 640px ) {
  .footer-address-separate {
    display: initial;
  }
}
.footer-address a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}

.footer-copyArea {
  text-align: center;
  padding: 20px 0 20px;
}
.footer-copyArea .footer-copy {
  color: #666666;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
  line-height: 1.2;
  font-family: Arial, Helvetica, sans-serif;
}
.footer-copyArea .footer-copy span {
  display: inline-block;
}

/* =========================================================
#pagetop backtotop
========================================================= */
.pagetop {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  background-color: var(--wp--preset--color--primary);
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 6px;
  -webkit-transform: translate3d(0px, 50px, 0px);
          transform: translate3d(0px, 50px, 0px);
  transition-duration: 0.3s;
  visibility: hidden;
  z-index: 998;
  cursor: pointer;
  line-height: 1;
  border-radius: 1.5em;
  color: #fff !important;
}
@media screen and (min-width: 480px ) {
  .pagetop {
    width: 40px;
    height: 40px;
    right: 10px;
  }
}
.pagetop i {
  line-height: 1;
  text-align: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3B%7D.c%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22c%22%20points%3D%228%205.94%2014.74%2012.5%2016%2011.28%208%203.5%200%2011.28%201.26%2012.5%208%205.94%22%2F%3E%3Crect%20class%3D%22b%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  content: "";
}
.pagetop:hover {
  background-color: var(--wp--preset--color--secondary);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.pagetop.backtotop-visible {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  visibility: visible;
}
.pagetop.backtotop-visible:hover {
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* =========================================================
.yearSelectBox
========================================================= */
.yearSelectArea {
  display: block;
}

.yearSelectBox {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
  position: relative;
  outline: none;
  display: inline-block;
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 5px;
}
.yearSelectBox:focus {
  outline: none;
}
.yearSelectBox::before, .yearSelectBox::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.yearSelectBox::before {
  display: inline-block;
  right: 0;
  width: 2.8em;
  height: 2.8em;
  border-radius: 0 3px 3px 0;
  background-color: var(--wp--preset--color--secondary);
  border-left: 2px solid var(--wp--preset--color--primary);
}
.yearSelectBox::after {
  position: absolute;
  top: 50%;
  right: 1.4em;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-bottom: 3px solid var(--wp--preset--color--primary);
  border-right: 3px solid var(--wp--preset--color--primary);
}
.yearSelectBox select {
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  min-width: 230px;
  height: 2.8em;
  padding: 0.4em 3.6em 0.4em 0.8em;
  border: none;
  border-radius: 3px;
  background-color: #fff;
  color: #333;
  font-size: 1em;
  cursor: pointer;
}
.yearSelectBox select:focus {
  outline: none;
}

@media screen and (min-width: 1150px ) {
  .contentSide .yearSelectBox {
    display: block;
  }
}

/* =========================================================
.categoryTabs
========================================================= */
.categoryTabs {
  -webkit-margin-before: 10px !important;
          margin-block-start: 10px !important;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(5px, 0.3125rem + (1vw - 3.2px) * 1.5517, 14px);
  list-style: none !important;
  padding-left: 0 !important;
  -webkit-margin-after: clamp(2em, 4vw, 100px) !important;
          margin-block-end: clamp(2em, 4vw, 100px) !important;
  max-width: 625px !important;
}
@media screen and (min-width: 640px ) {
  .categoryTabs {
    -webkit-margin-before: 20px !important;
            margin-block-start: 20px !important;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  }
}
.categoryTabs li a {
  font-size: clamp(13px, 0.8125rem + (1vw - 3.2px) * 1.2069, 21px);
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 5px;
  height: 2.5em;
  background-color: #fff;
  font-weight: bold;
  color: var(--wp--preset--color--primary);
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.2em;
  padding-right: 0.2em;
  text-decoration: none;
}
.categoryTabs li a.current {
  pointer-events: none;
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.categoryTabs li a.current:hover {
  color: #fff;
}
.categoryTabs li a:hover {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

.categoryTabs__products {
  grid-template-columns: 1fr 1fr;
  justify-content: center;
}
.categoryTabs__products li a {
  font-size: clamp(12px, 0.7625rem + (0.8vw - 3.2px) * 1.2069, 20px);
}

@media screen and (min-width: 1150px ) {
  .contentSide .categoryTabs li a {
    justify-content: flex-start;
  }
}

/*============================
newsList
============================*/
.newsList {
  line-height: 1.8;
}
.newsList.nocat .news-cat {
  display: none;
}
.newsList li {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0 1.5em;
  align-items: stretch;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 640px ) {
  .newsList li {
    flex-direction: row;
  }
}
.newsList li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.newsList .news-head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  flex-basis: 0%;
  gap: 1em;
}
.newsList .news-cat {
  display: inline-block;
  font-size: 0.8em;
}
.newsList .news-cat i {
  margin-left: 2px;
  margin-right: 2px;
  color: var(--wp--preset--color-gray);
}
.newsList .news-cat a {
  display: inline-block;
}
.newsList .news-cat span {
  background-color: var(--wp--preset--color--tertiary);
  padding: 0.4em 0.5em;
  border-radius: 2px;
  line-height: 1;
  color: #fff !important;
  font-weight: bold;
  min-width: 6em;
  width: 7.5em;
  display: block;
  text-align: center;
}
.newsList .news-cat a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.newsList .news-body {
  width: 100%;
  flex: 1;
}
.newsList .news-body a {
  color: var(--wp--preset--color--contrast);
  transition: all 0.3s ease;
}
.newsList .news-body a:hover {
  color: var(--wp--preset--color-link);
  text-decoration: underline;
}
@media screen and (min-width: 1150px ) {
  .newsList {
    font-size: var(--wp--preset--font-size--medium);
  }
}

.newsList.iconuse .news-body a[target=_blank]::after,
.newsList.iconuse .news-body a[href$=".pdf"]::after,
.newsList.iconuse .news-body a[href$=".doc"]::after,
.newsList.iconuse .news-body a[href$=".docx"]::after,
.newsList.iconuse .news-body a[href$=".xls"]::after,
.newsList.iconuse .news-body [href$=".xlsx"]::after,
.newsList.iconuse .news-body a[href$=".zip"]::after,
.newsList.iconuse .news-body a[href^="mailto:"]::after {
  color: var(--wp--preset--color-link);
  font-size: 1.4em;
  line-height: 1;
  vertical-align: middle;
}

.home .newsList li {
  flex-direction: column;
}
.home .newsList li + li {
  border-top: 1px solid var(--wp--preset--color--primary);
}

/************************************
 **全記事一覧へ戻るだけのボタン
***********************************/
.back_to_news_list_btn {
  min-width: 270px;
  display: inline-block;
  text-align: center;
  padding: 1em calc(1.8em + 2px) 1em calc(1.8em + 2px);
  background-color: #fff;
  position: relative;
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 3em;
  line-height: 1.2 !important;
  vertical-align: middle;
  color: var(--wp--preset--color--primary);
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}
.back_to_news_list_btn:hover {
  background-color: var(--wp--preset--color--primary);
  color: #fff !important;
  opacity: 1 !important;
}
.back_to_news_list_btn::after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
}

/************************************
** レスポンシブページネーション
************************************/
.pagination {
  list-style-type: none !important;
  padding-left: 0;
  list-style: none !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-margin-before: 60px !important;
          margin-block-start: 60px !important;
  margin-block-start: 60px !important;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pagination li {
  padding-left: 5px;
  padding-right: 5px;
}
.pagination li a,
.pagination li.current span {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  border-radius: 3px;
  min-width: 36px;
  min-height: 36px;
  color: var(--wp--preset--color--primary);
  line-height: 1;
}
.pagination li a:hover {
  text-decoration: none !important;
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}
.pagination li.current span {
  cursor: initial;
  background-color: var(--wp--preset--color--primary);
  cursor: default;
  pointer-events: none;
  color: #fff;
}
.pagination li.first a,
.pagination li.last a,
.pagination li.previous a,
.pagination li.next a {
  color: var(--wp--preset--color--primary);
}
.pagination li.first a:hover,
.pagination li.last a:hover,
.pagination li.previous a:hover,
.pagination li.next a:hover {
  color: #fff;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination li.first a::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angles-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m.3137558%2C6.2362633L5.6961811.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794L2.6012865%2C7l4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L.3174352%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794ZM12.1550914.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0l-5.3824253-5.3824253c-.420502-.420502-.420502-1.1032921%2C0-1.523794L12.1587708.8575174l-.0036794-.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.first a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angles-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m.3137558%2C6.2362633L5.6961811.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794L2.6012865%2C7l4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L.3174352%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794ZM12.1550914.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0l-5.3824253-5.3824253c-.420502-.420502-.420502-1.1032921%2C0-1.523794L12.1587708.8575174l-.0036794-.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.last a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angles-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m1.8449086%2C13.146162c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.6186886-4.622368L.3174352%2C2.377632C-.1030668%2C1.9571301-.1030668%2C1.27434.3174352.853838s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253c.420502.420502.420502%2C1.1032921%2C0%2C1.523794L1.8412292%2C13.1424826l.0036794.0036794Zm11.8413356-5.3824253l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.6186886-4.622368L6.7763455%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l.0036794.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.last a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angles-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m1.8449086%2C13.146162c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.6186886-4.622368L.3174352%2C2.377632C-.1030668%2C1.9571301-.1030668%2C1.27434.3174352.853838s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253c.420502.420502.420502%2C1.1032921%2C0%2C1.523794L1.8412292%2C13.1424826l.0036794.0036794Zm11.8413356-5.3824253l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.6186886-4.622368L6.7763455%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l.0036794.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.previous a::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m3.543211%2C6.2362633L8.9256362.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L3.5468904%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.previous a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m3.543211%2C6.2362633L8.9256362.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L3.5468904%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.next a::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.pagination li.next a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

@media only screen and (max-width: 680px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
@media only screen and (max-width: 500px) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next {
    position: initial;
    top: initial;
    left: initial;
  }
}
@media only screen and (max-width: 400px) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
/************************************
  **シングルページのナビゲーション
  ************************************/
.post-navigation {
  list-style: none !important;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-margin-before: 60px !important;
          margin-block-start: 60px !important;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.post-navigation li {
  padding-left: 5px;
  padding-right: 5px;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  text-decoration: none;
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 18px;
  padding-left: 2em;
  padding-right: 2em;
  min-height: 36px;
  color: var(--wp--preset--color--primary);
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-color: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid var(--wp--preset--color--primary);
  text-decoration: none !important;
}
.post-navigation .nav-previous a::before,
.post-navigation .nav-next a::after {
  position: absolute;
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.post-navigation .nav-previous a::before {
  left: 0.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m3.543211%2C6.2362633L8.9256362.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L3.5468904%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.post-navigation .nav-previous a:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-left%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m3.543211%2C6.2362633L8.9256362.853838c.420502-.420502%2C1.1032921-.420502%2C1.523794%2C0s.420502%2C1.1032921%2C0%2C1.523794l-4.6186886%2C4.622368%2C4.622368%2C4.622368c.420502.420502.420502%2C1.1032921%2C0%2C1.523794s-1.1032921.420502-1.523794%2C0L3.5468904%2C7.7637367c-.420502-.420502-.420502-1.1032921%2C0-1.523794l-.0036794-.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.post-navigation .nav-next a::after {
  right: 0.5em;
  margin-left: 0.2em;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23128c6b%22%2F%3E%3C%2Fsvg%3E");
}
.post-navigation .nav-next a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20data-name%3D%22angle-right%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22m10.4531096%2C6.2399427c.420502.420502.420502%2C1.1032921%2C0%2C1.523794l-5.3824253%2C5.3824253c-.420502.420502-1.1032921.420502-1.523794%2C0s-.420502-1.1032921%2C0-1.523794l4.622368-4.622368L3.5505697%2C2.377632c-.420502-.420502-.420502-1.1032921%2C0-1.523794s1.1032921-.420502%2C1.523794%2C0l5.3824253%2C5.3824253-.0036794.0036794Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

/* =========================================================
.productNav
========================================================= */
.productNav {
  text-align: right;
}

.productNav-btn {
  transition: all 0.3s ease;
  background-color: var(--wp--preset--color--secondary);
  padding: 0.65em 1em;
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 8px;
  font-weight: 600;
  line-height: 1;
  font-family: var(--wp--preset--font-family--maru-gothic-font);
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  white-space: nowrap;
  display: inline-block;
  color: var(--wp--preset--color--primary);
}
.productNav-btn:hover {
  background-color: #feee7d;
  text-decoration: none;
}

.productNav-tableLink {
  color: inherit;
  text-decoration: underline;
}
.productNav-tableLink:hover {
  opacity: 0.8;
  text-decoration: none;
}
.productNav-tableLink:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0 0 0 7px;
  vertical-align: middle;
  position: relative;
}
.productNav-tableLink.is-blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%234B4B4B%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M96%2C0v416h416V0H96z%20M472%2C376H136V112h336V376z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%0A%09%3Cpolygon%20class%3D%22st0%22%20points%3D%2240%2C472%2040%2C296%2040%2C136%2040%2C96%200%2C96%200%2C512%20416%2C512%20416%2C472%20376%2C472%20%09%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpolygon%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  opacity: 0.7;
  top: -1px;
}
.productNav-tableLink.is-icon:after {
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  background-color: var(--wp--preset--color--primary);
  padding: 4px 5px;
  border-radius: 4px;
  top: -1px;
}
.productNav-tableLink.is-movie:after {
  content: "動画を見る";
}
.productNav-tableLink.is-catalog:after {
  content: "カタログを見る";
}

@font-face {
  font-family: "hasca-icon";
  src: url("../fonts/hasca-icon/hasca-icon.ttf?gvi3be") format("truetype"), url("../fonts/hasca-icon/hasca-icon.woff?gvi3be") format("woff"), url("../fonts/hasca-icon/hasca-icon.svg?gvi3be#hasca-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=hasca-], [class*=" hasca-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hasca-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hasca-icon-car:before {
  content: "\e900";
}

.hasca-icon-etc:before {
  content: "\e901";
}

.hasca-icon-home:before {
  content: "\e902";
}

.hasca-icon-mail:before {
  content: "\e903";
}

/* =========================================================
wordpressのエディターのclass用に読み込み
========================================================= */
.editor-styles-wrapper {
  /* 見出し： lvl2 */
  /* 見出し： lvl3 */
  /* 見出し： lvl4 */
  /* カテゴリー一覧： 矢印付きボタン */
  /* リストの子リストのマージン */
  /* リスト：アイコン付きデフォルト */
  /* リスト：マークなし */
  /* リスト：3カラム */
  /* リスト：2カラム */
  /* リスト：4カラム */
  /* リスト：なりゆき */
  /* 6.3でのwp-block-stylesで読み込むblock-library.cssのバグを解消されるまで回避*/
  /* このテーブル、編集画面で触っているところ分かりにくくなるので */
  /* ブラウザCSSが勝手にサイズを決めるのを阻止 */
  /* リスト：テーブル hasca専用 */
  /* リスト：hasca専用左色付 */
  /* リスト：プロダクトページのリスト */
  /* 
  ファイル：デフォルトの文字大きく
  flexをつける
  */
  /* 
  デフォルトでalign関係のfloatを消す
  システムの生成cssに影響ないように
  */
  /* 画像：影付き */
  /* 
  デフォルトでalign関係のfloatを消す
  システムの生成cssに影響ないように
  */
  /* 
  グループ内のみフロート戻す
  */
  /* 投稿エディターに左右の余白を入れる */
  /*---ツールバーのH1ボタンを非表示にします--- */
  /*---編集画面で選択している箇所をわかりやすくする--- */
  /*---画像ブロックの選択不可を修正--- */
}
.editor-styles-wrapper .wp-block-heading:not(.is-layout-constrained > *:first-child) {
  -webkit-margin-before: 2em;
          margin-block-start: 2em;
}
.editor-styles-wrapper h2.wp-block-heading:not([class*=is-style-]),
.editor-styles-wrapper .wp-block-heading.is-style-heading-lvl2 {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  border-left: solid 8px var(--wp--preset--color--primary);
  line-height: 1.2;
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--primary);
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper h2.wp-block-heading:not([class*=is-style-]),
  .editor-styles-wrapper .wp-block-heading.is-style-heading-lvl2 {
    padding: 0.5em 0.5em 0.5em32px;
  }
}
.editor-styles-wrapper h2.wp-block-heading:not([class*=is-style-])::before,
.editor-styles-wrapper .wp-block-heading.is-style-heading-lvl2::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 4px;
  width: 8px;
  height: 100%;
  background: var(--wp--preset--color--primary);
  z-index: 1;
}
.editor-styles-wrapper h2.wp-block-heading:not([class*=is-style-])::after,
.editor-styles-wrapper .wp-block-heading.is-style-heading-lvl2::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0px;
  bottom: 0;
  width: 16px;
  height: 100%;
  background: #fff;
}
.editor-styles-wrapper h3.wp-block-heading:not([class*=is-style-]),
.editor-styles-wrapper .wp-block-heading.is-style-heading-lvl3 {
  box-sizing: border-box;
  border-left: 8px solid var(--wp--preset--color--primary);
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}
.editor-styles-wrapper h4.wp-block-heading:not([class*=is-style-]),
.editor-styles-wrapper .wp-block-heading.is-style-heading-lvl4 {
  box-sizing: border-box;
  border-left: 8px solid var(--wp--preset--color--primary);
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  color: var(--wp--preset--color--primary);
}
.editor-styles-wrapper .wp-block-button > .wp-block-button__link {
  transition: all 0.3s ease;
}
.editor-styles-wrapper .wp-block-button.is-style-arrow-button > .wp-block-button__link {
  padding-right: calc(1.8em + 2px) !important;
  position: relative;
}
.editor-styles-wrapper .wp-block-button.is-style-arrow-button > .wp-block-button__link::after { /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
}
.editor-styles-wrapper :where(ul, ol):not(.is-layout-constrained > *:first-child) {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}
.editor-styles-wrapper :where(ul, ol) :where(ul, ol):first-child {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.editor-styles-wrapper :where(ul, ol) :where(ul, ol) {
  -webkit-margin-before: 0.5em !important;
          margin-block-start: 0.5em !important;
}
.editor-styles-wrapper :where(ul, ol) :where(ul, ol):last-child {
  -webkit-margin-after: 1em !important;
          margin-block-end: 1em !important;
}
.editor-styles-wrapper ul {
  -webkit-padding-start: 1.3em;
          padding-inline-start: 1.3em;
  list-style: revert;
}
.editor-styles-wrapper ol {
  -webkit-padding-start: 1.8em;
          padding-inline-start: 1.8em;
  list-style: revert;
}
.editor-styles-wrapper :where(ul, ol).is-style-no-listmark {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-3col {
  display: grid;
  gap: 0 3em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper :where(ul, ol).is-style-flexList-3col {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1280px ) {
  .editor-styles-wrapper :where(ul, ol).is-style-flexList-3col {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-3col li {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-2col {
  display: grid;
  gap: 0 3em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper :where(ul, ol).is-style-flexList-2col {
    grid-template-columns: 1fr 1fr;
  }
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-2col li {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-4col {
  display: grid;
  gap: 0 3em;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper :where(ul, ol).is-style-flexList-4col {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1280px ) {
  .editor-styles-wrapper :where(ul, ol).is-style-flexList-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-4col li {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-auto {
  display: flex;
  flex-wrap: wrap;
  gap: 0 3em;
}
.editor-styles-wrapper :where(ul, ol).is-style-flexList-auto li {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}
.editor-styles-wrapper .wp-block-table {
  margin: revert;
}
.editor-styles-wrapper .wp-block-table .block-editor-rich-text__editable:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.editor-styles-wrapper table {
  font-size: var(--wp--preset--font-size--nomal);
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table th, .editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table td,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table td,
.editor-styles-wrapper .product_list_table > table th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table th,
.editor-styles-wrapper .product_list_table > table td,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table td {
  border-color: #7dc0ae;
  border-left-width: 0;
  border-right-width: 0;
  padding: 1em clamp(0.5em, 2vw, 1em);
}
@media screen and (min-width: 1150px ) {
  .editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table th, .editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table td,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table > table th,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table > table td,
  .editor-styles-wrapper .product_list_table > table th,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table th,
  .editor-styles-wrapper .product_list_table > table td,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table td {
    padding: 1em 1.2em;
  }
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table .productNav-tableHead,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table .productNav-tableHead,
.editor-styles-wrapper .product_list_table > table .productNav-tableHead,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table .productNav-tableHead {
  background-color: #fff;
  color: var(--wp--preset--color--primary);
  text-align: center;
  border-top: 3px solid var(--wp--preset--color--primary);
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table thead,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table thead,
.editor-styles-wrapper .product_list_table > table thead,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table thead {
  border-bottom: 2px solid #7dc0ae;
  border-top: 2px solid #7dc0ae;
  background-color: #41a389;
  font-weight: bold;
  color: #fff;
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table thead th + th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table thead th + th,
.editor-styles-wrapper .product_list_table > table thead th + th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table thead th + th {
  border-left-width: 1px;
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table tfoot,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table tfoot,
.editor-styles-wrapper .product_list_table > table tfoot,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot {
  border-top: 2px solid #7dc0ae;
  border-bottom: 2px solid #7dc0ae;
  color: initial;
  background-color: #fff29c;
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table tfoot td + td,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table tfoot td + td,
.editor-styles-wrapper .product_list_table > table tfoot td + td,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot td + td {
  border-left-width: 1px;
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table tbody,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table tbody,
.editor-styles-wrapper .product_list_table > table tbody,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tbody {
  border-top: 2px solid #7dc0ae;
  border-bottom: 2px solid #7dc0ae;
}
.editor-styles-wrapper .wp-block-table:not([class*=is-style-]) > table tbody th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table > table tbody th,
.editor-styles-wrapper .product_list_table > table tbody th,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tbody th {
  background-color: #deefea;
  color: var(--wp--preset--color--primary);
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table {
  display: block;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table {
    display: revert;
  }
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tbody,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table thead,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot {
  display: block;
  border-top: 0;
  border-bottom: 0;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tbody,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table thead,
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot {
    display: revert;
    border-top: inherit;
    border-bottom: inherit;
  }
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tr {
  border-top: 2px solid #7dc0ae;
  display: block;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tr {
    display: revert;
    border-top: inherit;
  }
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table th, .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table td {
  border-bottom-width: 0;
  display: block;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table th, .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table td {
    display: revert;
    border-bottom-width: 1px;
  }
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot td + td {
  border-left-width: 0;
}
@media screen and (min-width: 640px ) {
  .editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot td + td {
    border-left-width: 1px;
  }
}
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tbody > tr > td:first-child,
.editor-styles-wrapper .wp-block-table.is-style-theme-table-left-color > table tfoot > tr > td:first-child {
  background-color: #deefea;
  font-weight: bold;
  color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}
.editor-styles-wrapper .product_list_table > table tbody > tr > td:first-child,
.editor-styles-wrapper .product_list_table > table tfoot > tr > td:first-child {
  background-color: #deefea;
  font-weight: bold;
  color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}
.editor-styles-wrapper .product_list_table > table td:nth-child(2) {
  border-left-width: 0;
}
.editor-styles-wrapper .product_list_table > table tbody > tr > th {
  max-width: 50%;
}
.editor-styles-wrapper .product_list_table > table tbody > tr > td:last-child {
  vertical-align: middle;
}
.editor-styles-wrapper .product_list_table > table .file_link {
  white-space: nowrap;
  display: inline-flex;
  gap: 5px;
  text-decoration: underline;
}
.editor-styles-wrapper .product_list_table > table .file_link span {
  display: inherit;
}
.editor-styles-wrapper .product_list_table > table .file_link:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}
.editor-styles-wrapper p:not(.is-layout-constrained > *:first-child) {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}
.editor-styles-wrapper p a:where(:not(.wp-element-button)) {
  text-decoration: underline;
  color: var(--wp--preset--color--primary);
}
.editor-styles-wrapper p a:where(:not(.wp-element-button)):hover {
  text-decoration: none;
}
.editor-styles-wrapper .wp-block-file:not(.wp-element-button) {
  font-size: inherit;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em 0.75em;
}
.editor-styles-wrapper .wp-block-file__button {
  transition: all 0.3s ease;
}
.editor-styles-wrapper .wp-block-file * + .wp-block-file__button {
  margin-left: 0;
}
.editor-styles-wrapper .wp-block-file.alignleft,
.editor-styles-wrapper .wp-block-file.alignright {
  float: none;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-styles-wrapper .wp-block-file.alignleft {
  justify-content: left;
}
.editor-styles-wrapper .wp-block-file.aligncenter {
  justify-content: center;
}
.editor-styles-wrapper .wp-block-file.alignright {
  justify-content: right;
}
.editor-styles-wrapper .wp-block-image.is-style-image-shadow img {
  -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));
}
.editor-styles-wrapper .wp-block-image {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-styles-wrapper .wp-block-image.alignleft, .editor-styles-wrapper .wp-block-image.alignright {
  float: none;
}
.editor-styles-wrapper .wp-block-image.alignleft {
  margin-left: calc((100% - var(--wp--style--global--content-size)) / 2) !important;
  margin-right: auto !important;
}
.editor-styles-wrapper .wp-block-image.alignright {
  margin-left: auto !important;
  margin-right: calc((100% - var(--wp--style--global--content-size)) / 2) !important;
}
.editor-styles-wrapper .wp-block-group .wp-block-image.alignleft {
  float: left;
}
.editor-styles-wrapper .wp-block-group .wp-block-image.alignright {
  float: right;
}
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
.editor-styles-wrapper .is-root-container {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
.editor-styles-wrapper .is-root-container :where(.has-global-padding) {
  padding-right: 0;
  padding-left: 0;
}
.editor-styles-wrapper .is-root-container > .alignfull {
  margin-right: calc(var(--wp--style--root--padding-right) * -1);
  margin-left: calc(var(--wp--style--root--padding-left) * -1);
}
.editor-styles-wrapper .is-root-container :where(.has-global-padding) > .alignfull {
  margin-right: 0;
  margin-left: 0;
}
.editor-styles-wrapper .components-dropdown-menu__menu .components-dropdown-menu__menu-item[aria-label=見出し1],
.editor-styles-wrapper .components-dropdown-menu__menu .components-menu-item[aria-label=見出し1] {
  display: none;
}
.editor-styles-wrapper .block-editor-rich-text__editable:hover {
  outline: solid rgba(0, 0, 0, 0.1);
}
.editor-styles-wrapper .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
  display: none;
}
.editor-styles-wrapper .wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
  opacity: 0;
}/*# sourceMappingURL=main-style.css.map */