body {
      --wp--preset--color--black: #000000;
      --wp--preset--color--cyan-bluish-gray: #abb8c3;
      --wp--preset--color--white: #ffffff;
      --wp--preset--color--pale-pink: #f78da7;
      --wp--preset--color--vivid-red: #cf2e2e;
      --wp--preset--color--luminous-vivid-orange: #ff6900;
      --wp--preset--color--luminous-vivid-amber: #fcb900;
      --wp--preset--color--light-green-cyan: #7bdcb5;
      --wp--preset--color--vivid-green-cyan: #00d084;
      --wp--preset--color--pale-cyan-blue: #8ed1fc;
      --wp--preset--color--vivid-cyan-blue: #0693e3;
      --wp--preset--color--vivid-purple: #9b51e0;
      --wp--preset--color--key-color: #19448e;
      --wp--preset--color--red: #e60033;
      --wp--preset--color--pink: #e95295;
      --wp--preset--color--purple: #884898;
      --wp--preset--color--deep: #55295b;
      --wp--preset--color--indigo: #1e50a2;
      --wp--preset--color--blue: #0095d9;
      --wp--preset--color--light-blue: #2ca9e1;
      --wp--preset--color--cyan: #00a3af;
      --wp--preset--color--teal: #007b43;
      --wp--preset--color--green: #3eb370;
      --wp--preset--color--light-green: #8bc34a;
      --wp--preset--color--lime: #c3d825;
      --wp--preset--color--yellow: #ffd900;
      --wp--preset--color--amber: #ffc107;
      --wp--preset--color--orange: #f39800;
      --wp--preset--color--deep-orange: #ea5506;
      --wp--preset--color--brown: #954e2a;
      --wp--preset--color--grey: #949495;
      --wp--preset--color--watery-blue: #f3fafe;
      --wp--preset--color--watery-yellow: #fff7cc;
      --wp--preset--color--watery-red: #fdf2f2;
      --wp--preset--color--watery-green: #ebf8f4;
      --wp--preset--color--ex-a: #ffffff;
      --wp--preset--color--ex-b: #ffffff;
      --wp--preset--color--ex-c: #ffffff;
      --wp--preset--color--ex-d: #ffffff;
      --wp--preset--color--ex-e: #ffffff;
      --wp--preset--color--ex-f: #ffffff;
      --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
      --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
      --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
      --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
      --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
      --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
      --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
      --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
      --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
      --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
      --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
      --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
      --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
      --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
      --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
      --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
      --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
      --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
      --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
      --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
      --wp--preset--font-size--small: 13px;
      --wp--preset--font-size--medium: 20px;
      --wp--preset--font-size--large: 36px;
      --wp--preset--font-size--x-large: 42px;
      --wp--preset--spacing--20: 0.44rem;
      --wp--preset--spacing--30: 0.67rem;
      --wp--preset--spacing--40: 1rem;
      --wp--preset--spacing--50: 1.5rem;
      --wp--preset--spacing--60: 2.25rem;
      --wp--preset--spacing--70: 3.38rem;
      --wp--preset--spacing--80: 5.06rem;
      --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
      --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
      --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
      --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
      --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    }

    body {
      margin: 0;
      --wp--style--global--content-size: 840px;
      --wp--style--global--wide-size: 1200px;
    }

    .wp-site-blocks>.alignleft {
      float: left;
      margin-right: 2em;
    }

    .wp-site-blocks>.alignright {
      float: right;
      margin-left: 2em;
    }

    .wp-site-blocks>.aligncenter {
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
    }

    .wp-site-blocks>* {
      margin-block-start: 0;
      margin-block-end: 0;
    }

    .wp-site-blocks>*+* {
      margin-block-start: 24px;
    }

    body {
      --wp--style--block-gap: 24px;
    }

    body .is-layout-flow>* {
      margin-block-start: 0;
      margin-block-end: 0;
    }

    body .is-layout-flow>*+* {
      margin-block-start: 24px;
      margin-block-end: 0;
    }

    body .is-layout-constrained>* {
      margin-block-start: 0;
      margin-block-end: 0;
    }

    body .is-layout-constrained>*+* {
      margin-block-start: 24px;
      margin-block-end: 0;
    }

    body .is-layout-flex {
      gap: 24px;
    }

    body .is-layout-flow>.alignleft {
      float: left;
      margin-inline-start: 0;
      margin-inline-end: 2em;
    }

    body .is-layout-flow>.alignright {
      float: right;
      margin-inline-start: 2em;
      margin-inline-end: 0;
    }

    body .is-layout-flow>.aligncenter {
      margin-left: auto !important;
      margin-right: auto !important;
    }

    body .is-layout-constrained>.alignleft {
      float: left;
      margin-inline-start: 0;
      margin-inline-end: 2em;
    }

    body .is-layout-constrained>.alignright {
      float: right;
      margin-inline-start: 2em;
      margin-inline-end: 0;
    }

    body .is-layout-constrained>.aligncenter {
      margin-left: auto !important;
      margin-right: auto !important;
    }

    body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
      max-width: var(--wp--style--global--content-size);
      margin-left: auto !important;
      margin-right: auto !important;
    }

    body .is-layout-constrained>.alignwide {
      max-width: var(--wp--style--global--wide-size);
    }

    body .is-layout-flex {
      display: flex;
    }

    body .is-layout-flex {
      flex-wrap: wrap;
      align-items: center;
    }

    body .is-layout-flex>* {
      margin: 0;
    }

    body {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }

    a:where(:not(.wp-element-button)) {
      text-decoration: underline;
    }

    .wp-element-button,
    .wp-block-button__link {
      background-color: #32373c;
      border-width: 0;
      color: #fff;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
      padding: calc(0.667em + 2px) calc(1.333em + 2px);
      text-decoration: none;
    }

    .has-black-color {
      color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-color {
      color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-color {
      color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-color {
      color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-color {
      color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-color {
      color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-color {
      color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-color {
      color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-color {
      color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-color {
      color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-color {
      color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-color {
      color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-key-color-color {
      color: var(--wp--preset--color--key-color) !important;
    }

    .has-red-color {
      color: var(--wp--preset--color--red) !important;
    }

    .has-pink-color {
      color: var(--wp--preset--color--pink) !important;
    }

    .has-purple-color {
      color: var(--wp--preset--color--purple) !important;
    }

    .has-deep-color {
      color: var(--wp--preset--color--deep) !important;
    }

    .has-indigo-color {
      color: var(--wp--preset--color--indigo) !important;
    }

    .has-blue-color {
      color: var(--wp--preset--color--blue) !important;
    }

    .has-light-blue-color {
      color: var(--wp--preset--color--light-blue) !important;
    }

    .has-cyan-color {
      color: var(--wp--preset--color--cyan) !important;
    }

    .has-teal-color {
      color: var(--wp--preset--color--teal) !important;
    }

    .has-green-color {
      color: var(--wp--preset--color--green) !important;
    }

    .has-light-green-color {
      color: var(--wp--preset--color--light-green) !important;
    }

    .has-lime-color {
      color: var(--wp--preset--color--lime) !important;
    }

    .has-yellow-color {
      color: var(--wp--preset--color--yellow) !important;
    }

    .has-amber-color {
      color: var(--wp--preset--color--amber) !important;
    }

    .has-orange-color {
      color: var(--wp--preset--color--orange) !important;
    }

    .has-deep-orange-color {
      color: var(--wp--preset--color--deep-orange) !important;
    }

    .has-brown-color {
      color: var(--wp--preset--color--brown) !important;
    }

    .has-grey-color {
      color: var(--wp--preset--color--grey) !important;
    }

    .has-watery-blue-color {
      color: var(--wp--preset--color--watery-blue) !important;
    }

    .has-watery-yellow-color {
      color: var(--wp--preset--color--watery-yellow) !important;
    }

    .has-watery-red-color {
      color: var(--wp--preset--color--watery-red) !important;
    }

    .has-watery-green-color {
      color: var(--wp--preset--color--watery-green) !important;
    }

    .has-ex-a-color {
      color: var(--wp--preset--color--ex-a) !important;
    }

    .has-ex-b-color {
      color: var(--wp--preset--color--ex-b) !important;
    }

    .has-ex-c-color {
      color: var(--wp--preset--color--ex-c) !important;
    }

    .has-ex-d-color {
      color: var(--wp--preset--color--ex-d) !important;
    }

    .has-ex-e-color {
      color: var(--wp--preset--color--ex-e) !important;
    }

    .has-ex-f-color {
      color: var(--wp--preset--color--ex-f) !important;
    }

    .has-black-background-color {
      background-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-background-color {
      background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-background-color {
      background-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-background-color {
      background-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-background-color {
      background-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-background-color {
      background-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-background-color {
      background-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-background-color {
      background-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-background-color {
      background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-background-color {
      background-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-key-color-background-color {
      background-color: var(--wp--preset--color--key-color) !important;
    }

    .has-red-background-color {
      background-color: var(--wp--preset--color--red) !important;
    }

    .has-pink-background-color {
      background-color: var(--wp--preset--color--pink) !important;
    }

    .has-purple-background-color {
      background-color: var(--wp--preset--color--purple) !important;
    }

    .has-deep-background-color {
      background-color: var(--wp--preset--color--deep) !important;
    }

    .has-indigo-background-color {
      background-color: var(--wp--preset--color--indigo) !important;
    }

    .has-blue-background-color {
      background-color: var(--wp--preset--color--blue) !important;
    }

    .has-light-blue-background-color {
      background-color: var(--wp--preset--color--light-blue) !important;
    }

    .has-cyan-background-color {
      background-color: var(--wp--preset--color--cyan) !important;
    }

    .has-teal-background-color {
      background-color: var(--wp--preset--color--teal) !important;
    }

    .has-green-background-color {
      background-color: var(--wp--preset--color--green) !important;
    }

    .has-light-green-background-color {
      background-color: var(--wp--preset--color--light-green) !important;
    }

    .has-lime-background-color {
      background-color: var(--wp--preset--color--lime) !important;
    }

    .has-yellow-background-color {
      background-color: var(--wp--preset--color--yellow) !important;
    }

    .has-amber-background-color {
      background-color: var(--wp--preset--color--amber) !important;
    }

    .has-orange-background-color {
      background-color: var(--wp--preset--color--orange) !important;
    }

    .has-deep-orange-background-color {
      background-color: var(--wp--preset--color--deep-orange) !important;
    }

    .has-brown-background-color {
      background-color: var(--wp--preset--color--brown) !important;
    }

    .has-grey-background-color {
      background-color: var(--wp--preset--color--grey) !important;
    }

    .has-watery-blue-background-color {
      background-color: var(--wp--preset--color--watery-blue) !important;
    }

    .has-watery-yellow-background-color {
      background-color: var(--wp--preset--color--watery-yellow) !important;
    }

    .has-watery-red-background-color {
      background-color: var(--wp--preset--color--watery-red) !important;
    }

    .has-watery-green-background-color {
      background-color: var(--wp--preset--color--watery-green) !important;
    }

    .has-ex-a-background-color {
      background-color: var(--wp--preset--color--ex-a) !important;
    }

    .has-ex-b-background-color {
      background-color: var(--wp--preset--color--ex-b) !important;
    }

    .has-ex-c-background-color {
      background-color: var(--wp--preset--color--ex-c) !important;
    }

    .has-ex-d-background-color {
      background-color: var(--wp--preset--color--ex-d) !important;
    }

    .has-ex-e-background-color {
      background-color: var(--wp--preset--color--ex-e) !important;
    }

    .has-ex-f-background-color {
      background-color: var(--wp--preset--color--ex-f) !important;
    }

    .has-black-border-color {
      border-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-border-color {
      border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-border-color {
      border-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-border-color {
      border-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-border-color {
      border-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-border-color {
      border-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-border-color {
      border-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-border-color {
      border-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-border-color {
      border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-border-color {
      border-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-key-color-border-color {
      border-color: var(--wp--preset--color--key-color) !important;
    }

    .has-red-border-color {
      border-color: var(--wp--preset--color--red) !important;
    }

    .has-pink-border-color {
      border-color: var(--wp--preset--color--pink) !important;
    }

    .has-purple-border-color {
      border-color: var(--wp--preset--color--purple) !important;
    }

    .has-deep-border-color {
      border-color: var(--wp--preset--color--deep) !important;
    }

    .has-indigo-border-color {
      border-color: var(--wp--preset--color--indigo) !important;
    }

    .has-blue-border-color {
      border-color: var(--wp--preset--color--blue) !important;
    }

    .has-light-blue-border-color {
      border-color: var(--wp--preset--color--light-blue) !important;
    }

    .has-cyan-border-color {
      border-color: var(--wp--preset--color--cyan) !important;
    }

    .has-teal-border-color {
      border-color: var(--wp--preset--color--teal) !important;
    }

    .has-green-border-color {
      border-color: var(--wp--preset--color--green) !important;
    }

    .has-light-green-border-color {
      border-color: var(--wp--preset--color--light-green) !important;
    }

    .has-lime-border-color {
      border-color: var(--wp--preset--color--lime) !important;
    }

    .has-yellow-border-color {
      border-color: var(--wp--preset--color--yellow) !important;
    }

    .has-amber-border-color {
      border-color: var(--wp--preset--color--amber) !important;
    }

    .has-orange-border-color {
      border-color: var(--wp--preset--color--orange) !important;
    }

    .has-deep-orange-border-color {
      border-color: var(--wp--preset--color--deep-orange) !important;
    }

    .has-brown-border-color {
      border-color: var(--wp--preset--color--brown) !important;
    }

    .has-grey-border-color {
      border-color: var(--wp--preset--color--grey) !important;
    }

    .has-watery-blue-border-color {
      border-color: var(--wp--preset--color--watery-blue) !important;
    }

    .has-watery-yellow-border-color {
      border-color: var(--wp--preset--color--watery-yellow) !important;
    }

    .has-watery-red-border-color {
      border-color: var(--wp--preset--color--watery-red) !important;
    }

    .has-watery-green-border-color {
      border-color: var(--wp--preset--color--watery-green) !important;
    }

    .has-ex-a-border-color {
      border-color: var(--wp--preset--color--ex-a) !important;
    }

    .has-ex-b-border-color {
      border-color: var(--wp--preset--color--ex-b) !important;
    }

    .has-ex-c-border-color {
      border-color: var(--wp--preset--color--ex-c) !important;
    }

    .has-ex-d-border-color {
      border-color: var(--wp--preset--color--ex-d) !important;
    }

    .has-ex-e-border-color {
      border-color: var(--wp--preset--color--ex-e) !important;
    }

    .has-ex-f-border-color {
      border-color: var(--wp--preset--color--ex-f) !important;
    }

    .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
      background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    }

    .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
      background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
    }

    .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-orange-to-vivid-red-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
    }

    .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
      background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
    }

    .has-cool-to-warm-spectrum-gradient-background {
      background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
    }

    .has-blush-light-purple-gradient-background {
      background: var(--wp--preset--gradient--blush-light-purple) !important;
    }

    .has-blush-bordeaux-gradient-background {
      background: var(--wp--preset--gradient--blush-bordeaux) !important;
    }

    .has-luminous-dusk-gradient-background {
      background: var(--wp--preset--gradient--luminous-dusk) !important;
    }

    .has-pale-ocean-gradient-background {
      background: var(--wp--preset--gradient--pale-ocean) !important;
    }

    .has-electric-grass-gradient-background {
      background: var(--wp--preset--gradient--electric-grass) !important;
    }

    .has-midnight-gradient-background {
      background: var(--wp--preset--gradient--midnight) !important;
    }

    .has-small-font-size {
      font-size: var(--wp--preset--font-size--small) !important;
    }

    .has-medium-font-size {
      font-size: var(--wp--preset--font-size--medium) !important;
    }

    .has-large-font-size {
      font-size: var(--wp--preset--font-size--large) !important;
    }

    .has-x-large-font-size {
      font-size: var(--wp--preset--font-size--x-large) !important;
    }

    .wp-block-navigation a:where(:not(.wp-element-button)) {
      color: inherit;
    }

    .wp-block-pullquote {
      font-size: 1.5em;
      line-height: 1.6;
    }

    #header-container,
    #header-container .navi,
    #navi .navi-in>.menu-header .sub-menu {
      background-color: #d1d1d1
    }

    .header,
    .header .site-name-text,
    #navi .navi-in a,
    #navi .navi-in a:hover {
      color: #fff
    }

    #navi .navi-in a:hover {
      background-color: rgba(255, 255, 255, .2)
    }

    .main {
      width: 760px
    }

    .sidebar {
      width: 376px
    }

    .wrap {
      width: 1156px
    }

    @media screen and (max-width:1180px) {
      .wrap {
        width: auto
      }

      .main,
      .sidebar,
      .sidebar-left .main,
      .sidebar-left .sidebar {
        margin: 0 .5%
      }

      .main {
        width: 67.4%
      }

      .sidebar {
        padding: 1.5%;
        width: 30%
      }

      .entry-card-thumb {
        width: 38%
      }

      .entry-card-content {
        margin-left: 40%
      }
    }

    body::after {
      visibility: hidden;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 1px;
      height: 1px;
      overflow: hidden;
      display: inline !important
    }

    .column-narrow .content-in {
      width: 760px;
    }

    @media screen and (max-width:760px) {
      .column-narrow .content-in {
        width: auto
      }
    }

    .toc-checkbox {
      display: none
    }

    .toc-content {
      visibility: hidden;
      height: 0;
      opacity: .2;
      transition: all .5s ease-out
    }

    .toc-checkbox:checked~.toc-content {
      visibility: visible;
      padding-top: .6em;
      height: 100%;
      opacity: 1
    }

    .toc-title::after {
      content: '[開く]';
      margin-left: .5em;
      cursor: pointer;
      font-size: .8em
    }

    .toc-title:hover::after {
      text-decoration: underline
    }

    .toc-checkbox:checked+.toc-title::after {
      content: '[閉じる]'
    }

    #respond {
      display: none
    }

    .entry-content>*,
    .demo .entry-content p {
      line-height: 1.8
    }

    .entry-content>*,
    .article p,
    .demo .entry-content p,
    .article dl,
    .article ul,
    .article ol,
    .article blockquote,
    .article pre,
    .article table,
    .article .toc,
    .body .article,
    .body .column-wrap,
    .body .new-entry-cards,
    .body .popular-entry-cards,
    .body .navi-entry-cards,
    .body .box-menus,
    .body .ranking-item,
    .body .rss-entry-cards,
    .body .widget,
    .body .author-box,
    .body .blogcard-wrap,
    .body .login-user-only,
    .body .information-box,
    .body .question-box,
    .body .alert-box,
    .body .information,
    .body .question,
    .body .alert,
    .body .memo-box,
    .body .comment-box,
    .body .common-icon-box,
    .body .blank-box,
    .body .button-block,
    .body .micro-bottom,
    .body .caption-box,
    .body .tab-caption-box,
    .body .label-box,
    .body .toggle-wrap,
    .body .wp-block-image,
    .body .booklink-box,
    .body .kaerebalink-box,
    .body .tomarebalink-box,
    .body .product-item-box,
    .body .speech-wrap,
    .body .wp-block-categories,
    .body .wp-block-archives,
    .body .wp-block-archives-dropdown,
    .body .wp-block-calendar,
    .body .ad-area,
    .body .wp-block-gallery,
    .body .wp-block-audio,
    .body .wp-block-cover,
    .body .wp-block-file,
    .body .wp-block-media-text,
    .body .wp-block-video,
    .body .wp-block-buttons,
    .body .wp-block-columns,
    .body .wp-block-separator,
    .body .components-placeholder,
    .body .wp-block-search,
    .body .wp-block-social-links,
    .body .timeline-box,
    .body .blogcard-type,
    .body .btn-wrap,
    .body .btn-wrap a,
    .body .block-box,
    .body .wp-block-embed,
    .body .wp-block-group,
    .body .wp-block-table,
    .body .scrollable-table,
    .body .wp-block-separator,
    .body .wp-block,
    .body .video-container,
    .comment-area,
    .related-entries,
    .pager-post-navi,
    .comment-respond {
      margin-bottom: 1.8em
    }

    .wp-block-post-title,
    .is-root-container>*,
    [data-type="core/freeform"] {
      margin-bottom: 1.8em !important
    }

    .article h2,
    .article h3,
    .article h4,
    .article h5,
    .article h6 {
      margin-bottom: 1.62em
    }

    @media screen and (max-width:480px) {

      .body,
      .menu-content {
        font-size: 16px
      }
    }

    @media screen and (max-width:781px) {
      .wp-block-column {
        margin-bottom: 1.8em
      }
    }

    @media screen and (max-width:599px) {
      .column-wrap>div {
        margin-bottom: 1.8em
      }
    }

    .article .micro-top {
      margin-bottom: .36em
    }

    .article .micro-bottom {
      margin-top: -1.62em
    }

    .article .micro-balloon {
      margin-bottom: .9em
    }

    .article .micro-bottom.micro-balloon {
      margin-top: -1.26em
    }

    .blank-box.bb-key-color {
      border-color: #19448e
    }

    .iic-key-color li::before {
      color: #19448e
    }

    .blank-box.bb-tab.bb-key-color::before {
      background-color: #19448e
    }

    .tb-key-color .toggle-button {
      border: 1px solid #19448e;
      background: #19448e;
      color: #fff
    }

    .tb-key-color .toggle-button::before {
      color: #ccc
    }

    .tb-key-color .toggle-checkbox:checked~.toggle-content {
      border-color: #19448e
    }

    .cb-key-color.caption-box {
      border-color: #19448e
    }

    .cb-key-color .caption-box-label {
      background-color: #19448e;
      color: #fff
    }

    .tcb-key-color .tab-caption-box-label {
      background-color: #19448e;
      color: #fff
    }

    .tcb-key-color .tab-caption-box-content {
      border-color: #19448e
    }

    .lb-key-color .label-box-content {
      border-color: #19448e
    }

    .mc-key-color {
      background-color: #19448e;
      color: #fff;
      border: 0
    }

    .mc-key-color.micro-bottom::after {
      border-bottom-color: #19448e;
      border-top-color: transparent
    }

    .mc-key-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    .mc-key-color::after {
      border-top-color: #19448e
    }

    .btn-key-color,
    .btn-wrap.btn-wrap-key-color>a {
      background-color: #19448e
    }

    .has-text-color.has-key-color-color {
      color: #19448e
    }

    .has-background.has-key-color-background-color {
      background-color: #19448e
    }

    .body.article,
    body#tinymce.wp-editor {
      background-color: #fff
    }

    .body.article,
    .editor-post-title__block .editor-post-title__input,
    body#tinymce.wp-editor {
      color: #333
    }

    html .body .has-key-color-background-color {
      background-color: #19448e
    }

    html .body .has-key-color-color {
      color: #19448e
    }

    html .body .has-key-color-color .toggle-button::before {
      color: #19448e
    }

    html .body .has-key-color-border-color {
      border-color: #19448e
    }

    html .body .btn-wrap.has-key-color-background-color>a {
      background-color: #19448e
    }

    html .body .btn-wrap.has-key-color-color>a {
      color: #19448e
    }

    html .body .btn-wrap.has-key-color-border-color>a {
      border-color: #19448e
    }

    html .body .bb-tab.has-key-color-border-color .bb-label {
      background-color: #19448e
    }

    html .body .toggle-wrap.has-key-color-color .toggle-button,
    html .body .toggle-wrap.has-key-color-color .toggle-button:before {
      color: #19448e
    }

    html .body .toggle-wrap.has-key-color-border-color .toggle-button {
      background-color: #19448e
    }

    html .body .toggle-wrap.has-key-color-border-color .toggle-button,
    .toggle-wrap.has-key-color-border-color .toggle-content {
      border-color: #19448e
    }

    html .body .iconlist-box.has-key-color-icon-color li::before {
      color: #19448e
    }

    html .body .micro-balloon.has-key-color-color {
      color: #19448e
    }

    html .body .micro-balloon.has-key-color-background-color {
      background-color: #19448e;
      border-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color.micro-bottom::after {
      border-bottom-color: #19448e;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color::after {
      border-top-color: #19448e
    }

    html .body .micro-balloon.has-border-color.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .micro-balloon.micro-top.has-key-color-border-color::before {
      border-top-color: #19448e
    }

    html .body .micro-balloon.micro-bottom.has-key-color-border-color::before {
      border-bottom-color: #19448e
    }

    html .body .caption-box.has-key-color-border-color .box-label {
      background-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-border-color .box-label {
      background-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-border-color .box-content {
      border-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-background-color .box-content {
      background-color: #19448e
    }

    html .body .label-box.has-key-color-border-color .box-content {
      border-color: #19448e
    }

    html .body .label-box.has-key-color-background-color .box-content {
      background-color: #19448e
    }

    html .body .speech-balloon.has-key-color-background-color {
      background-color: #19448e
    }

    html .body .speech-balloon.has-text-color.has-key-color-color {
      color: #19448e
    }

    html .body .speech-balloon.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .sbp-l .speech-balloon.has-key-color-border-color::before {
      border-right-color: #19448e
    }

    html .body .sbp-r .speech-balloon.has-key-color-border-color::before {
      border-left-color: #19448e
    }

    html .body .sbp-l .speech-balloon.has-key-color-background-color::after {
      border-right-color: #19448e
    }

    html .body .sbp-r .speech-balloon.has-key-color-background-color::after {
      border-left-color: #19448e
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-key-color-background-color {
      background-color: #19448e
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-key-color-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-key-color-border-color::after {
      border-color: #19448e
    }

    html .body .sbs-think .speech-balloon.has-key-color-background-color::before,
    html .body .sbs-think .speech-balloon.has-key-color-background-color::after {
      background-color: #19448e
    }

    html .body .sbs-think .speech-balloon.has-key-color-border-color::before {
      border-color: #19448e
    }

    html .body .timeline-box.has-key-color-point-color .timeline-item::before {
      background-color: #19448e
    }

    .has-key-color-border-color.is-style-accordion .faq-question {
      background-color: #19448e
    }

    html .body .has-key-color-question-color .faq-question-label {
      color: #19448e
    }

    html .body .has-key-color-question-color.has-border-color .faq-question-label {
      color: #19448e
    }

    html .body .has-key-color-answer-color .faq-answer-label {
      color: #19448e
    }

    html .body .is-style-square.has-key-color-question-color .faq-question-label {
      color: #fff;
      background-color: #19448e
    }

    html .body .is-style-square.has-key-color-answer-color .faq-answer-label {
      color: #fff;
      background-color: #19448e
    }

    html .body .has-red-background-color {
      background-color: #e60033
    }

    html .body .has-red-color {
      color: #e60033
    }

    html .body .has-red-color .toggle-button::before {
      color: #e60033
    }

    html .body .has-red-border-color {
      border-color: #e60033
    }

    html .body .btn-wrap.has-red-background-color>a {
      background-color: #e60033
    }

    html .body .btn-wrap.has-red-color>a {
      color: #e60033
    }

    html .body .btn-wrap.has-red-border-color>a {
      border-color: #e60033
    }

    html .body .bb-tab.has-red-border-color .bb-label {
      background-color: #e60033
    }

    html .body .toggle-wrap.has-red-color .toggle-button,
    html .body .toggle-wrap.has-red-color .toggle-button:before {
      color: #e60033
    }

    html .body .toggle-wrap.has-red-border-color .toggle-button {
      background-color: #e60033
    }

    html .body .toggle-wrap.has-red-border-color .toggle-button,
    .toggle-wrap.has-red-border-color .toggle-content {
      border-color: #e60033
    }

    html .body .iconlist-box.has-red-icon-color li::before {
      color: #e60033
    }

    html .body .micro-balloon.has-red-color {
      color: #e60033
    }

    html .body .micro-balloon.has-red-background-color {
      background-color: #e60033;
      border-color: transparent
    }

    html .body .micro-balloon.has-red-background-color.micro-bottom::after {
      border-bottom-color: #e60033;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-red-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-red-background-color::after {
      border-top-color: #e60033
    }

    html .body .micro-balloon.has-border-color.has-red-border-color {
      border-color: #e60033
    }

    html .body .micro-balloon.micro-top.has-red-border-color::before {
      border-top-color: #e60033
    }

    html .body .micro-balloon.micro-bottom.has-red-border-color::before {
      border-bottom-color: #e60033
    }

    html .body .caption-box.has-red-border-color .box-label {
      background-color: #e60033
    }

    html .body .tab-caption-box.has-red-border-color .box-label {
      background-color: #e60033
    }

    html .body .tab-caption-box.has-red-border-color .box-content {
      border-color: #e60033
    }

    html .body .tab-caption-box.has-red-background-color .box-content {
      background-color: #e60033
    }

    html .body .label-box.has-red-border-color .box-content {
      border-color: #e60033
    }

    html .body .label-box.has-red-background-color .box-content {
      background-color: #e60033
    }

    html .body .speech-balloon.has-red-background-color {
      background-color: #e60033
    }

    html .body .speech-balloon.has-text-color.has-red-color {
      color: #e60033
    }

    html .body .speech-balloon.has-red-border-color {
      border-color: #e60033
    }

    html .body .sbp-l .speech-balloon.has-red-border-color::before {
      border-right-color: #e60033
    }

    html .body .sbp-r .speech-balloon.has-red-border-color::before {
      border-left-color: #e60033
    }

    html .body .sbp-l .speech-balloon.has-red-background-color::after {
      border-right-color: #e60033
    }

    html .body .sbp-r .speech-balloon.has-red-background-color::after {
      border-left-color: #e60033
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-red-background-color {
      background-color: #e60033
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-red-border-color {
      border-color: #e60033
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-red-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-red-border-color::after {
      border-color: #e60033
    }

    html .body .sbs-think .speech-balloon.has-red-background-color::before,
    html .body .sbs-think .speech-balloon.has-red-background-color::after {
      background-color: #e60033
    }

    html .body .sbs-think .speech-balloon.has-red-border-color::before {
      border-color: #e60033
    }

    html .body .timeline-box.has-red-point-color .timeline-item::before {
      background-color: #e60033
    }

    .has-red-border-color.is-style-accordion .faq-question {
      background-color: #e60033
    }

    html .body .has-red-question-color .faq-question-label {
      color: #e60033
    }

    html .body .has-red-question-color.has-border-color .faq-question-label {
      color: #e60033
    }

    html .body .has-red-answer-color .faq-answer-label {
      color: #e60033
    }

    html .body .is-style-square.has-red-question-color .faq-question-label {
      color: #fff;
      background-color: #e60033
    }

    html .body .is-style-square.has-red-answer-color .faq-answer-label {
      color: #fff;
      background-color: #e60033
    }

    html .body .has-pink-background-color {
      background-color: #e95295
    }

    html .body .has-pink-color {
      color: #e95295
    }

    html .body .has-pink-color .toggle-button::before {
      color: #e95295
    }

    html .body .has-pink-border-color {
      border-color: #e95295
    }

    html .body .btn-wrap.has-pink-background-color>a {
      background-color: #e95295
    }

    html .body .btn-wrap.has-pink-color>a {
      color: #e95295
    }

    html .body .btn-wrap.has-pink-border-color>a {
      border-color: #e95295
    }

    html .body .bb-tab.has-pink-border-color .bb-label {
      background-color: #e95295
    }

    html .body .toggle-wrap.has-pink-color .toggle-button,
    html .body .toggle-wrap.has-pink-color .toggle-button:before {
      color: #e95295
    }

    html .body .toggle-wrap.has-pink-border-color .toggle-button {
      background-color: #e95295
    }

    html .body .toggle-wrap.has-pink-border-color .toggle-button,
    .toggle-wrap.has-pink-border-color .toggle-content {
      border-color: #e95295
    }

    html .body .iconlist-box.has-pink-icon-color li::before {
      color: #e95295
    }

    html .body .micro-balloon.has-pink-color {
      color: #e95295
    }

    html .body .micro-balloon.has-pink-background-color {
      background-color: #e95295;
      border-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color.micro-bottom::after {
      border-bottom-color: #e95295;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color::after {
      border-top-color: #e95295
    }

    html .body .micro-balloon.has-border-color.has-pink-border-color {
      border-color: #e95295
    }

    html .body .micro-balloon.micro-top.has-pink-border-color::before {
      border-top-color: #e95295
    }

    html .body .micro-balloon.micro-bottom.has-pink-border-color::before {
      border-bottom-color: #e95295
    }

    html .body .caption-box.has-pink-border-color .box-label {
      background-color: #e95295
    }

    html .body .tab-caption-box.has-pink-border-color .box-label {
      background-color: #e95295
    }

    html .body .tab-caption-box.has-pink-border-color .box-content {
      border-color: #e95295
    }

    html .body .tab-caption-box.has-pink-background-color .box-content {
      background-color: #e95295
    }

    html .body .label-box.has-pink-border-color .box-content {
      border-color: #e95295
    }

    html .body .label-box.has-pink-background-color .box-content {
      background-color: #e95295
    }

    html .body .speech-balloon.has-pink-background-color {
      background-color: #e95295
    }

    html .body .speech-balloon.has-text-color.has-pink-color {
      color: #e95295
    }

    html .body .speech-balloon.has-pink-border-color {
      border-color: #e95295
    }

    html .body .sbp-l .speech-balloon.has-pink-border-color::before {
      border-right-color: #e95295
    }

    html .body .sbp-r .speech-balloon.has-pink-border-color::before {
      border-left-color: #e95295
    }

    html .body .sbp-l .speech-balloon.has-pink-background-color::after {
      border-right-color: #e95295
    }

    html .body .sbp-r .speech-balloon.has-pink-background-color::after {
      border-left-color: #e95295
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-pink-background-color {
      background-color: #e95295
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-pink-border-color {
      border-color: #e95295
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-pink-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-pink-border-color::after {
      border-color: #e95295
    }

    html .body .sbs-think .speech-balloon.has-pink-background-color::before,
    html .body .sbs-think .speech-balloon.has-pink-background-color::after {
      background-color: #e95295
    }

    html .body .sbs-think .speech-balloon.has-pink-border-color::before {
      border-color: #e95295
    }

    html .body .timeline-box.has-pink-point-color .timeline-item::before {
      background-color: #e95295
    }

    .has-pink-border-color.is-style-accordion .faq-question {
      background-color: #e95295
    }

    html .body .has-pink-question-color .faq-question-label {
      color: #e95295
    }

    html .body .has-pink-question-color.has-border-color .faq-question-label {
      color: #e95295
    }

    html .body .has-pink-answer-color .faq-answer-label {
      color: #e95295
    }

    html .body .is-style-square.has-pink-question-color .faq-question-label {
      color: #fff;
      background-color: #e95295
    }

    html .body .is-style-square.has-pink-answer-color .faq-answer-label {
      color: #fff;
      background-color: #e95295
    }

    html .body .has-purple-background-color {
      background-color: #884898
    }

    html .body .has-purple-color {
      color: #884898
    }

    html .body .has-purple-color .toggle-button::before {
      color: #884898
    }

    html .body .has-purple-border-color {
      border-color: #884898
    }

    html .body .btn-wrap.has-purple-background-color>a {
      background-color: #884898
    }

    html .body .btn-wrap.has-purple-color>a {
      color: #884898
    }

    html .body .btn-wrap.has-purple-border-color>a {
      border-color: #884898
    }

    html .body .bb-tab.has-purple-border-color .bb-label {
      background-color: #884898
    }

    html .body .toggle-wrap.has-purple-color .toggle-button,
    html .body .toggle-wrap.has-purple-color .toggle-button:before {
      color: #884898
    }

    html .body .toggle-wrap.has-purple-border-color .toggle-button {
      background-color: #884898
    }

    html .body .toggle-wrap.has-purple-border-color .toggle-button,
    .toggle-wrap.has-purple-border-color .toggle-content {
      border-color: #884898
    }

    html .body .iconlist-box.has-purple-icon-color li::before {
      color: #884898
    }

    html .body .micro-balloon.has-purple-color {
      color: #884898
    }

    html .body .micro-balloon.has-purple-background-color {
      background-color: #884898;
      border-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color.micro-bottom::after {
      border-bottom-color: #884898;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color::after {
      border-top-color: #884898
    }

    html .body .micro-balloon.has-border-color.has-purple-border-color {
      border-color: #884898
    }

    html .body .micro-balloon.micro-top.has-purple-border-color::before {
      border-top-color: #884898
    }

    html .body .micro-balloon.micro-bottom.has-purple-border-color::before {
      border-bottom-color: #884898
    }

    html .body .caption-box.has-purple-border-color .box-label {
      background-color: #884898
    }

    html .body .tab-caption-box.has-purple-border-color .box-label {
      background-color: #884898
    }

    html .body .tab-caption-box.has-purple-border-color .box-content {
      border-color: #884898
    }

    html .body .tab-caption-box.has-purple-background-color .box-content {
      background-color: #884898
    }

    html .body .label-box.has-purple-border-color .box-content {
      border-color: #884898
    }

    html .body .label-box.has-purple-background-color .box-content {
      background-color: #884898
    }

    html .body .speech-balloon.has-purple-background-color {
      background-color: #884898
    }

    html .body .speech-balloon.has-text-color.has-purple-color {
      color: #884898
    }

    html .body .speech-balloon.has-purple-border-color {
      border-color: #884898
    }

    html .body .sbp-l .speech-balloon.has-purple-border-color::before {
      border-right-color: #884898
    }

    html .body .sbp-r .speech-balloon.has-purple-border-color::before {
      border-left-color: #884898
    }

    html .body .sbp-l .speech-balloon.has-purple-background-color::after {
      border-right-color: #884898
    }

    html .body .sbp-r .speech-balloon.has-purple-background-color::after {
      border-left-color: #884898
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-purple-background-color {
      background-color: #884898
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-purple-border-color {
      border-color: #884898
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-purple-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-purple-border-color::after {
      border-color: #884898
    }

    html .body .sbs-think .speech-balloon.has-purple-background-color::before,
    html .body .sbs-think .speech-balloon.has-purple-background-color::after {
      background-color: #884898
    }

    html .body .sbs-think .speech-balloon.has-purple-border-color::before {
      border-color: #884898
    }

    html .body .timeline-box.has-purple-point-color .timeline-item::before {
      background-color: #884898
    }

    .has-purple-border-color.is-style-accordion .faq-question {
      background-color: #884898
    }

    html .body .has-purple-question-color .faq-question-label {
      color: #884898
    }

    html .body .has-purple-question-color.has-border-color .faq-question-label {
      color: #884898
    }

    html .body .has-purple-answer-color .faq-answer-label {
      color: #884898
    }

    html .body .is-style-square.has-purple-question-color .faq-question-label {
      color: #fff;
      background-color: #884898
    }

    html .body .is-style-square.has-purple-answer-color .faq-answer-label {
      color: #fff;
      background-color: #884898
    }

    html .body .has-deep-background-color {
      background-color: #55295b
    }

    html .body .has-deep-color {
      color: #55295b
    }

    html .body .has-deep-color .toggle-button::before {
      color: #55295b
    }

    html .body .has-deep-border-color {
      border-color: #55295b
    }

    html .body .btn-wrap.has-deep-background-color>a {
      background-color: #55295b
    }

    html .body .btn-wrap.has-deep-color>a {
      color: #55295b
    }

    html .body .btn-wrap.has-deep-border-color>a {
      border-color: #55295b
    }

    html .body .bb-tab.has-deep-border-color .bb-label {
      background-color: #55295b
    }

    html .body .toggle-wrap.has-deep-color .toggle-button,
    html .body .toggle-wrap.has-deep-color .toggle-button:before {
      color: #55295b
    }

    html .body .toggle-wrap.has-deep-border-color .toggle-button {
      background-color: #55295b
    }

    html .body .toggle-wrap.has-deep-border-color .toggle-button,
    .toggle-wrap.has-deep-border-color .toggle-content {
      border-color: #55295b
    }

    html .body .iconlist-box.has-deep-icon-color li::before {
      color: #55295b
    }

    html .body .micro-balloon.has-deep-color {
      color: #55295b
    }

    html .body .micro-balloon.has-deep-background-color {
      background-color: #55295b;
      border-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color.micro-bottom::after {
      border-bottom-color: #55295b;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color::after {
      border-top-color: #55295b
    }

    html .body .micro-balloon.has-border-color.has-deep-border-color {
      border-color: #55295b
    }

    html .body .micro-balloon.micro-top.has-deep-border-color::before {
      border-top-color: #55295b
    }

    html .body .micro-balloon.micro-bottom.has-deep-border-color::before {
      border-bottom-color: #55295b
    }

    html .body .caption-box.has-deep-border-color .box-label {
      background-color: #55295b
    }

    html .body .tab-caption-box.has-deep-border-color .box-label {
      background-color: #55295b
    }

    html .body .tab-caption-box.has-deep-border-color .box-content {
      border-color: #55295b
    }

    html .body .tab-caption-box.has-deep-background-color .box-content {
      background-color: #55295b
    }

    html .body .label-box.has-deep-border-color .box-content {
      border-color: #55295b
    }

    html .body .label-box.has-deep-background-color .box-content {
      background-color: #55295b
    }

    html .body .speech-balloon.has-deep-background-color {
      background-color: #55295b
    }

    html .body .speech-balloon.has-text-color.has-deep-color {
      color: #55295b
    }

    html .body .speech-balloon.has-deep-border-color {
      border-color: #55295b
    }

    html .body .sbp-l .speech-balloon.has-deep-border-color::before {
      border-right-color: #55295b
    }

    html .body .sbp-r .speech-balloon.has-deep-border-color::before {
      border-left-color: #55295b
    }

    html .body .sbp-l .speech-balloon.has-deep-background-color::after {
      border-right-color: #55295b
    }

    html .body .sbp-r .speech-balloon.has-deep-background-color::after {
      border-left-color: #55295b
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-background-color {
      background-color: #55295b
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-border-color {
      border-color: #55295b
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-deep-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-deep-border-color::after {
      border-color: #55295b
    }

    html .body .sbs-think .speech-balloon.has-deep-background-color::before,
    html .body .sbs-think .speech-balloon.has-deep-background-color::after {
      background-color: #55295b
    }

    html .body .sbs-think .speech-balloon.has-deep-border-color::before {
      border-color: #55295b
    }

    html .body .timeline-box.has-deep-point-color .timeline-item::before {
      background-color: #55295b
    }

    .has-deep-border-color.is-style-accordion .faq-question {
      background-color: #55295b
    }

    html .body .has-deep-question-color .faq-question-label {
      color: #55295b
    }

    html .body .has-deep-question-color.has-border-color .faq-question-label {
      color: #55295b
    }

    html .body .has-deep-answer-color .faq-answer-label {
      color: #55295b
    }

    html .body .is-style-square.has-deep-question-color .faq-question-label {
      color: #fff;
      background-color: #55295b
    }

    html .body .is-style-square.has-deep-answer-color .faq-answer-label {
      color: #fff;
      background-color: #55295b
    }

    html .body .has-indigo-background-color {
      background-color: #1e50a2
    }

    html .body .has-indigo-color {
      color: #1e50a2
    }

    html .body .has-indigo-color .toggle-button::before {
      color: #1e50a2
    }

    html .body .has-indigo-border-color {
      border-color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-background-color>a {
      background-color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-color>a {
      color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-border-color>a {
      border-color: #1e50a2
    }

    .has-luminous-vivid-orange-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-background-color {
      background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-background-color {
      background-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-background-color {
      background-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-background-color {
      background-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-background-color {
      background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-background-color {
      background-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-key-color-background-color {
      background-color: var(--wp--preset--color--key-color) !important;
    }

    .has-red-background-color {
      background-color: var(--wp--preset--color--red) !important;
    }

    .has-pink-background-color {
      background-color: var(--wp--preset--color--pink) !important;
    }

    .has-purple-background-color {
      background-color: var(--wp--preset--color--purple) !important;
    }

    .has-deep-background-color {
      background-color: var(--wp--preset--color--deep) !important;
    }

    .has-indigo-background-color {
      background-color: var(--wp--preset--color--indigo) !important;
    }

    .has-blue-background-color {
      background-color: var(--wp--preset--color--blue) !important;
    }

    .has-light-blue-background-color {
      background-color: var(--wp--preset--color--light-blue) !important;
    }

    .has-cyan-background-color {
      background-color: var(--wp--preset--color--cyan) !important;
    }

    .has-teal-background-color {
      background-color: var(--wp--preset--color--teal) !important;
    }

    .has-green-background-color {
      background-color: var(--wp--preset--color--green) !important;
    }

    .has-light-green-background-color {
      background-color: var(--wp--preset--color--light-green) !important;
    }

    .has-lime-background-color {
      background-color: var(--wp--preset--color--lime) !important;
    }

    .has-yellow-background-color {
      background-color: var(--wp--preset--color--yellow) !important;
    }

    .has-amber-background-color {
      background-color: var(--wp--preset--color--amber) !important;
    }

    .has-orange-background-color {
      background-color: var(--wp--preset--color--orange) !important;
    }

    .has-deep-orange-background-color {
      background-color: var(--wp--preset--color--deep-orange) !important;
    }

    .has-brown-background-color {
      background-color: var(--wp--preset--color--brown) !important;
    }

    .has-grey-background-color {
      background-color: var(--wp--preset--color--grey) !important;
    }

    .has-watery-blue-background-color {
      background-color: var(--wp--preset--color--watery-blue) !important;
    }

    .has-watery-yellow-background-color {
      background-color: var(--wp--preset--color--watery-yellow) !important;
    }

    .has-watery-red-background-color {
      background-color: var(--wp--preset--color--watery-red) !important;
    }

    .has-watery-green-background-color {
      background-color: var(--wp--preset--color--watery-green) !important;
    }

    .has-ex-a-background-color {
      background-color: var(--wp--preset--color--ex-a) !important;
    }

    .has-ex-b-background-color {
      background-color: var(--wp--preset--color--ex-b) !important;
    }

    .has-ex-c-background-color {
      background-color: var(--wp--preset--color--ex-c) !important;
    }

    .has-ex-d-background-color {
      background-color: var(--wp--preset--color--ex-d) !important;
    }

    .has-ex-e-background-color {
      background-color: var(--wp--preset--color--ex-e) !important;
    }

    .has-ex-f-background-color {
      background-color: var(--wp--preset--color--ex-f) !important;
    }

    .has-black-border-color {
      border-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-border-color {
      border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-border-color {
      border-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-border-color {
      border-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-border-color {
      border-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-border-color {
      border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-border-color {
      border-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-border-color {
      border-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-border-color {
      border-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-border-color {
      border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-border-color {
      border-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-key-color-border-color {
      border-color: var(--wp--preset--color--key-color) !important;
    }

    .has-red-border-color {
      border-color: var(--wp--preset--color--red) !important;
    }

    .has-pink-border-color {
      border-color: var(--wp--preset--color--pink) !important;
    }

    .has-purple-border-color {
      border-color: var(--wp--preset--color--purple) !important;
    }

    .has-deep-border-color {
      border-color: var(--wp--preset--color--deep) !important;
    }

    .has-indigo-border-color {
      border-color: var(--wp--preset--color--indigo) !important;
    }

    .has-blue-border-color {
      border-color: var(--wp--preset--color--blue) !important;
    }

    .has-light-blue-border-color {
      border-color: var(--wp--preset--color--light-blue) !important;
    }

    .has-cyan-border-color {
      border-color: var(--wp--preset--color--cyan) !important;
    }

    .has-teal-border-color {
      border-color: var(--wp--preset--color--teal) !important;
    }

    .has-green-border-color {
      border-color: var(--wp--preset--color--green) !important;
    }

    .has-light-green-border-color {
      border-color: var(--wp--preset--color--light-green) !important;
    }

    .has-lime-border-color {
      border-color: var(--wp--preset--color--lime) !important;
    }

    .has-yellow-border-color {
      border-color: var(--wp--preset--color--yellow) !important;
    }

    .has-amber-border-color {
      border-color: var(--wp--preset--color--amber) !important;
    }

    .has-orange-border-color {
      border-color: var(--wp--preset--color--orange) !important;
    }

    .has-deep-orange-border-color {
      border-color: var(--wp--preset--color--deep-orange) !important;
    }

    .has-brown-border-color {
      border-color: var(--wp--preset--color--brown) !important;
    }

    .has-grey-border-color {
      border-color: var(--wp--preset--color--grey) !important;
    }

    .has-watery-blue-border-color {
      border-color: var(--wp--preset--color--watery-blue) !important;
    }

    .has-watery-yellow-border-color {
      border-color: var(--wp--preset--color--watery-yellow) !important;
    }

    .has-watery-red-border-color {
      border-color: var(--wp--preset--color--watery-red) !important;
    }

    .has-watery-green-border-color {
      border-color: var(--wp--preset--color--watery-green) !important;
    }

    .has-ex-a-border-color {
      border-color: var(--wp--preset--color--ex-a) !important;
    }

    .has-ex-b-border-color {
      border-color: var(--wp--preset--color--ex-b) !important;
    }

    .has-ex-c-border-color {
      border-color: var(--wp--preset--color--ex-c) !important;
    }

    .has-ex-d-border-color {
      border-color: var(--wp--preset--color--ex-d) !important;
    }

    .has-ex-e-border-color {
      border-color: var(--wp--preset--color--ex-e) !important;
    }

    .has-ex-f-border-color {
      border-color: var(--wp--preset--color--ex-f) !important;
    }

    .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
      background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    }

    .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
      background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
    }

    .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-orange-to-vivid-red-gradient-background {
      background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
    }

    .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
      background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
    }

    .has-cool-to-warm-spectrum-gradient-background {
      background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
    }

    .has-blush-light-purple-gradient-background {
      background: var(--wp--preset--gradient--blush-light-purple) !important;
    }

    .has-blush-bordeaux-gradient-background {
      background: var(--wp--preset--gradient--blush-bordeaux) !important;
    }

    .has-luminous-dusk-gradient-background {
      background: var(--wp--preset--gradient--luminous-dusk) !important;
    }

    .has-pale-ocean-gradient-background {
      background: var(--wp--preset--gradient--pale-ocean) !important;
    }

    .has-electric-grass-gradient-background {
      background: var(--wp--preset--gradient--electric-grass) !important;
    }

    .has-midnight-gradient-background {
      background: var(--wp--preset--gradient--midnight) !important;
    }

    .has-small-font-size {
      font-size: var(--wp--preset--font-size--small) !important;
    }

    .has-medium-font-size {
      font-size: var(--wp--preset--font-size--medium) !important;
    }

    .has-large-font-size {
      font-size: var(--wp--preset--font-size--large) !important;
    }

    .has-x-large-font-size {
      font-size: var(--wp--preset--font-size--x-large) !important;
    }

    .wp-block-navigation a:where(:not(.wp-element-button)) {
      color: inherit;
    }

    .wp-block-pullquote {
      font-size: 1.5em;
      line-height: 1.6;
    }

    </style><link rel="stylesheet" id="cocoon-style-css"

    href="https://toku-shiru.com/wp-content/themes/cocoon-master/style.css?ver=6.2&amp;fver=20230216084813" media="all"><style id="cocoon-style-inline-css">#header-container,
    #header-container .navi,
    #navi .navi-in>.menu-header .sub-menu {
      background-color: #d1d1d1
    }

    .header,
    .header .site-name-text,
    #navi .navi-in a,
    #navi .navi-in a:hover {
      color: #fff
    }

    #navi .navi-in a:hover {
      background-color: rgba(255, 255, 255, .2)
    }

    .main {
      width: 760px
    }

    .sidebar {
      width: 376px
    }

    .wrap {
      width: 1156px
    }

    @media screen and (max-width:1180px) {
      .wrap {
        width: auto
      }

      .main,
      .sidebar,
      .sidebar-left .main,
      .sidebar-left .sidebar {
        margin: 0 .5%
      }

      .main {
        width: 67.4%
      }

      .sidebar {
        padding: 1.5%;
        width: 30%
      }

      .entry-card-thumb {
        width: 38%
      }

      .entry-card-content {
        margin-left: 40%
      }
    }

    body::after {
      visibility: hidden;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 1px;
      height: 1px;
      overflow: hidden;
      display: inline !important
    }

    .column-narrow .content-in {
      width: 760px;
    }

    @media screen and (max-width:760px) {
      .column-narrow .content-in {
        width: auto
      }
    }

    .toc-checkbox {
      display: none
    }

    .toc-content {
      visibility: hidden;
      height: 0;
      opacity: .2;
      transition: all .5s ease-out
    }

    .toc-checkbox:checked~.toc-content {
      visibility: visible;
      padding-top: .6em;
      height: 100%;
      opacity: 1
    }

    .toc-title::after {
      content: '[開く]';
      margin-left: .5em;
      cursor: pointer;
      font-size: .8em
    }

    .toc-title:hover::after {
      text-decoration: underline
    }

    .toc-checkbox:checked+.toc-title::after {
      content: '[閉じる]'
    }

    #respond {
      display: none
    }

    .entry-content>*,
    .demo .entry-content p {
      line-height: 1.8
    }

    .entry-content>*,
    .article p,
    .demo .entry-content p,
    .article dl,
    .article ul,
    .article ol,
    .article blockquote,
    .article pre,
    .article table,
    .article .toc,
    .body .article,
    .body .column-wrap,
    .body .new-entry-cards,
    .body .popular-entry-cards,
    .body .navi-entry-cards,
    .body .box-menus,
    .body .ranking-item,
    .body .rss-entry-cards,
    .body .widget,
    .body .author-box,
    .body .blogcard-wrap,
    .body .login-user-only,
    .body .information-box,
    .body .question-box,
    .body .alert-box,
    .body .information,
    .body .question,
    .body .alert,
    .body .memo-box,
    .body .comment-box,
    .body .common-icon-box,
    .body .blank-box,
    .body .button-block,
    .body .micro-bottom,
    .body .caption-box,
    .body .tab-caption-box,
    .body .label-box,
    .body .toggle-wrap,
    .body .wp-block-image,
    .body .booklink-box,
    .body .kaerebalink-box,
    .body .tomarebalink-box,
    .body .product-item-box,
    .body .speech-wrap,
    .body .wp-block-categories,
    .body .wp-block-archives,
    .body .wp-block-archives-dropdown,
    .body .wp-block-calendar,
    .body .ad-area,
    .body .wp-block-gallery,
    .body .wp-block-audio,
    .body .wp-block-cover,
    .body .wp-block-file,
    .body .wp-block-media-text,
    .body .wp-block-video,
    .body .wp-block-buttons,
    .body .wp-block-columns,
    .body .wp-block-separator,
    .body .components-placeholder,
    .body .wp-block-search,
    .body .wp-block-social-links,
    .body .timeline-box,
    .body .blogcard-type,
    .body .btn-wrap,
    .body .btn-wrap a,
    .body .block-box,
    .body .wp-block-embed,
    .body .wp-block-group,
    .body .wp-block-table,
    .body .scrollable-table,
    .body .wp-block-separator,
    .body .wp-block,
    .body .video-container,
    .comment-area,
    .related-entries,
    .pager-post-navi,
    .comment-respond {
      margin-bottom: 1.8em
    }

    .wp-block-post-title,
    .is-root-container>*,
    [data-type="core/freeform"] {
      margin-bottom: 1.8em !important
    }

    .article h2,
    .article h3,
    .article h4,
    .article h5,
    .article h6 {
      margin-bottom: 1.62em
    }

    @media screen and (max-width:480px) {

      .body,
      .menu-content {
        font-size: 16px
      }
    }

    @media screen and (max-width:781px) {
      .wp-block-column {
        margin-bottom: 1.8em
      }
    }

    @media screen and (max-width:599px) {
      .column-wrap>div {
        margin-bottom: 1.8em
      }
    }

    .article .micro-top {
      margin-bottom: .36em
    }

    .article .micro-bottom {
      margin-top: -1.62em
    }

    .article .micro-balloon {
      margin-bottom: .9em
    }

    .article .micro-bottom.micro-balloon {
      margin-top: -1.26em
    }

    .blank-box.bb-key-color {
      border-color: #19448e
    }

    .iic-key-color li::before {
      color: #19448e
    }

    .blank-box.bb-tab.bb-key-color::before {
      background-color: #19448e
    }

    .tb-key-color .toggle-button {
      border: 1px solid #19448e;
      background: #19448e;
      color: #fff
    }

    .tb-key-color .toggle-button::before {
      color: #ccc
    }

    .tb-key-color .toggle-checkbox:checked~.toggle-content {
      border-color: #19448e
    }

    .cb-key-color.caption-box {
      border-color: #19448e
    }

    .cb-key-color .caption-box-label {
      background-color: #19448e;
      color: #fff
    }

    .tcb-key-color .tab-caption-box-label {
      background-color: #19448e;
      color: #fff
    }

    .tcb-key-color .tab-caption-box-content {
      border-color: #19448e
    }

    .lb-key-color .label-box-content {
      border-color: #19448e
    }

    .mc-key-color {
      background-color: #19448e;
      color: #fff;
      border: 0
    }

    .mc-key-color.micro-bottom::after {
      border-bottom-color: #19448e;
      border-top-color: transparent
    }

    .mc-key-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    .mc-key-color::after {
      border-top-color: #19448e
    }

    .btn-key-color,
    .btn-wrap.btn-wrap-key-color>a {
      background-color: #19448e
    }

    .has-text-color.has-key-color-color {
      color: #19448e
    }

    .has-background.has-key-color-background-color {
      background-color: #19448e
    }

    .body.article,
    body#tinymce.wp-editor {
      background-color: #fff
    }

    .body.article,
    .editor-post-title__block .editor-post-title__input,
    body#tinymce.wp-editor {
      color: #333
    }

    html .body .has-key-color-background-color {
      background-color: #19448e
    }

    html .body .has-key-color-color {
      color: #19448e
    }

    html .body .has-key-color-color .toggle-button::before {
      color: #19448e
    }

    html .body .has-key-color-border-color {
      border-color: #19448e
    }

    html .body .btn-wrap.has-key-color-background-color>a {
      background-color: #19448e
    }

    html .body .btn-wrap.has-key-color-color>a {
      color: #19448e
    }

    html .body .btn-wrap.has-key-color-border-color>a {
      border-color: #19448e
    }

    html .body .bb-tab.has-key-color-border-color .bb-label {
      background-color: #19448e
    }

    html .body .toggle-wrap.has-key-color-color .toggle-button,
    html .body .toggle-wrap.has-key-color-color .toggle-button:before {
      color: #19448e
    }

    html .body .toggle-wrap.has-key-color-border-color .toggle-button {
      background-color: #19448e
    }

    html .body .toggle-wrap.has-key-color-border-color .toggle-button,
    .toggle-wrap.has-key-color-border-color .toggle-content {
      border-color: #19448e
    }

    html .body .iconlist-box.has-key-color-icon-color li::before {
      color: #19448e
    }

    html .body .micro-balloon.has-key-color-color {
      color: #19448e
    }

    html .body .micro-balloon.has-key-color-background-color {
      background-color: #19448e;
      border-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color.micro-bottom::after {
      border-bottom-color: #19448e;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-key-color-background-color::after {
      border-top-color: #19448e
    }

    html .body .micro-balloon.has-border-color.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .micro-balloon.micro-top.has-key-color-border-color::before {
      border-top-color: #19448e
    }

    html .body .micro-balloon.micro-bottom.has-key-color-border-color::before {
      border-bottom-color: #19448e
    }

    html .body .caption-box.has-key-color-border-color .box-label {
      background-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-border-color .box-label {
      background-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-border-color .box-content {
      border-color: #19448e
    }

    html .body .tab-caption-box.has-key-color-background-color .box-content {
      background-color: #19448e
    }

    html .body .label-box.has-key-color-border-color .box-content {
      border-color: #19448e
    }

    html .body .label-box.has-key-color-background-color .box-content {
      background-color: #19448e
    }

    html .body .speech-balloon.has-key-color-background-color {
      background-color: #19448e
    }

    html .body .speech-balloon.has-text-color.has-key-color-color {
      color: #19448e
    }

    html .body .speech-balloon.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .sbp-l .speech-balloon.has-key-color-border-color::before {
      border-right-color: #19448e
    }

    html .body .sbp-r .speech-balloon.has-key-color-border-color::before {
      border-left-color: #19448e
    }

    html .body .sbp-l .speech-balloon.has-key-color-background-color::after {
      border-right-color: #19448e
    }

    html .body .sbp-r .speech-balloon.has-key-color-background-color::after {
      border-left-color: #19448e
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-key-color-background-color {
      background-color: #19448e
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-key-color-border-color {
      border-color: #19448e
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-key-color-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-key-color-border-color::after {
      border-color: #19448e
    }

    html .body .sbs-think .speech-balloon.has-key-color-background-color::before,
    html .body .sbs-think .speech-balloon.has-key-color-background-color::after {
      background-color: #19448e
    }

    html .body .sbs-think .speech-balloon.has-key-color-border-color::before {
      border-color: #19448e
    }

    html .body .timeline-box.has-key-color-point-color .timeline-item::before {
      background-color: #19448e
    }

    .has-key-color-border-color.is-style-accordion .faq-question {
      background-color: #19448e
    }

    html .body .has-key-color-question-color .faq-question-label {
      color: #19448e
    }

    html .body .has-key-color-question-color.has-border-color .faq-question-label {
      color: #19448e
    }

    html .body .has-key-color-answer-color .faq-answer-label {
      color: #19448e
    }

    html .body .is-style-square.has-key-color-question-color .faq-question-label {
      color: #fff;
      background-color: #19448e
    }

    html .body .is-style-square.has-key-color-answer-color .faq-answer-label {
      color: #fff;
      background-color: #19448e
    }

    html .body .has-red-background-color {
      background-color: #e60033
    }

    html .body .has-red-color {
      color: #e60033
    }

    html .body .has-red-color .toggle-button::before {
      color: #e60033
    }

    html .body .has-red-border-color {
      border-color: #e60033
    }

    html .body .btn-wrap.has-red-background-color>a {
      background-color: #e60033
    }

    html .body .btn-wrap.has-red-color>a {
      color: #e60033
    }

    html .body .btn-wrap.has-red-border-color>a {
      border-color: #e60033
    }

    html .body .bb-tab.has-red-border-color .bb-label {
      background-color: #e60033
    }

    html .body .toggle-wrap.has-red-color .toggle-button,
    html .body .toggle-wrap.has-red-color .toggle-button:before {
      color: #e60033
    }

    html .body .toggle-wrap.has-red-border-color .toggle-button {
      background-color: #e60033
    }

    html .body .toggle-wrap.has-red-border-color .toggle-button,
    .toggle-wrap.has-red-border-color .toggle-content {
      border-color: #e60033
    }

    html .body .iconlist-box.has-red-icon-color li::before {
      color: #e60033
    }

    html .body .micro-balloon.has-red-color {
      color: #e60033
    }

    html .body .micro-balloon.has-red-background-color {
      background-color: #e60033;
      border-color: transparent
    }

    html .body .micro-balloon.has-red-background-color.micro-bottom::after {
      border-bottom-color: #e60033;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-red-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-red-background-color::after {
      border-top-color: #e60033
    }

    html .body .micro-balloon.has-border-color.has-red-border-color {
      border-color: #e60033
    }

    html .body .micro-balloon.micro-top.has-red-border-color::before {
      border-top-color: #e60033
    }

    html .body .micro-balloon.micro-bottom.has-red-border-color::before {
      border-bottom-color: #e60033
    }

    html .body .caption-box.has-red-border-color .box-label {
      background-color: #e60033
    }

    html .body .tab-caption-box.has-red-border-color .box-label {
      background-color: #e60033
    }

    html .body .tab-caption-box.has-red-border-color .box-content {
      border-color: #e60033
    }

    html .body .tab-caption-box.has-red-background-color .box-content {
      background-color: #e60033
    }

    html .body .label-box.has-red-border-color .box-content {
      border-color: #e60033
    }

    html .body .label-box.has-red-background-color .box-content {
      background-color: #e60033
    }

    html .body .speech-balloon.has-red-background-color {
      background-color: #e60033
    }

    html .body .speech-balloon.has-text-color.has-red-color {
      color: #e60033
    }

    html .body .speech-balloon.has-red-border-color {
      border-color: #e60033
    }

    html .body .sbp-l .speech-balloon.has-red-border-color::before {
      border-right-color: #e60033
    }

    html .body .sbp-r .speech-balloon.has-red-border-color::before {
      border-left-color: #e60033
    }

    html .body .sbp-l .speech-balloon.has-red-background-color::after {
      border-right-color: #e60033
    }

    html .body .sbp-r .speech-balloon.has-red-background-color::after {
      border-left-color: #e60033
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-red-background-color {
      background-color: #e60033
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-red-border-color {
      border-color: #e60033
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-red-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-red-border-color::after {
      border-color: #e60033
    }

    html .body .sbs-think .speech-balloon.has-red-background-color::before,
    html .body .sbs-think .speech-balloon.has-red-background-color::after {
      background-color: #e60033
    }

    html .body .sbs-think .speech-balloon.has-red-border-color::before {
      border-color: #e60033
    }

    html .body .timeline-box.has-red-point-color .timeline-item::before {
      background-color: #e60033
    }

    .has-red-border-color.is-style-accordion .faq-question {
      background-color: #e60033
    }

    html .body .has-red-question-color .faq-question-label {
      color: #e60033
    }

    html .body .has-red-question-color.has-border-color .faq-question-label {
      color: #e60033
    }

    html .body .has-red-answer-color .faq-answer-label {
      color: #e60033
    }

    html .body .is-style-square.has-red-question-color .faq-question-label {
      color: #fff;
      background-color: #e60033
    }

    html .body .is-style-square.has-red-answer-color .faq-answer-label {
      color: #fff;
      background-color: #e60033
    }

    html .body .has-pink-background-color {
      background-color: #e95295
    }

    html .body .has-pink-color {
      color: #e95295
    }

    html .body .has-pink-color .toggle-button::before {
      color: #e95295
    }

    html .body .has-pink-border-color {
      border-color: #e95295
    }

    html .body .btn-wrap.has-pink-background-color>a {
      background-color: #e95295
    }

    html .body .btn-wrap.has-pink-color>a {
      color: #e95295
    }

    html .body .btn-wrap.has-pink-border-color>a {
      border-color: #e95295
    }

    html .body .bb-tab.has-pink-border-color .bb-label {
      background-color: #e95295
    }

    html .body .toggle-wrap.has-pink-color .toggle-button,
    html .body .toggle-wrap.has-pink-color .toggle-button:before {
      color: #e95295
    }

    html .body .toggle-wrap.has-pink-border-color .toggle-button {
      background-color: #e95295
    }

    html .body .toggle-wrap.has-pink-border-color .toggle-button,
    .toggle-wrap.has-pink-border-color .toggle-content {
      border-color: #e95295
    }

    html .body .iconlist-box.has-pink-icon-color li::before {
      color: #e95295
    }

    html .body .micro-balloon.has-pink-color {
      color: #e95295
    }

    html .body .micro-balloon.has-pink-background-color {
      background-color: #e95295;
      border-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color.micro-bottom::after {
      border-bottom-color: #e95295;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-pink-background-color::after {
      border-top-color: #e95295
    }

    html .body .micro-balloon.has-border-color.has-pink-border-color {
      border-color: #e95295
    }

    html .body .micro-balloon.micro-top.has-pink-border-color::before {
      border-top-color: #e95295
    }

    html .body .micro-balloon.micro-bottom.has-pink-border-color::before {
      border-bottom-color: #e95295
    }

    html .body .caption-box.has-pink-border-color .box-label {
      background-color: #e95295
    }

    html .body .tab-caption-box.has-pink-border-color .box-label {
      background-color: #e95295
    }

    html .body .tab-caption-box.has-pink-border-color .box-content {
      border-color: #e95295
    }

    html .body .tab-caption-box.has-pink-background-color .box-content {
      background-color: #e95295
    }

    html .body .label-box.has-pink-border-color .box-content {
      border-color: #e95295
    }

    html .body .label-box.has-pink-background-color .box-content {
      background-color: #e95295
    }

    html .body .speech-balloon.has-pink-background-color {
      background-color: #e95295
    }

    html .body .speech-balloon.has-text-color.has-pink-color {
      color: #e95295
    }

    html .body .speech-balloon.has-pink-border-color {
      border-color: #e95295
    }

    html .body .sbp-l .speech-balloon.has-pink-border-color::before {
      border-right-color: #e95295
    }

    html .body .sbp-r .speech-balloon.has-pink-border-color::before {
      border-left-color: #e95295
    }

    html .body .sbp-l .speech-balloon.has-pink-background-color::after {
      border-right-color: #e95295
    }

    html .body .sbp-r .speech-balloon.has-pink-background-color::after {
      border-left-color: #e95295
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-pink-background-color {
      background-color: #e95295
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-pink-border-color {
      border-color: #e95295
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-pink-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-pink-border-color::after {
      border-color: #e95295
    }

    html .body .sbs-think .speech-balloon.has-pink-background-color::before,
    html .body .sbs-think .speech-balloon.has-pink-background-color::after {
      background-color: #e95295
    }

    html .body .sbs-think .speech-balloon.has-pink-border-color::before {
      border-color: #e95295
    }

    html .body .timeline-box.has-pink-point-color .timeline-item::before {
      background-color: #e95295
    }

    .has-pink-border-color.is-style-accordion .faq-question {
      background-color: #e95295
    }

    html .body .has-pink-question-color .faq-question-label {
      color: #e95295
    }

    html .body .has-pink-question-color.has-border-color .faq-question-label {
      color: #e95295
    }

    html .body .has-pink-answer-color .faq-answer-label {
      color: #e95295
    }

    html .body .is-style-square.has-pink-question-color .faq-question-label {
      color: #fff;
      background-color: #e95295
    }

    html .body .is-style-square.has-pink-answer-color .faq-answer-label {
      color: #fff;
      background-color: #e95295
    }

    html .body .has-purple-background-color {
      background-color: #884898
    }

    html .body .has-purple-color {
      color: #884898
    }

    html .body .has-purple-color .toggle-button::before {
      color: #884898
    }

    html .body .has-purple-border-color {
      border-color: #884898
    }

    html .body .btn-wrap.has-purple-background-color>a {
      background-color: #884898
    }

    html .body .btn-wrap.has-purple-color>a {
      color: #884898
    }

    html .body .btn-wrap.has-purple-border-color>a {
      border-color: #884898
    }

    html .body .bb-tab.has-purple-border-color .bb-label {
      background-color: #884898
    }

    html .body .toggle-wrap.has-purple-color .toggle-button,
    html .body .toggle-wrap.has-purple-color .toggle-button:before {
      color: #884898
    }

    html .body .toggle-wrap.has-purple-border-color .toggle-button {
      background-color: #884898
    }

    html .body .toggle-wrap.has-purple-border-color .toggle-button,
    .toggle-wrap.has-purple-border-color .toggle-content {
      border-color: #884898
    }

    html .body .iconlist-box.has-purple-icon-color li::before {
      color: #884898
    }

    html .body .micro-balloon.has-purple-color {
      color: #884898
    }

    html .body .micro-balloon.has-purple-background-color {
      background-color: #884898;
      border-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color.micro-bottom::after {
      border-bottom-color: #884898;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-purple-background-color::after {
      border-top-color: #884898
    }

    html .body .micro-balloon.has-border-color.has-purple-border-color {
      border-color: #884898
    }

    html .body .micro-balloon.micro-top.has-purple-border-color::before {
      border-top-color: #884898
    }

    html .body .micro-balloon.micro-bottom.has-purple-border-color::before {
      border-bottom-color: #884898
    }

    html .body .caption-box.has-purple-border-color .box-label {
      background-color: #884898
    }

    html .body .tab-caption-box.has-purple-border-color .box-label {
      background-color: #884898
    }

    html .body .tab-caption-box.has-purple-border-color .box-content {
      border-color: #884898
    }

    html .body .tab-caption-box.has-purple-background-color .box-content {
      background-color: #884898
    }

    html .body .label-box.has-purple-border-color .box-content {
      border-color: #884898
    }

    html .body .label-box.has-purple-background-color .box-content {
      background-color: #884898
    }

    html .body .speech-balloon.has-purple-background-color {
      background-color: #884898
    }

    html .body .speech-balloon.has-text-color.has-purple-color {
      color: #884898
    }

    html .body .speech-balloon.has-purple-border-color {
      border-color: #884898
    }

    html .body .sbp-l .speech-balloon.has-purple-border-color::before {
      border-right-color: #884898
    }

    html .body .sbp-r .speech-balloon.has-purple-border-color::before {
      border-left-color: #884898
    }

    html .body .sbp-l .speech-balloon.has-purple-background-color::after {
      border-right-color: #884898
    }

    html .body .sbp-r .speech-balloon.has-purple-background-color::after {
      border-left-color: #884898
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-purple-background-color {
      background-color: #884898
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-purple-border-color {
      border-color: #884898
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-purple-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-purple-border-color::after {
      border-color: #884898
    }

    html .body .sbs-think .speech-balloon.has-purple-background-color::before,
    html .body .sbs-think .speech-balloon.has-purple-background-color::after {
      background-color: #884898
    }

    html .body .sbs-think .speech-balloon.has-purple-border-color::before {
      border-color: #884898
    }

    html .body .timeline-box.has-purple-point-color .timeline-item::before {
      background-color: #884898
    }

    .has-purple-border-color.is-style-accordion .faq-question {
      background-color: #884898
    }

    html .body .has-purple-question-color .faq-question-label {
      color: #884898
    }

    html .body .has-purple-question-color.has-border-color .faq-question-label {
      color: #884898
    }

    html .body .has-purple-answer-color .faq-answer-label {
      color: #884898
    }

    html .body .is-style-square.has-purple-question-color .faq-question-label {
      color: #fff;
      background-color: #884898
    }

    html .body .is-style-square.has-purple-answer-color .faq-answer-label {
      color: #fff;
      background-color: #884898
    }

    html .body .has-deep-background-color {
      background-color: #55295b
    }

    html .body .has-deep-color {
      color: #55295b
    }

    html .body .has-deep-color .toggle-button::before {
      color: #55295b
    }

    html .body .has-deep-border-color {
      border-color: #55295b
    }

    html .body .btn-wrap.has-deep-background-color>a {
      background-color: #55295b
    }

    html .body .btn-wrap.has-deep-color>a {
      color: #55295b
    }

    html .body .btn-wrap.has-deep-border-color>a {
      border-color: #55295b
    }

    html .body .bb-tab.has-deep-border-color .bb-label {
      background-color: #55295b
    }

    html .body .toggle-wrap.has-deep-color .toggle-button,
    html .body .toggle-wrap.has-deep-color .toggle-button:before {
      color: #55295b
    }

    html .body .toggle-wrap.has-deep-border-color .toggle-button {
      background-color: #55295b
    }

    html .body .toggle-wrap.has-deep-border-color .toggle-button,
    .toggle-wrap.has-deep-border-color .toggle-content {
      border-color: #55295b
    }

    html .body .iconlist-box.has-deep-icon-color li::before {
      color: #55295b
    }

    html .body .micro-balloon.has-deep-color {
      color: #55295b
    }

    html .body .micro-balloon.has-deep-background-color {
      background-color: #55295b;
      border-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color.micro-bottom::after {
      border-bottom-color: #55295b;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-deep-background-color::after {
      border-top-color: #55295b
    }

    html .body .micro-balloon.has-border-color.has-deep-border-color {
      border-color: #55295b
    }

    html .body .micro-balloon.micro-top.has-deep-border-color::before {
      border-top-color: #55295b
    }

    html .body .micro-balloon.micro-bottom.has-deep-border-color::before {
      border-bottom-color: #55295b
    }

    html .body .caption-box.has-deep-border-color .box-label {
      background-color: #55295b
    }

    html .body .tab-caption-box.has-deep-border-color .box-label {
      background-color: #55295b
    }

    html .body .tab-caption-box.has-deep-border-color .box-content {
      border-color: #55295b
    }

    html .body .tab-caption-box.has-deep-background-color .box-content {
      background-color: #55295b
    }

    html .body .label-box.has-deep-border-color .box-content {
      border-color: #55295b
    }

    html .body .label-box.has-deep-background-color .box-content {
      background-color: #55295b
    }

    html .body .speech-balloon.has-deep-background-color {
      background-color: #55295b
    }

    html .body .speech-balloon.has-text-color.has-deep-color {
      color: #55295b
    }

    html .body .speech-balloon.has-deep-border-color {
      border-color: #55295b
    }

    html .body .sbp-l .speech-balloon.has-deep-border-color::before {
      border-right-color: #55295b
    }

    html .body .sbp-r .speech-balloon.has-deep-border-color::before {
      border-left-color: #55295b
    }

    html .body .sbp-l .speech-balloon.has-deep-background-color::after {
      border-right-color: #55295b
    }

    html .body .sbp-r .speech-balloon.has-deep-background-color::after {
      border-left-color: #55295b
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-background-color {
      background-color: #55295b
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-border-color {
      border-color: #55295b
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-deep-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-deep-border-color::after {
      border-color: #55295b
    }

    html .body .sbs-think .speech-balloon.has-deep-background-color::before,
    html .body .sbs-think .speech-balloon.has-deep-background-color::after {
      background-color: #55295b
    }

    html .body .sbs-think .speech-balloon.has-deep-border-color::before {
      border-color: #55295b
    }

    html .body .timeline-box.has-deep-point-color .timeline-item::before {
      background-color: #55295b
    }

    .has-deep-border-color.is-style-accordion .faq-question {
      background-color: #55295b
    }

    html .body .has-deep-question-color .faq-question-label {
      color: #55295b
    }

    html .body .has-deep-question-color.has-border-color .faq-question-label {
      color: #55295b
    }

    html .body .has-deep-answer-color .faq-answer-label {
      color: #55295b
    }

    html .body .is-style-square.has-deep-question-color .faq-question-label {
      color: #fff;
      background-color: #55295b
    }

    html .body .is-style-square.has-deep-answer-color .faq-answer-label {
      color: #fff;
      background-color: #55295b
    }

    html .body .has-indigo-background-color {
      background-color: #1e50a2
    }

    html .body .has-indigo-color {
      color: #1e50a2
    }

    html .body .has-indigo-color .toggle-button::before {
      color: #1e50a2
    }

    html .body .has-indigo-border-color {
      border-color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-background-color>a {
      background-color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-color>a {
      color: #1e50a2
    }

    html .body .btn-wrap.has-indigo-border-color>a {
      border-color: #1e50a2
    }

    html .body .bb-tab.has-indigo-border-color .bb-label {
      background-color: #1e50a2
    }

    html .body .toggle-wrap.has-indigo-color .toggle-button,
    html .body .toggle-wrap.has-indigo-color .toggle-button:before {
      color: #1e50a2
    }

    html .body .toggle-wrap.has-indigo-border-color .toggle-button {
      background-color: #1e50a2
    }

    html .body .toggle-wrap.has-indigo-border-color .toggle-button,
    .toggle-wrap.has-indigo-border-color .toggle-content {
      border-color: #1e50a2
    }

    html .body .iconlist-box.has-indigo-icon-color li::before {
      color: #1e50a2
    }

    html .body .micro-balloon.has-indigo-color {
      color: #1e50a2
    }

    html .body .micro-balloon.has-indigo-background-color {
      background-color: #1e50a2;
      border-color: transparent
    }

    html .body .micro-balloon.has-indigo-background-color.micro-bottom::after {
      border-bottom-color: #1e50a2;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-indigo-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-indigo-background-color::after {
      border-top-color: #1e50a2
    }

    html .body .micro-balloon.has-border-color.has-indigo-border-color {
      border-color: #1e50a2
    }

    html .body .micro-balloon.micro-top.has-indigo-border-color::before {
      border-top-color: #1e50a2
    }

    html .body .micro-balloon.micro-bottom.has-indigo-border-color::before {
      border-bottom-color: #1e50a2
    }

    html .body .caption-box.has-indigo-border-color .box-label {
      background-color: #1e50a2
    }

    html .body .tab-caption-box.has-indigo-border-color .box-label {
      background-color: #1e50a2
    }

    html .body .tab-caption-box.has-indigo-border-color .box-content {
      border-color: #1e50a2
    }

    html .body .tab-caption-box.has-indigo-background-color .box-content {
      background-color: #1e50a2
    }

    html .body .label-box.has-indigo-border-color .box-content {
      border-color: #1e50a2
    }

    html .body .label-box.has-indigo-background-color .box-content {
      background-color: #1e50a2
    }

    html .body .speech-balloon.has-indigo-background-color {
      background-color: #1e50a2
    }

    html .body .speech-balloon.has-text-color.has-indigo-color {
      color: #1e50a2
    }

    html .body .speech-balloon.has-indigo-border-color {
      border-color: #1e50a2
    }

    html .body .sbp-l .speech-balloon.has-indigo-border-color::before {
      border-right-color: #1e50a2
    }

    html .body .sbp-r .speech-balloon.has-indigo-border-color::before {
      border-left-color: #1e50a2
    }

    html .body .sbp-l .speech-balloon.has-indigo-background-color::after {
      border-right-color: #1e50a2
    }

    html .body .sbp-r .speech-balloon.has-indigo-background-color::after {
      border-left-color: #1e50a2
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-indigo-background-color {
      background-color: #1e50a2
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-indigo-border-color {
      border-color: #1e50a2
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-indigo-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-indigo-border-color::after {
      border-color: #1e50a2
    }

    html .body .sbs-think .speech-balloon.has-indigo-background-color::before,
    html .body .sbs-think .speech-balloon.has-indigo-background-color::after {
      background-color: #1e50a2
    }

    html .body .sbs-think .speech-balloon.has-indigo-border-color::before {
      border-color: #1e50a2
    }

    html .body .timeline-box.has-indigo-point-color .timeline-item::before {
      background-color: #1e50a2
    }

    .has-indigo-border-color.is-style-accordion .faq-question {
      background-color: #1e50a2
    }

    html .body .has-indigo-question-color .faq-question-label {
      color: #1e50a2
    }

    html .body .has-indigo-question-color.has-border-color .faq-question-label {
      color: #1e50a2
    }

    html .body .has-indigo-answer-color .faq-answer-label {
      color: #1e50a2
    }

    html .body .is-style-square.has-indigo-question-color .faq-question-label {
      color: #fff;
      background-color: #1e50a2
    }

    html .body .is-style-square.has-indigo-answer-color .faq-answer-label {
      color: #fff;
      background-color: #1e50a2
    }

    html .body .has-blue-background-color {
      background-color: #0095d9
    }

    html .body .has-blue-color {
      color: #0095d9
    }

    html .body .has-blue-color .toggle-button::before {
      color: #0095d9
    }

    html .body .has-blue-border-color {
      border-color: #0095d9
    }

    html .body .btn-wrap.has-blue-background-color>a {
      background-color: #0095d9
    }

    html .body .btn-wrap.has-blue-color>a {
      color: #0095d9
    }

    html .body .btn-wrap.has-blue-border-color>a {
      border-color: #0095d9
    }

    html .body .bb-tab.has-blue-border-color .bb-label {
      background-color: #0095d9
    }

    html .body .toggle-wrap.has-blue-color .toggle-button,
    html .body .toggle-wrap.has-blue-color .toggle-button:before {
      color: #0095d9
    }

    html .body .toggle-wrap.has-blue-border-color .toggle-button {
      background-color: #0095d9
    }

    html .body .toggle-wrap.has-blue-border-color .toggle-button,
    .toggle-wrap.has-blue-border-color .toggle-content {
      border-color: #0095d9
    }

    html .body .iconlist-box.has-blue-icon-color li::before {
      color: #0095d9
    }

    html .body .micro-balloon.has-blue-color {
      color: #0095d9
    }

    html .body .micro-balloon.has-blue-background-color {
      background-color: #0095d9;
      border-color: transparent
    }

    html .body .micro-balloon.has-blue-background-color.micro-bottom::after {
      border-bottom-color: #0095d9;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-blue-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-blue-background-color::after {
      border-top-color: #0095d9
    }

    html .body .micro-balloon.has-border-color.has-blue-border-color {
      border-color: #0095d9
    }

    html .body .micro-balloon.micro-top.has-blue-border-color::before {
      border-top-color: #0095d9
    }

    html .body .micro-balloon.micro-bottom.has-blue-border-color::before {
      border-bottom-color: #0095d9
    }

    html .body .caption-box.has-blue-border-color .box-label {
      background-color: #0095d9
    }

    html .body .tab-caption-box.has-blue-border-color .box-label {
      background-color: #0095d9
    }

    html .body .tab-caption-box.has-blue-border-color .box-content {
      border-color: #0095d9
    }

    html .body .tab-caption-box.has-blue-background-color .box-content {
      background-color: #0095d9
    }

    html .body .label-box.has-blue-border-color .box-content {
      border-color: #0095d9
    }

    html .body .label-box.has-blue-background-color .box-content {
      background-color: #0095d9
    }

    html .body .speech-balloon.has-blue-background-color {
      background-color: #0095d9
    }

    html .body .speech-balloon.has-text-color.has-blue-color {
      color: #0095d9
    }

    html .body .speech-balloon.has-blue-border-color {
      border-color: #0095d9
    }

    html .body .sbp-l .speech-balloon.has-blue-border-color::before {
      border-right-color: #0095d9
    }

    html .body .sbp-r .speech-balloon.has-blue-border-color::before {
      border-left-color: #0095d9
    }

    html .body .sbp-l .speech-balloon.has-blue-background-color::after {
      border-right-color: #0095d9
    }

    html .body .sbp-r .speech-balloon.has-blue-background-color::after {
      border-left-color: #0095d9
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-blue-background-color {
      background-color: #0095d9
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-blue-border-color {
      border-color: #0095d9
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-blue-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-blue-border-color::after {
      border-color: #0095d9
    }

    html .body .sbs-think .speech-balloon.has-blue-background-color::before,
    html .body .sbs-think .speech-balloon.has-blue-background-color::after {
      background-color: #0095d9
    }

    html .body .sbs-think .speech-balloon.has-blue-border-color::before {
      border-color: #0095d9
    }

    html .body .timeline-box.has-blue-point-color .timeline-item::before {
      background-color: #0095d9
    }

    .has-blue-border-color.is-style-accordion .faq-question {
      background-color: #0095d9
    }

    html .body .has-blue-question-color .faq-question-label {
      color: #0095d9
    }

    html .body .has-blue-question-color.has-border-color .faq-question-label {
      color: #0095d9
    }

    html .body .has-blue-answer-color .faq-answer-label {
      color: #0095d9
    }

    html .body .is-style-square.has-blue-question-color .faq-question-label {
      color: #fff;
      background-color: #0095d9
    }

    html .body .is-style-square.has-blue-answer-color .faq-answer-label {
      color: #fff;
      background-color: #0095d9
    }

    html .body .has-light-blue-background-color {
      background-color: #2ca9e1
    }

    html .body .has-light-blue-color {
      color: #2ca9e1
    }

    html .body .has-light-blue-color .toggle-button::before {
      color: #2ca9e1
    }

    html .body .has-light-blue-border-color {
      border-color: #2ca9e1
    }

    html .body .btn-wrap.has-light-blue-background-color>a {
      background-color: #2ca9e1
    }

    html .body .btn-wrap.has-light-blue-color>a {
      color: #2ca9e1
    }

    html .body .btn-wrap.has-light-blue-border-color>a {
      border-color: #2ca9e1
    }

    html .body .bb-tab.has-light-blue-border-color .bb-label {
      background-color: #2ca9e1
    }

    html .body .toggle-wrap.has-light-blue-color .toggle-button,
    html .body .toggle-wrap.has-light-blue-color .toggle-button:before {
      color: #2ca9e1
    }

    html .body .toggle-wrap.has-light-blue-border-color .toggle-button {
      background-color: #2ca9e1
    }

    html .body .toggle-wrap.has-light-blue-border-color .toggle-button,
    .toggle-wrap.has-light-blue-border-color .toggle-content {
      border-color: #2ca9e1
    }

    html .body .iconlist-box.has-light-blue-icon-color li::before {
      color: #2ca9e1
    }

    html .body .micro-balloon.has-light-blue-color {
      color: #2ca9e1
    }

    html .body .micro-balloon.has-light-blue-background-color {
      background-color: #2ca9e1;
      border-color: transparent
    }

    html .body .micro-balloon.has-light-blue-background-color.micro-bottom::after {
      border-bottom-color: #2ca9e1;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-light-blue-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-light-blue-background-color::after {
      border-top-color: #2ca9e1
    }

    html .body .micro-balloon.has-border-color.has-light-blue-border-color {
      border-color: #2ca9e1
    }

    html .body .micro-balloon.micro-top.has-light-blue-border-color::before {
      border-top-color: #2ca9e1
    }

    html .body .micro-balloon.micro-bottom.has-light-blue-border-color::before {
      border-bottom-color: #2ca9e1
    }

    html .body .caption-box.has-light-blue-border-color .box-label {
      background-color: #2ca9e1
    }

    html .body .tab-caption-box.has-light-blue-border-color .box-label {
      background-color: #2ca9e1
    }

    html .body .tab-caption-box.has-light-blue-border-color .box-content {
      border-color: #2ca9e1
    }

    html .body .tab-caption-box.has-light-blue-background-color .box-content {
      background-color: #2ca9e1
    }

    html .body .label-box.has-light-blue-border-color .box-content {
      border-color: #2ca9e1
    }

    html .body .label-box.has-light-blue-background-color .box-content {
      background-color: #2ca9e1
    }

    html .body .speech-balloon.has-light-blue-background-color {
      background-color: #2ca9e1
    }

    html .body .speech-balloon.has-text-color.has-light-blue-color {
      color: #2ca9e1
    }

    html .body .speech-balloon.has-light-blue-border-color {
      border-color: #2ca9e1
    }

    html .body .sbp-l .speech-balloon.has-light-blue-border-color::before {
      border-right-color: #2ca9e1
    }

    html .body .sbp-r .speech-balloon.has-light-blue-border-color::before {
      border-left-color: #2ca9e1
    }

    html .body .sbp-l .speech-balloon.has-light-blue-background-color::after {
      border-right-color: #2ca9e1
    }

    html .body .sbp-r .speech-balloon.has-light-blue-background-color::after {
      border-left-color: #2ca9e1
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-light-blue-background-color {
      background-color: #2ca9e1
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-light-blue-border-color {
      border-color: #2ca9e1
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-light-blue-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-light-blue-border-color::after {
      border-color: #2ca9e1
    }

    html .body .sbs-think .speech-balloon.has-light-blue-background-color::before,
    html .body .sbs-think .speech-balloon.has-light-blue-background-color::after {
      background-color: #2ca9e1
    }

    html .body .sbs-think .speech-balloon.has-light-blue-border-color::before {
      border-color: #2ca9e1
    }

    html .body .timeline-box.has-light-blue-point-color .timeline-item::before {
      background-color: #2ca9e1
    }

    .has-light-blue-border-color.is-style-accordion .faq-question {
      background-color: #2ca9e1
    }

    html .body .has-light-blue-question-color .faq-question-label {
      color: #2ca9e1
    }

    html .body .has-light-blue-question-color.has-border-color .faq-question-label {
      color: #2ca9e1
    }

    html .body .has-light-blue-answer-color .faq-answer-label {
      color: #2ca9e1
    }

    html .body .is-style-square.has-light-blue-question-color .faq-question-label {
      color: #fff;
      background-color: #2ca9e1
    }

    html .body .is-style-square.has-light-blue-answer-color .faq-answer-label {
      color: #fff;
      background-color: #2ca9e1
    }

    html .body .has-cyan-background-color {
      background-color: #00a3af
    }

    html .body .has-cyan-color {
      color: #00a3af
    }

    html .body .has-cyan-color .toggle-button::before {
      color: #00a3af
    }

    html .body .has-cyan-border-color {
      border-color: #00a3af
    }

    html .body .btn-wrap.has-cyan-background-color>a {
      background-color: #00a3af
    }

    html .body .btn-wrap.has-cyan-color>a {
      color: #00a3af
    }

    html .body .btn-wrap.has-cyan-border-color>a {
      border-color: #00a3af
    }

    html .body .bb-tab.has-cyan-border-color .bb-label {
      background-color: #00a3af
    }

    html .body .toggle-wrap.has-cyan-color .toggle-button,
    html .body .toggle-wrap.has-cyan-color .toggle-button:before {
      color: #00a3af
    }

    html .body .toggle-wrap.has-cyan-border-color .toggle-button {
      background-color: #00a3af
    }

    html .body .toggle-wrap.has-cyan-border-color .toggle-button,
    .toggle-wrap.has-cyan-border-color .toggle-content {
      border-color: #00a3af
    }

    html .body .iconlist-box.has-cyan-icon-color li::before {
      color: #00a3af
    }

    html .body .micro-balloon.has-cyan-color {
      color: #00a3af
    }

    html .body .micro-balloon.has-cyan-background-color {
      background-color: #00a3af;
      border-color: transparent
    }

    html .body .micro-balloon.has-cyan-background-color.micro-bottom::after {
      border-bottom-color: #00a3af;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-cyan-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-cyan-background-color::after {
      border-top-color: #00a3af
    }

    html .body .micro-balloon.has-border-color.has-cyan-border-color {
      border-color: #00a3af
    }

    html .body .micro-balloon.micro-top.has-cyan-border-color::before {
      border-top-color: #00a3af
    }

    html .body .micro-balloon.micro-bottom.has-cyan-border-color::before {
      border-bottom-color: #00a3af
    }

    html .body .caption-box.has-cyan-border-color .box-label {
      background-color: #00a3af
    }

    html .body .tab-caption-box.has-cyan-border-color .box-label {
      background-color: #00a3af
    }

    html .body .tab-caption-box.has-cyan-border-color .box-content {
      border-color: #00a3af
    }

    html .body .tab-caption-box.has-cyan-background-color .box-content {
      background-color: #00a3af
    }

    html .body .label-box.has-cyan-border-color .box-content {
      border-color: #00a3af
    }

    html .body .label-box.has-cyan-background-color .box-content {
      background-color: #00a3af
    }

    html .body .speech-balloon.has-cyan-background-color {
      background-color: #00a3af
    }

    html .body .speech-balloon.has-text-color.has-cyan-color {
      color: #00a3af
    }

    html .body .speech-balloon.has-cyan-border-color {
      border-color: #00a3af
    }

    html .body .sbp-l .speech-balloon.has-cyan-border-color::before {
      border-right-color: #00a3af
    }

    html .body .sbp-r .speech-balloon.has-cyan-border-color::before {
      border-left-color: #00a3af
    }

    html .body .sbp-l .speech-balloon.has-cyan-background-color::after {
      border-right-color: #00a3af
    }

    html .body .sbp-r .speech-balloon.has-cyan-background-color::after {
      border-left-color: #00a3af
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-cyan-background-color {
      background-color: #00a3af
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-cyan-border-color {
      border-color: #00a3af
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-cyan-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-cyan-border-color::after {
      border-color: #00a3af
    }

    html .body .sbs-think .speech-balloon.has-cyan-background-color::before,
    html .body .sbs-think .speech-balloon.has-cyan-background-color::after {
      background-color: #00a3af
    }

    html .body .sbs-think .speech-balloon.has-cyan-border-color::before {
      border-color: #00a3af
    }

    html .body .timeline-box.has-cyan-point-color .timeline-item::before {
      background-color: #00a3af
    }

    .has-cyan-border-color.is-style-accordion .faq-question {
      background-color: #00a3af
    }

    html .body .has-cyan-question-color .faq-question-label {
      color: #00a3af
    }

    html .body .has-cyan-question-color.has-border-color .faq-question-label {
      color: #00a3af
    }

    html .body .has-cyan-answer-color .faq-answer-label {
      color: #00a3af
    }

    html .body .is-style-square.has-cyan-question-color .faq-question-label {
      color: #fff;
      background-color: #00a3af
    }

    html .body .is-style-square.has-cyan-answer-color .faq-answer-label {
      color: #fff;
      background-color: #00a3af
    }

    html .body .has-teal-background-color {
      background-color: #007b43
    }

    html .body .has-teal-color {
      color: #007b43
    }

    html .body .has-teal-color .toggle-button::before {
      color: #007b43
    }

    html .body .has-teal-border-color {
      border-color: #007b43
    }

    html .body .btn-wrap.has-teal-background-color>a {
      background-color: #007b43
    }

    html .body .btn-wrap.has-teal-color>a {
      color: #007b43
    }

    html .body .btn-wrap.has-teal-border-color>a {
      border-color: #007b43
    }

    html .body .bb-tab.has-teal-border-color .bb-label {
      background-color: #007b43
    }

    html .body .toggle-wrap.has-teal-color .toggle-button,
    html .body .toggle-wrap.has-teal-color .toggle-button:before {
      color: #007b43
    }

    html .body .toggle-wrap.has-teal-border-color .toggle-button {
      background-color: #007b43
    }

    html .body .toggle-wrap.has-teal-border-color .toggle-button,
    .toggle-wrap.has-teal-border-color .toggle-content {
      border-color: #007b43
    }

    html .body .iconlist-box.has-teal-icon-color li::before {
      color: #007b43
    }

    html .body .micro-balloon.has-teal-color {
      color: #007b43
    }

    html .body .micro-balloon.has-teal-background-color {
      background-color: #007b43;
      border-color: transparent
    }

    html .body .micro-balloon.has-teal-background-color.micro-bottom::after {
      border-bottom-color: #007b43;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-teal-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-teal-background-color::after {
      border-top-color: #007b43
    }

    html .body .micro-balloon.has-border-color.has-teal-border-color {
      border-color: #007b43
    }

    html .body .micro-balloon.micro-top.has-teal-border-color::before {
      border-top-color: #007b43
    }

    html .body .micro-balloon.micro-bottom.has-teal-border-color::before {
      border-bottom-color: #007b43
    }

    html .body .caption-box.has-teal-border-color .box-label {
      background-color: #007b43
    }

    html .body .tab-caption-box.has-teal-border-color .box-label {
      background-color: #007b43
    }

    html .body .tab-caption-box.has-teal-border-color .box-content {
      border-color: #007b43
    }

    html .body .tab-caption-box.has-teal-background-color .box-content {
      background-color: #007b43
    }

    html .body .label-box.has-teal-border-color .box-content {
      border-color: #007b43
    }

    html .body .label-box.has-teal-background-color .box-content {
      background-color: #007b43
    }

    html .body .speech-balloon.has-teal-background-color {
      background-color: #007b43
    }

    html .body .speech-balloon.has-text-color.has-teal-color {
      color: #007b43
    }

    html .body .speech-balloon.has-teal-border-color {
      border-color: #007b43
    }

    html .body .sbp-l .speech-balloon.has-teal-border-color::before {
      border-right-color: #007b43
    }

    html .body .sbp-r .speech-balloon.has-teal-border-color::before {
      border-left-color: #007b43
    }

    html .body .sbp-l .speech-balloon.has-teal-background-color::after {
      border-right-color: #007b43
    }

    html .body .sbp-r .speech-balloon.has-teal-background-color::after {
      border-left-color: #007b43
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-teal-background-color {
      background-color: #007b43
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-teal-border-color {
      border-color: #007b43
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-teal-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-teal-border-color::after {
      border-color: #007b43
    }

    html .body .sbs-think .speech-balloon.has-teal-background-color::before,
    html .body .sbs-think .speech-balloon.has-teal-background-color::after {
      background-color: #007b43
    }

    html .body .sbs-think .speech-balloon.has-teal-border-color::before {
      border-color: #007b43
    }

    html .body .timeline-box.has-teal-point-color .timeline-item::before {
      background-color: #007b43
    }

    .has-teal-border-color.is-style-accordion .faq-question {
      background-color: #007b43
    }

    html .body .has-teal-question-color .faq-question-label {
      color: #007b43
    }

    html .body .has-teal-question-color.has-border-color .faq-question-label {
      color: #007b43
    }

    html .body .has-teal-answer-color .faq-answer-label {
      color: #007b43
    }

    html .body .is-style-square.has-teal-question-color .faq-question-label {
      color: #fff;
      background-color: #007b43
    }

    html .body .is-style-square.has-teal-answer-color .faq-answer-label {
      color: #fff;
      background-color: #007b43
    }

    html .body .has-green-background-color {
      background-color: #3eb370
    }

    html .body .has-green-color {
      color: #3eb370
    }

    html .body .has-green-color .toggle-button::before {
      color: #3eb370
    }

    html .body .has-green-border-color {
      border-color: #3eb370
    }

    html .body .btn-wrap.has-green-background-color>a {
      background-color: #3eb370
    }

    html .body .btn-wrap.has-green-color>a {
      color: #3eb370
    }

    html .body .btn-wrap.has-green-border-color>a {
      border-color: #3eb370
    }

    html .body .bb-tab.has-green-border-color .bb-label {
      background-color: #3eb370
    }

    html .body .toggle-wrap.has-green-color .toggle-button,
    html .body .toggle-wrap.has-green-color .toggle-button:before {
      color: #3eb370
    }

    html .body .toggle-wrap.has-green-border-color .toggle-button {
      background-color: #3eb370
    }

    html .body .toggle-wrap.has-green-border-color .toggle-button,
    .toggle-wrap.has-green-border-color .toggle-content {
      border-color: #3eb370
    }

    html .body .iconlist-box.has-green-icon-color li::before {
      color: #3eb370
    }

    html .body .micro-balloon.has-green-color {
      color: #3eb370
    }

    html .body .micro-balloon.has-green-background-color {
      background-color: #3eb370;
      border-color: transparent
    }

    html .body .micro-balloon.has-green-background-color.micro-bottom::after {
      border-bottom-color: #3eb370;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-green-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-green-background-color::after {
      border-top-color: #3eb370
    }

    html .body .micro-balloon.has-border-color.has-green-border-color {
      border-color: #3eb370
    }

    html .body .micro-balloon.micro-top.has-green-border-color::before {
      border-top-color: #3eb370
    }

    html .body .micro-balloon.micro-bottom.has-green-border-color::before {
      border-bottom-color: #3eb370
    }

    html .body .caption-box.has-green-border-color .box-label {
      background-color: #3eb370
    }

    html .body .tab-caption-box.has-green-border-color .box-label {
      background-color: #3eb370
    }

    html .body .tab-caption-box.has-green-border-color .box-content {
      border-color: #3eb370
    }

    html .body .tab-caption-box.has-green-background-color .box-content {
      background-color: #3eb370
    }

    html .body .label-box.has-green-border-color .box-content {
      border-color: #3eb370
    }

    html .body .label-box.has-green-background-color .box-content {
      background-color: #3eb370
    }

    html .body .speech-balloon.has-green-background-color {
      background-color: #3eb370
    }

    html .body .speech-balloon.has-text-color.has-green-color {
      color: #3eb370
    }

    html .body .speech-balloon.has-green-border-color {
      border-color: #3eb370
    }

    html .body .sbp-l .speech-balloon.has-green-border-color::before {
      border-right-color: #3eb370
    }

    html .body .sbp-r .speech-balloon.has-green-border-color::before {
      border-left-color: #3eb370
    }

    html .body .sbp-l .speech-balloon.has-green-background-color::after {
      border-right-color: #3eb370
    }

    html .body .sbp-r .speech-balloon.has-green-background-color::after {
      border-left-color: #3eb370
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-green-background-color {
      background-color: #3eb370
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-green-border-color {
      border-color: #3eb370
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-green-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-green-border-color::after {
      border-color: #3eb370
    }

    html .body .sbs-think .speech-balloon.has-green-background-color::before,
    html .body .sbs-think .speech-balloon.has-green-background-color::after {
      background-color: #3eb370
    }

    html .body .sbs-think .speech-balloon.has-green-border-color::before {
      border-color: #3eb370
    }

    html .body .timeline-box.has-green-point-color .timeline-item::before {
      background-color: #3eb370
    }

    .has-green-border-color.is-style-accordion .faq-question {
      background-color: #3eb370
    }

    html .body .has-green-question-color .faq-question-label {
      color: #3eb370
    }

    html .body .has-green-question-color.has-border-color .faq-question-label {
      color: #3eb370
    }

    html .body .has-green-answer-color .faq-answer-label {
      color: #3eb370
    }

    html .body .is-style-square.has-green-question-color .faq-question-label {
      color: #fff;
      background-color: #3eb370
    }

    html .body .is-style-square.has-green-answer-color .faq-answer-label {
      color: #fff;
      background-color: #3eb370
    }

    html .body .has-light-green-background-color {
      background-color: #8bc34a
    }

    html .body .has-light-green-color {
      color: #8bc34a
    }

    html .body .has-light-green-color .toggle-button::before {
      color: #8bc34a
    }

    html .body .has-light-green-border-color {
      border-color: #8bc34a
    }

    html .body .btn-wrap.has-light-green-background-color>a {
      background-color: #8bc34a
    }

    html .body .btn-wrap.has-light-green-color>a {
      color: #8bc34a
    }

    html .body .btn-wrap.has-light-green-border-color>a {
      border-color: #8bc34a
    }

    html .body .bb-tab.has-light-green-border-color .bb-label {
      background-color: #8bc34a
    }

    html .body .toggle-wrap.has-light-green-color .toggle-button,
    html .body .toggle-wrap.has-light-green-color .toggle-button:before {
      color: #8bc34a
    }

    html .body .toggle-wrap.has-light-green-border-color .toggle-button {
      background-color: #8bc34a
    }

    html .body .toggle-wrap.has-light-green-border-color .toggle-button,
    .toggle-wrap.has-light-green-border-color .toggle-content {
      border-color: #8bc34a
    }

    html .body .iconlist-box.has-light-green-icon-color li::before {
      color: #8bc34a
    }

    html .body .micro-balloon.has-light-green-color {
      color: #8bc34a
    }

    html .body .micro-balloon.has-light-green-background-color {
      background-color: #8bc34a;
      border-color: transparent
    }

    html .body .micro-balloon.has-light-green-background-color.micro-bottom::after {
      border-bottom-color: #8bc34a;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-light-green-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-light-green-background-color::after {
      border-top-color: #8bc34a
    }

    html .body .micro-balloon.has-border-color.has-light-green-border-color {
      border-color: #8bc34a
    }

    html .body .micro-balloon.micro-top.has-light-green-border-color::before {
      border-top-color: #8bc34a
    }

    html .body .micro-balloon.micro-bottom.has-light-green-border-color::before {
      border-bottom-color: #8bc34a
    }

    html .body .caption-box.has-light-green-border-color .box-label {
      background-color: #8bc34a
    }

    html .body .tab-caption-box.has-light-green-border-color .box-label {
      background-color: #8bc34a
    }

    html .body .tab-caption-box.has-light-green-border-color .box-content {
      border-color: #8bc34a
    }

    html .body .tab-caption-box.has-light-green-background-color .box-content {
      background-color: #8bc34a
    }

    html .body .label-box.has-light-green-border-color .box-content {
      border-color: #8bc34a
    }

    html .body .label-box.has-light-green-background-color .box-content {
      background-color: #8bc34a
    }

    html .body .speech-balloon.has-light-green-background-color {
      background-color: #8bc34a
    }

    html .body .speech-balloon.has-text-color.has-light-green-color {
      color: #8bc34a
    }

    html .body .speech-balloon.has-light-green-border-color {
      border-color: #8bc34a
    }

    html .body .sbp-l .speech-balloon.has-light-green-border-color::before {
      border-right-color: #8bc34a
    }

    html .body .sbp-r .speech-balloon.has-light-green-border-color::before {
      border-left-color: #8bc34a
    }

    html .body .sbp-l .speech-balloon.has-light-green-background-color::after {
      border-right-color: #8bc34a
    }

    html .body .sbp-r .speech-balloon.has-light-green-background-color::after {
      border-left-color: #8bc34a
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-light-green-background-color {
      background-color: #8bc34a
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-light-green-border-color {
      border-color: #8bc34a
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-light-green-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-light-green-border-color::after {
      border-color: #8bc34a
    }

    html .body .sbs-think .speech-balloon.has-light-green-background-color::before,
    html .body .sbs-think .speech-balloon.has-light-green-background-color::after {
      background-color: #8bc34a
    }

    html .body .sbs-think .speech-balloon.has-light-green-border-color::before {
      border-color: #8bc34a
    }

    html .body .timeline-box.has-light-green-point-color .timeline-item::before {
      background-color: #8bc34a
    }

    .has-light-green-border-color.is-style-accordion .faq-question {
      background-color: #8bc34a
    }

    html .body .has-light-green-question-color .faq-question-label {
      color: #8bc34a
    }

    html .body .has-light-green-question-color.has-border-color .faq-question-label {
      color: #8bc34a
    }

    html .body .has-light-green-answer-color .faq-answer-label {
      color: #8bc34a
    }

    html .body .is-style-square.has-light-green-question-color .faq-question-label {
      color: #fff;
      background-color: #8bc34a
    }

    html .body .is-style-square.has-light-green-answer-color .faq-answer-label {
      color: #fff;
      background-color: #8bc34a
    }

    html .body .has-lime-background-color {
      background-color: #c3d825
    }

    html .body .has-lime-color {
      color: #c3d825
    }

    html .body .has-lime-color .toggle-button::before {
      color: #c3d825
    }

    html .body .has-lime-border-color {
      border-color: #c3d825
    }

    html .body .btn-wrap.has-lime-background-color>a {
      background-color: #c3d825
    }

    html .body .btn-wrap.has-lime-color>a {
      color: #c3d825
    }

    html .body .btn-wrap.has-lime-border-color>a {
      border-color: #c3d825
    }

    html .body .bb-tab.has-lime-border-color .bb-label {
      background-color: #c3d825
    }

    html .body .toggle-wrap.has-lime-color .toggle-button,
    html .body .toggle-wrap.has-lime-color .toggle-button:before {
      color: #c3d825
    }

    html .body .toggle-wrap.has-lime-border-color .toggle-button {
      background-color: #c3d825
    }

    html .body .toggle-wrap.has-lime-border-color .toggle-button,
    .toggle-wrap.has-lime-border-color .toggle-content {
      border-color: #c3d825
    }

    html .body .iconlist-box.has-lime-icon-color li::before {
      color: #c3d825
    }

    html .body .micro-balloon.has-lime-color {
      color: #c3d825
    }

    html .body .micro-balloon.has-lime-background-color {
      background-color: #c3d825;
      border-color: transparent
    }

    html .body .micro-balloon.has-lime-background-color.micro-bottom::after {
      border-bottom-color: #c3d825;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-lime-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-lime-background-color::after {
      border-top-color: #c3d825
    }

    html .body .micro-balloon.has-border-color.has-lime-border-color {
      border-color: #c3d825
    }

    html .body .micro-balloon.micro-top.has-lime-border-color::before {
      border-top-color: #c3d825
    }

    html .body .micro-balloon.micro-bottom.has-lime-border-color::before {
      border-bottom-color: #c3d825
    }

    html .body .caption-box.has-lime-border-color .box-label {
      background-color: #c3d825
    }

    html .body .tab-caption-box.has-lime-border-color .box-label {
      background-color: #c3d825
    }

    html .body .tab-caption-box.has-lime-border-color .box-content {
      border-color: #c3d825
    }

    html .body .tab-caption-box.has-lime-background-color .box-content {
      background-color: #c3d825
    }

    html .body .label-box.has-lime-border-color .box-content {
      border-color: #c3d825
    }

    html .body .label-box.has-lime-background-color .box-content {
      background-color: #c3d825
    }

    html .body .speech-balloon.has-lime-background-color {
      background-color: #c3d825
    }

    html .body .speech-balloon.has-text-color.has-lime-color {
      color: #c3d825
    }

    html .body .speech-balloon.has-lime-border-color {
      border-color: #c3d825
    }

    html .body .sbp-l .speech-balloon.has-lime-border-color::before {
      border-right-color: #c3d825
    }

    html .body .sbp-r .speech-balloon.has-lime-border-color::before {
      border-left-color: #c3d825
    }

    html .body .sbp-l .speech-balloon.has-lime-background-color::after {
      border-right-color: #c3d825
    }

    html .body .sbp-r .speech-balloon.has-lime-background-color::after {
      border-left-color: #c3d825
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-lime-background-color {
      background-color: #c3d825
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-lime-border-color {
      border-color: #c3d825
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-lime-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-lime-border-color::after {
      border-color: #c3d825
    }

    html .body .sbs-think .speech-balloon.has-lime-background-color::before,
    html .body .sbs-think .speech-balloon.has-lime-background-color::after {
      background-color: #c3d825
    }

    html .body .sbs-think .speech-balloon.has-lime-border-color::before {
      border-color: #c3d825
    }

    html .body .timeline-box.has-lime-point-color .timeline-item::before {
      background-color: #c3d825
    }

    .has-lime-border-color.is-style-accordion .faq-question {
      background-color: #c3d825
    }

    html .body .has-lime-question-color .faq-question-label {
      color: #c3d825
    }

    html .body .has-lime-question-color.has-border-color .faq-question-label {
      color: #c3d825
    }

    html .body .has-lime-answer-color .faq-answer-label {
      color: #c3d825
    }

    html .body .is-style-square.has-lime-question-color .faq-question-label {
      color: #fff;
      background-color: #c3d825
    }

    html .body .is-style-square.has-lime-answer-color .faq-answer-label {
      color: #fff;
      background-color: #c3d825
    }

    html .body .has-yellow-background-color {
      background-color: #ffd900
    }

    html .body .has-yellow-color {
      color: #ffd900
    }

    html .body .has-yellow-color .toggle-button::before {
      color: #ffd900
    }

    html .body .has-yellow-border-color {
      border-color: #ffd900
    }

    html .body .btn-wrap.has-yellow-background-color>a {
      background-color: #ffd900
    }

    html .body .btn-wrap.has-yellow-color>a {
      color: #ffd900
    }

    html .body .btn-wrap.has-yellow-border-color>a {
      border-color: #ffd900
    }

    html .body .bb-tab.has-yellow-border-color .bb-label {
      background-color: #ffd900
    }

    html .body .toggle-wrap.has-yellow-color .toggle-button,
    html .body .toggle-wrap.has-yellow-color .toggle-button:before {
      color: #ffd900
    }

    html .body .toggle-wrap.has-yellow-border-color .toggle-button {
      background-color: #ffd900
    }

    html .body .toggle-wrap.has-yellow-border-color .toggle-button,
    .toggle-wrap.has-yellow-border-color .toggle-content {
      border-color: #ffd900
    }

    html .body .iconlist-box.has-yellow-icon-color li::before {
      color: #ffd900
    }

    html .body .micro-balloon.has-yellow-color {
      color: #ffd900
    }

    html .body .micro-balloon.has-yellow-background-color {
      background-color: #ffd900;
      border-color: transparent
    }

    html .body .micro-balloon.has-yellow-background-color.micro-bottom::after {
      border-bottom-color: #ffd900;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-yellow-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-yellow-background-color::after {
      border-top-color: #ffd900
    }

    html .body .micro-balloon.has-border-color.has-yellow-border-color {
      border-color: #ffd900
    }

    html .body .micro-balloon.micro-top.has-yellow-border-color::before {
      border-top-color: #ffd900
    }

    html .body .micro-balloon.micro-bottom.has-yellow-border-color::before {
      border-bottom-color: #ffd900
    }

    html .body .caption-box.has-yellow-border-color .box-label {
      background-color: #ffd900
    }

    html .body .tab-caption-box.has-yellow-border-color .box-label {
      background-color: #ffd900
    }

    html .body .tab-caption-box.has-yellow-border-color .box-content {
      border-color: #ffd900
    }

    html .body .tab-caption-box.has-yellow-background-color .box-content {
      background-color: #ffd900
    }

    html .body .label-box.has-yellow-border-color .box-content {
      border-color: #ffd900
    }

    html .body .label-box.has-yellow-background-color .box-content {
      background-color: #ffd900
    }

    html .body .speech-balloon.has-yellow-background-color {
      background-color: #ffd900
    }

    html .body .speech-balloon.has-text-color.has-yellow-color {
      color: #ffd900
    }

    html .body .speech-balloon.has-yellow-border-color {
      border-color: #ffd900
    }

    html .body .sbp-l .speech-balloon.has-yellow-border-color::before {
      border-right-color: #ffd900
    }

    html .body .sbp-r .speech-balloon.has-yellow-border-color::before {
      border-left-color: #ffd900
    }

    html .body .sbp-l .speech-balloon.has-yellow-background-color::after {
      border-right-color: #ffd900
    }

    html .body .sbp-r .speech-balloon.has-yellow-background-color::after {
      border-left-color: #ffd900
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-yellow-background-color {
      background-color: #ffd900
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-yellow-border-color {
      border-color: #ffd900
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-yellow-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-yellow-border-color::after {
      border-color: #ffd900
    }

    html .body .sbs-think .speech-balloon.has-yellow-background-color::before,
    html .body .sbs-think .speech-balloon.has-yellow-background-color::after {
      background-color: #ffd900
    }

    html .body .sbs-think .speech-balloon.has-yellow-border-color::before {
      border-color: #ffd900
    }

    html .body .timeline-box.has-yellow-point-color .timeline-item::before {
      background-color: #ffd900
    }

    .has-yellow-border-color.is-style-accordion .faq-question {
      background-color: #ffd900
    }

    html .body .has-yellow-question-color .faq-question-label {
      color: #ffd900
    }

    html .body .has-yellow-question-color.has-border-color .faq-question-label {
      color: #ffd900
    }

    html .body .has-yellow-answer-color .faq-answer-label {
      color: #ffd900
    }

    html .body .is-style-square.has-yellow-question-color .faq-question-label {
      color: #fff;
      background-color: #ffd900
    }

    html .body .is-style-square.has-yellow-answer-color .faq-answer-label {
      color: #fff;
      background-color: #ffd900
    }

    html .body .has-amber-background-color {
      background-color: #ffc107
    }

    html .body .has-amber-color {
      color: #ffc107
    }

    html .body .has-amber-color .toggle-button::before {
      color: #ffc107
    }

    html .body .has-amber-border-color {
      border-color: #ffc107
    }

    html .body .btn-wrap.has-amber-background-color>a {
      background-color: #ffc107
    }

    html .body .btn-wrap.has-amber-color>a {
      color: #ffc107
    }

    html .body .btn-wrap.has-amber-border-color>a {
      border-color: #ffc107
    }

    html .body .bb-tab.has-amber-border-color .bb-label {
      background-color: #ffc107
    }

    html .body .toggle-wrap.has-amber-color .toggle-button,
    html .body .toggle-wrap.has-amber-color .toggle-button:before {
      color: #ffc107
    }

    html .body .toggle-wrap.has-amber-border-color .toggle-button {
      background-color: #ffc107
    }

    html .body .toggle-wrap.has-amber-border-color .toggle-button,
    .toggle-wrap.has-amber-border-color .toggle-content {
      border-color: #ffc107
    }

    html .body .iconlist-box.has-amber-icon-color li::before {
      color: #ffc107
    }

    html .body .micro-balloon.has-amber-color {
      color: #ffc107
    }

    html .body .micro-balloon.has-amber-background-color {
      background-color: #ffc107;
      border-color: transparent
    }

    html .body .micro-balloon.has-amber-background-color.micro-bottom::after {
      border-bottom-color: #ffc107;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-amber-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-amber-background-color::after {
      border-top-color: #ffc107
    }

    html .body .micro-balloon.has-border-color.has-amber-border-color {
      border-color: #ffc107
    }

    html .body .micro-balloon.micro-top.has-amber-border-color::before {
      border-top-color: #ffc107
    }

    html .body .micro-balloon.micro-bottom.has-amber-border-color::before {
      border-bottom-color: #ffc107
    }

    html .body .caption-box.has-amber-border-color .box-label {
      background-color: #ffc107
    }

    html .body .tab-caption-box.has-amber-border-color .box-label {
      background-color: #ffc107
    }

    html .body .tab-caption-box.has-amber-border-color .box-content {
      border-color: #ffc107
    }

    html .body .tab-caption-box.has-amber-background-color .box-content {
      background-color: #ffc107
    }

    html .body .label-box.has-amber-border-color .box-content {
      border-color: #ffc107
    }

    html .body .label-box.has-amber-background-color .box-content {
      background-color: #ffc107
    }

    html .body .speech-balloon.has-amber-background-color {
      background-color: #ffc107
    }

    html .body .speech-balloon.has-text-color.has-amber-color {
      color: #ffc107
    }

    html .body .speech-balloon.has-amber-border-color {
      border-color: #ffc107
    }

    html .body .sbp-l .speech-balloon.has-amber-border-color::before {
      border-right-color: #ffc107
    }

    html .body .sbp-r .speech-balloon.has-amber-border-color::before {
      border-left-color: #ffc107
    }

    html .body .sbp-l .speech-balloon.has-amber-background-color::after {
      border-right-color: #ffc107
    }

    html .body .sbp-r .speech-balloon.has-amber-background-color::after {
      border-left-color: #ffc107
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-amber-background-color {
      background-color: #ffc107
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-amber-border-color {
      border-color: #ffc107
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-amber-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-amber-border-color::after {
      border-color: #ffc107
    }

    html .body .sbs-think .speech-balloon.has-amber-background-color::before,
    html .body .sbs-think .speech-balloon.has-amber-background-color::after {
      background-color: #ffc107
    }

    html .body .sbs-think .speech-balloon.has-amber-border-color::before {
      border-color: #ffc107
    }

    html .body .timeline-box.has-amber-point-color .timeline-item::before {
      background-color: #ffc107
    }

    .has-amber-border-color.is-style-accordion .faq-question {
      background-color: #ffc107
    }

    html .body .has-amber-question-color .faq-question-label {
      color: #ffc107
    }

    html .body .has-amber-question-color.has-border-color .faq-question-label {
      color: #ffc107
    }

    html .body .has-amber-answer-color .faq-answer-label {
      color: #ffc107
    }

    html .body .is-style-square.has-amber-question-color .faq-question-label {
      color: #fff;
      background-color: #ffc107
    }

    html .body .is-style-square.has-amber-answer-color .faq-answer-label {
      color: #fff;
      background-color: #ffc107
    }

    html .body .has-orange-background-color {
      background-color: #f39800
    }

    html .body .has-orange-color {
      color: #f39800
    }

    html .body .has-orange-color .toggle-button::before {
      color: #f39800
    }

    html .body .has-orange-border-color {
      border-color: #f39800
    }

    html .body .btn-wrap.has-orange-background-color>a {
      background-color: #f39800
    }

    html .body .btn-wrap.has-orange-color>a {
      color: #f39800
    }

    html .body .btn-wrap.has-orange-border-color>a {
      border-color: #f39800
    }

    html .body .bb-tab.has-orange-border-color .bb-label {
      background-color: #f39800
    }

    html .body .toggle-wrap.has-orange-color .toggle-button,
    html .body .toggle-wrap.has-orange-color .toggle-button:before {
      color: #f39800
    }

    html .body .toggle-wrap.has-orange-border-color .toggle-button {
      background-color: #f39800
    }

    html .body .toggle-wrap.has-orange-border-color .toggle-button,
    .toggle-wrap.has-orange-border-color .toggle-content {
      border-color: #f39800
    }

    html .body .iconlist-box.has-orange-icon-color li::before {
      color: #f39800
    }

    html .body .micro-balloon.has-orange-color {
      color: #f39800
    }

    html .body .micro-balloon.has-orange-background-color {
      background-color: #f39800;
      border-color: transparent
    }

    html .body .micro-balloon.has-orange-background-color.micro-bottom::after {
      border-bottom-color: #f39800;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-orange-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-orange-background-color::after {
      border-top-color: #f39800
    }

    html .body .micro-balloon.has-border-color.has-orange-border-color {
      border-color: #f39800
    }

    html .body .micro-balloon.micro-top.has-orange-border-color::before {
      border-top-color: #f39800
    }

    html .body .micro-balloon.micro-bottom.has-orange-border-color::before {
      border-bottom-color: #f39800
    }

    html .body .caption-box.has-orange-border-color .box-label {
      background-color: #f39800
    }

    html .body .tab-caption-box.has-orange-border-color .box-label {
      background-color: #f39800
    }

    html .body .tab-caption-box.has-orange-border-color .box-content {
      border-color: #f39800
    }

    html .body .tab-caption-box.has-orange-background-color .box-content {
      background-color: #f39800
    }

    html .body .label-box.has-orange-border-color .box-content {
      border-color: #f39800
    }

    html .body .label-box.has-orange-background-color .box-content {
      background-color: #f39800
    }

    html .body .speech-balloon.has-orange-background-color {
      background-color: #f39800
    }

    html .body .speech-balloon.has-text-color.has-orange-color {
      color: #f39800
    }

    html .body .speech-balloon.has-orange-border-color {
      border-color: #f39800
    }

    html .body .sbp-l .speech-balloon.has-orange-border-color::before {
      border-right-color: #f39800
    }

    html .body .sbp-r .speech-balloon.has-orange-border-color::before {
      border-left-color: #f39800
    }

    html .body .sbp-l .speech-balloon.has-orange-background-color::after {
      border-right-color: #f39800
    }

    html .body .sbp-r .speech-balloon.has-orange-background-color::after {
      border-left-color: #f39800
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-orange-background-color {
      background-color: #f39800
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-orange-border-color {
      border-color: #f39800
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-orange-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-orange-border-color::after {
      border-color: #f39800
    }

    html .body .sbs-think .speech-balloon.has-orange-background-color::before,
    html .body .sbs-think .speech-balloon.has-orange-background-color::after {
      background-color: #f39800
    }

    html .body .sbs-think .speech-balloon.has-orange-border-color::before {
      border-color: #f39800
    }

    html .body .timeline-box.has-orange-point-color .timeline-item::before {
      background-color: #f39800
    }

    .has-orange-border-color.is-style-accordion .faq-question {
      background-color: #f39800
    }

    html .body .has-orange-question-color .faq-question-label {
      color: #f39800
    }

    html .body .has-orange-question-color.has-border-color .faq-question-label {
      color: #f39800
    }

    html .body .has-orange-answer-color .faq-answer-label {
      color: #f39800
    }

    html .body .is-style-square.has-orange-question-color .faq-question-label {
      color: #fff;
      background-color: #f39800
    }

    html .body .is-style-square.has-orange-answer-color .faq-answer-label {
      color: #fff;
      background-color: #f39800
    }

    html .body .has-deep-orange-background-color {
      background-color: #ea5506
    }

    html .body .has-deep-orange-color {
      color: #ea5506
    }

    html .body .has-deep-orange-color .toggle-button::before {
      color: #ea5506
    }

    html .body .has-deep-orange-border-color {
      border-color: #ea5506
    }

    html .body .btn-wrap.has-deep-orange-background-color>a {
      background-color: #ea5506
    }

    html .body .btn-wrap.has-deep-orange-color>a {
      color: #ea5506
    }

    html .body .btn-wrap.has-deep-orange-border-color>a {
      border-color: #ea5506
    }

    html .body .bb-tab.has-deep-orange-border-color .bb-label {
      background-color: #ea5506
    }

    html .body .toggle-wrap.has-deep-orange-color .toggle-button,
    html .body .toggle-wrap.has-deep-orange-color .toggle-button:before {
      color: #ea5506
    }

    html .body .toggle-wrap.has-deep-orange-border-color .toggle-button {
      background-color: #ea5506
    }

    html .body .toggle-wrap.has-deep-orange-border-color .toggle-button,
    .toggle-wrap.has-deep-orange-border-color .toggle-content {
      border-color: #ea5506
    }

    html .body .iconlist-box.has-deep-orange-icon-color li::before {
      color: #ea5506
    }

    html .body .micro-balloon.has-deep-orange-color {
      color: #ea5506
    }

    html .body .micro-balloon.has-deep-orange-background-color {
      background-color: #ea5506;
      border-color: transparent
    }

    html .body .micro-balloon.has-deep-orange-background-color.micro-bottom::after {
      border-bottom-color: #ea5506;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-deep-orange-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-deep-orange-background-color::after {
      border-top-color: #ea5506
    }

    html .body .micro-balloon.has-border-color.has-deep-orange-border-color {
      border-color: #ea5506
    }

    html .body .micro-balloon.micro-top.has-deep-orange-border-color::before {
      border-top-color: #ea5506
    }

    html .body .micro-balloon.micro-bottom.has-deep-orange-border-color::before {
      border-bottom-color: #ea5506
    }

    html .body .caption-box.has-deep-orange-border-color .box-label {
      background-color: #ea5506
    }

    html .body .tab-caption-box.has-deep-orange-border-color .box-label {
      background-color: #ea5506
    }

    html .body .tab-caption-box.has-deep-orange-border-color .box-content {
      border-color: #ea5506
    }

    html .body .tab-caption-box.has-deep-orange-background-color .box-content {
      background-color: #ea5506
    }

    html .body .label-box.has-deep-orange-border-color .box-content {
      border-color: #ea5506
    }

    html .body .label-box.has-deep-orange-background-color .box-content {
      background-color: #ea5506
    }

    html .body .speech-balloon.has-deep-orange-background-color {
      background-color: #ea5506
    }

    html .body .speech-balloon.has-text-color.has-deep-orange-color {
      color: #ea5506
    }

    html .body .speech-balloon.has-deep-orange-border-color {
      border-color: #ea5506
    }

    html .body .sbp-l .speech-balloon.has-deep-orange-border-color::before {
      border-right-color: #ea5506
    }

    html .body .sbp-r .speech-balloon.has-deep-orange-border-color::before {
      border-left-color: #ea5506
    }

    html .body .sbp-l .speech-balloon.has-deep-orange-background-color::after {
      border-right-color: #ea5506
    }

    html .body .sbp-r .speech-balloon.has-deep-orange-background-color::after {
      border-left-color: #ea5506
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-orange-background-color {
      background-color: #ea5506
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-deep-orange-border-color {
      border-color: #ea5506
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-deep-orange-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-deep-orange-border-color::after {
      border-color: #ea5506
    }

    html .body .sbs-think .speech-balloon.has-deep-orange-background-color::before,
    html .body .sbs-think .speech-balloon.has-deep-orange-background-color::after {
      background-color: #ea5506
    }

    html .body .sbs-think .speech-balloon.has-deep-orange-border-color::before {
      border-color: #ea5506
    }

    html .body .timeline-box.has-deep-orange-point-color .timeline-item::before {
      background-color: #ea5506
    }

    .has-deep-orange-border-color.is-style-accordion .faq-question {
      background-color: #ea5506
    }

    html .body .has-deep-orange-question-color .faq-question-label {
      color: #ea5506
    }

    html .body .has-deep-orange-question-color.has-border-color .faq-question-label {
      color: #ea5506
    }

    html .body .has-deep-orange-answer-color .faq-answer-label {
      color: #ea5506
    }

    html .body .is-style-square.has-deep-orange-question-color .faq-question-label {
      color: #fff;
      background-color: #ea5506
    }

    html .body .is-style-square.has-deep-orange-answer-color .faq-answer-label {
      color: #fff;
      background-color: #ea5506
    }

    html .body .has-brown-background-color {
      background-color: #954e2a
    }

    html .body .has-brown-color {
      color: #954e2a
    }

    html .body .has-brown-color .toggle-button::before {
      color: #954e2a
    }

    html .body .has-brown-border-color {
      border-color: #954e2a
    }

    html .body .btn-wrap.has-brown-background-color>a {
      background-color: #954e2a
    }

    html .body .btn-wrap.has-brown-color>a {
      color: #954e2a
    }

    html .body .btn-wrap.has-brown-border-color>a {
      border-color: #954e2a
    }

    html .body .bb-tab.has-brown-border-color .bb-label {
      background-color: #954e2a
    }

    html .body .toggle-wrap.has-brown-color .toggle-button,
    html .body .toggle-wrap.has-brown-color .toggle-button:before {
      color: #954e2a
    }

    html .body .toggle-wrap.has-brown-border-color .toggle-button {
      background-color: #954e2a
    }

    html .body .toggle-wrap.has-brown-border-color .toggle-button,
    .toggle-wrap.has-brown-border-color .toggle-content {
      border-color: #954e2a
    }

    html .body .iconlist-box.has-brown-icon-color li::before {
      color: #954e2a
    }

    html .body .micro-balloon.has-brown-color {
      color: #954e2a
    }

    html .body .micro-balloon.has-brown-background-color {
      background-color: #954e2a;
      border-color: transparent
    }

    html .body .micro-balloon.has-brown-background-color.micro-bottom::after {
      border-bottom-color: #954e2a;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-brown-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-brown-background-color::after {
      border-top-color: #954e2a
    }

    html .body .micro-balloon.has-border-color.has-brown-border-color {
      border-color: #954e2a
    }

    html .body .micro-balloon.micro-top.has-brown-border-color::before {
      border-top-color: #954e2a
    }

    html .body .micro-balloon.micro-bottom.has-brown-border-color::before {
      border-bottom-color: #954e2a
    }

    html .body .caption-box.has-brown-border-color .box-label {
      background-color: #954e2a
    }

    html .body .tab-caption-box.has-brown-border-color .box-label {
      background-color: #954e2a
    }

    html .body .tab-caption-box.has-brown-border-color .box-content {
      border-color: #954e2a
    }

    html .body .tab-caption-box.has-brown-background-color .box-content {
      background-color: #954e2a
    }

    html .body .label-box.has-brown-border-color .box-content {
      border-color: #954e2a
    }

    html .body .label-box.has-brown-background-color .box-content {
      background-color: #954e2a
    }

    html .body .speech-balloon.has-brown-background-color {
      background-color: #954e2a
    }

    html .body .speech-balloon.has-text-color.has-brown-color {
      color: #954e2a
    }

    html .body .speech-balloon.has-brown-border-color {
      border-color: #954e2a
    }

    html .body .sbp-l .speech-balloon.has-brown-border-color::before {
      border-right-color: #954e2a
    }

    html .body .sbp-r .speech-balloon.has-brown-border-color::before {
      border-left-color: #954e2a
    }

    html .body .sbp-l .speech-balloon.has-brown-background-color::after {
      border-right-color: #954e2a
    }

    html .body .sbp-r .speech-balloon.has-brown-background-color::after {
      border-left-color: #954e2a
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-brown-background-color {
      background-color: #954e2a
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-brown-border-color {
      border-color: #954e2a
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-brown-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-brown-border-color::after {
      border-color: #954e2a
    }

    html .body .sbs-think .speech-balloon.has-brown-background-color::before,
    html .body .sbs-think .speech-balloon.has-brown-background-color::after {
      background-color: #954e2a
    }

    html .body .sbs-think .speech-balloon.has-brown-border-color::before {
      border-color: #954e2a
    }

    html .body .timeline-box.has-brown-point-color .timeline-item::before {
      background-color: #954e2a
    }

    .has-brown-border-color.is-style-accordion .faq-question {
      background-color: #954e2a
    }

    html .body .has-brown-question-color .faq-question-label {
      color: #954e2a
    }

    html .body .has-brown-question-color.has-border-color .faq-question-label {
      color: #954e2a
    }

    html .body .has-brown-answer-color .faq-answer-label {
      color: #954e2a
    }

    html .body .is-style-square.has-brown-question-color .faq-question-label {
      color: #fff;
      background-color: #954e2a
    }

    html .body .is-style-square.has-brown-answer-color .faq-answer-label {
      color: #fff;
      background-color: #954e2a
    }

    html .body .has-grey-background-color {
      background-color: #949495
    }

    html .body .has-grey-color {
      color: #949495
    }

    html .body .has-grey-color .toggle-button::before {
      color: #949495
    }

    html .body .has-grey-border-color {
      border-color: #949495
    }

    html .body .btn-wrap.has-grey-background-color>a {
      background-color: #949495
    }

    html .body .btn-wrap.has-grey-color>a {
      color: #949495
    }

    html .body .btn-wrap.has-grey-border-color>a {
      border-color: #949495
    }

    html .body .bb-tab.has-grey-border-color .bb-label {
      background-color: #949495
    }

    html .body .toggle-wrap.has-grey-color .toggle-button,
    html .body .toggle-wrap.has-grey-color .toggle-button:before {
      color: #949495
    }

    html .body .toggle-wrap.has-grey-border-color .toggle-button {
      background-color: #949495
    }

    html .body .toggle-wrap.has-grey-border-color .toggle-button,
    .toggle-wrap.has-grey-border-color .toggle-content {
      border-color: #949495
    }

    html .body .iconlist-box.has-grey-icon-color li::before {
      color: #949495
    }

    html .body .micro-balloon.has-grey-color {
      color: #949495
    }

    html .body .micro-balloon.has-grey-background-color {
      background-color: #949495;
      border-color: transparent
    }

    html .body .micro-balloon.has-grey-background-color.micro-bottom::after {
      border-bottom-color: #949495;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-grey-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-grey-background-color::after {
      border-top-color: #949495
    }

    html .body .micro-balloon.has-border-color.has-grey-border-color {
      border-color: #949495
    }

    html .body .micro-balloon.micro-top.has-grey-border-color::before {
      border-top-color: #949495
    }

    html .body .micro-balloon.micro-bottom.has-grey-border-color::before {
      border-bottom-color: #949495
    }

    html .body .caption-box.has-grey-border-color .box-label {
      background-color: #949495
    }

    html .body .tab-caption-box.has-grey-border-color .box-label {
      background-color: #949495
    }

    html .body .tab-caption-box.has-grey-border-color .box-content {
      border-color: #949495
    }

    html .body .tab-caption-box.has-grey-background-color .box-content {
      background-color: #949495
    }

    html .body .label-box.has-grey-border-color .box-content {
      border-color: #949495
    }

    html .body .label-box.has-grey-background-color .box-content {
      background-color: #949495
    }

    html .body .speech-balloon.has-grey-background-color {
      background-color: #949495
    }

    html .body .speech-balloon.has-text-color.has-grey-color {
      color: #949495
    }

    html .body .speech-balloon.has-grey-border-color {
      border-color: #949495
    }

    html .body .sbp-l .speech-balloon.has-grey-border-color::before {
      border-right-color: #949495
    }

    html .body .sbp-r .speech-balloon.has-grey-border-color::before {
      border-left-color: #949495
    }

    html .body .sbp-l .speech-balloon.has-grey-background-color::after {
      border-right-color: #949495
    }

    html .body .sbp-r .speech-balloon.has-grey-background-color::after {
      border-left-color: #949495
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-grey-background-color {
      background-color: #949495
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-grey-border-color {
      border-color: #949495
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-grey-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-grey-border-color::after {
      border-color: #949495
    }

    html .body .sbs-think .speech-balloon.has-grey-background-color::before,
    html .body .sbs-think .speech-balloon.has-grey-background-color::after {
      background-color: #949495
    }

    html .body .sbs-think .speech-balloon.has-grey-border-color::before {
      border-color: #949495
    }

    html .body .timeline-box.has-grey-point-color .timeline-item::before {
      background-color: #949495
    }

    .has-grey-border-color.is-style-accordion .faq-question {
      background-color: #949495
    }

    html .body .has-grey-question-color .faq-question-label {
      color: #949495
    }

    html .body .has-grey-question-color.has-border-color .faq-question-label {
      color: #949495
    }

    html .body .has-grey-answer-color .faq-answer-label {
      color: #949495
    }

    html .body .is-style-square.has-grey-question-color .faq-question-label {
      color: #fff;
      background-color: #949495
    }

    html .body .is-style-square.has-grey-answer-color .faq-answer-label {
      color: #fff;
      background-color: #949495
    }

    html .body .has-black-background-color {
      background-color: #333
    }

    html .body .has-black-color {
      color: #333
    }

    html .body .has-black-color .toggle-button::before {
      color: #333
    }

    html .body .has-black-border-color {
      border-color: #333
    }

    html .body .btn-wrap.has-black-background-color>a {
      background-color: #333
    }

    html .body .btn-wrap.has-black-color>a {
      color: #333
    }

    html .body .btn-wrap.has-black-border-color>a {
      border-color: #333
    }

    html .body .bb-tab.has-black-border-color .bb-label {
      background-color: #333
    }

    html .body .toggle-wrap.has-black-color .toggle-button,
    html .body .toggle-wrap.has-black-color .toggle-button:before {
      color: #333
    }

    html .body .toggle-wrap.has-black-border-color .toggle-button {
      background-color: #333
    }

    html .body .toggle-wrap.has-black-border-color .toggle-button,
    .toggle-wrap.has-black-border-color .toggle-content {
      border-color: #333
    }

    html .body .iconlist-box.has-black-icon-color li::before {
      color: #333
    }

    html .body .micro-balloon.has-black-color {
      color: #333
    }

    html .body .micro-balloon.has-black-background-color {
      background-color: #333;
      border-color: transparent
    }

    html .body .micro-balloon.has-black-background-color.micro-bottom::after {
      border-bottom-color: #333;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-black-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-black-background-color::after {
      border-top-color: #333
    }

    html .body .micro-balloon.has-border-color.has-black-border-color {
      border-color: #333
    }

    html .body .micro-balloon.micro-top.has-black-border-color::before {
      border-top-color: #333
    }

    html .body .micro-balloon.micro-bottom.has-black-border-color::before {
      border-bottom-color: #333
    }

    html .body .caption-box.has-black-border-color .box-label {
      background-color: #333
    }

    html .body .tab-caption-box.has-black-border-color .box-label {
      background-color: #333
    }

    html .body .tab-caption-box.has-black-border-color .box-content {
      border-color: #333
    }

    html .body .tab-caption-box.has-black-background-color .box-content {
      background-color: #333
    }

    html .body .label-box.has-black-border-color .box-content {
      border-color: #333
    }

    html .body .label-box.has-black-background-color .box-content {
      background-color: #333
    }

    html .body .speech-balloon.has-black-background-color {
      background-color: #333
    }

    html .body .speech-balloon.has-text-color.has-black-color {
      color: #333
    }

    html .body .speech-balloon.has-black-border-color {
      border-color: #333
    }

    html .body .sbp-l .speech-balloon.has-black-border-color::before {
      border-right-color: #333
    }

    html .body .sbp-r .speech-balloon.has-black-border-color::before {
      border-left-color: #333
    }

    html .body .sbp-l .speech-balloon.has-black-background-color::after {
      border-right-color: #333
    }

    html .body .sbp-r .speech-balloon.has-black-background-color::after {
      border-left-color: #333
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-black-background-color {
      background-color: #333
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-black-border-color {
      border-color: #333
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-black-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-black-border-color::after {
      border-color: #333
    }

    html .body .sbs-think .speech-balloon.has-black-background-color::before,
    html .body .sbs-think .speech-balloon.has-black-background-color::after {
      background-color: #333
    }

    html .body .sbs-think .speech-balloon.has-black-border-color::before {
      border-color: #333
    }

    html .body .timeline-box.has-black-point-color .timeline-item::before {
      background-color: #333
    }

    .has-black-border-color.is-style-accordion .faq-question {
      background-color: #333
    }

    html .body .has-black-question-color .faq-question-label {
      color: #333
    }

    html .body .has-black-question-color.has-border-color .faq-question-label {
      color: #333
    }

    html .body .has-black-answer-color .faq-answer-label {
      color: #333
    }

    html .body .is-style-square.has-black-question-color .faq-question-label {
      color: #fff;
      background-color: #333
    }

    html .body .is-style-square.has-black-answer-color .faq-answer-label {
      color: #fff;
      background-color: #333
    }

    html .body .has-white-background-color {
      background-color: #fff
    }

    html .body .has-white-color {
      color: #fff
    }

    html .body .has-white-color .toggle-button::before {
      color: #fff
    }

    html .body .has-white-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-white-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-white-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-white-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-white-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-white-color .toggle-button,
    html .body .toggle-wrap.has-white-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-white-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-white-border-color .toggle-button,
    .toggle-wrap.has-white-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-white-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-white-color {
      color: #fff
    }

    html .body .micro-balloon.has-white-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-white-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-white-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-white-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-white-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-white-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-white-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-white-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-white-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-white-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-white-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-white-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-white-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-white-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-white-color {
      color: #fff
    }

    html .body .speech-balloon.has-white-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-white-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-white-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-white-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-white-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-white-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-white-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-white-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-white-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-white-background-color::before,
    html .body .sbs-think .speech-balloon.has-white-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-white-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-white-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-white-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-white-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-white-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-white-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-white-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-white-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-watery-blue-background-color {
      background-color: #f3fafe
    }

    html .body .has-watery-blue-color {
      color: #f3fafe
    }

    html .body .has-watery-blue-color .toggle-button::before {
      color: #f3fafe
    }

    html .body .has-watery-blue-border-color {
      border-color: #f3fafe
    }

    html .body .btn-wrap.has-watery-blue-background-color>a {
      background-color: #f3fafe
    }

    html .body .btn-wrap.has-watery-blue-color>a {
      color: #f3fafe
    }

    html .body .btn-wrap.has-watery-blue-border-color>a {
      border-color: #f3fafe
    }

    html .body .bb-tab.has-watery-blue-border-color .bb-label {
      background-color: #f3fafe
    }

    html .body .toggle-wrap.has-watery-blue-color .toggle-button,
    html .body .toggle-wrap.has-watery-blue-color .toggle-button:before {
      color: #f3fafe
    }

    html .body .toggle-wrap.has-watery-blue-border-color .toggle-button {
      background-color: #f3fafe
    }

    html .body .toggle-wrap.has-watery-blue-border-color .toggle-button,
    .toggle-wrap.has-watery-blue-border-color .toggle-content {
      border-color: #f3fafe
    }

    html .body .iconlist-box.has-watery-blue-icon-color li::before {
      color: #f3fafe
    }

    html .body .micro-balloon.has-watery-blue-color {
      color: #f3fafe
    }

    html .body .micro-balloon.has-watery-blue-background-color {
      background-color: #f3fafe;
      border-color: transparent
    }

    html .body .micro-balloon.has-watery-blue-background-color.micro-bottom::after {
      border-bottom-color: #f3fafe;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-watery-blue-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-watery-blue-background-color::after {
      border-top-color: #f3fafe
    }

    html .body .micro-balloon.has-border-color.has-watery-blue-border-color {
      border-color: #f3fafe
    }

    html .body .micro-balloon.micro-top.has-watery-blue-border-color::before {
      border-top-color: #f3fafe
    }

    html .body .micro-balloon.micro-bottom.has-watery-blue-border-color::before {
      border-bottom-color: #f3fafe
    }

    html .body .caption-box.has-watery-blue-border-color .box-label {
      background-color: #f3fafe
    }

    html .body .tab-caption-box.has-watery-blue-border-color .box-label {
      background-color: #f3fafe
    }

    html .body .tab-caption-box.has-watery-blue-border-color .box-content {
      border-color: #f3fafe
    }

    html .body .tab-caption-box.has-watery-blue-background-color .box-content {
      background-color: #f3fafe
    }

    html .body .label-box.has-watery-blue-border-color .box-content {
      border-color: #f3fafe
    }

    html .body .label-box.has-watery-blue-background-color .box-content {
      background-color: #f3fafe
    }

    html .body .speech-balloon.has-watery-blue-background-color {
      background-color: #f3fafe
    }

    html .body .speech-balloon.has-text-color.has-watery-blue-color {
      color: #f3fafe
    }

    html .body .speech-balloon.has-watery-blue-border-color {
      border-color: #f3fafe
    }

    html .body .sbp-l .speech-balloon.has-watery-blue-border-color::before {
      border-right-color: #f3fafe
    }

    html .body .sbp-r .speech-balloon.has-watery-blue-border-color::before {
      border-left-color: #f3fafe
    }

    html .body .sbp-l .speech-balloon.has-watery-blue-background-color::after {
      border-right-color: #f3fafe
    }

    html .body .sbp-r .speech-balloon.has-watery-blue-background-color::after {
      border-left-color: #f3fafe
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-blue-background-color {
      background-color: #f3fafe
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-blue-border-color {
      border-color: #f3fafe
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-watery-blue-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-watery-blue-border-color::after {
      border-color: #f3fafe
    }

    html .body .sbs-think .speech-balloon.has-watery-blue-background-color::before,
    html .body .sbs-think .speech-balloon.has-watery-blue-background-color::after {
      background-color: #f3fafe
    }

    html .body .sbs-think .speech-balloon.has-watery-blue-border-color::before {
      border-color: #f3fafe
    }

    html .body .timeline-box.has-watery-blue-point-color .timeline-item::before {
      background-color: #f3fafe
    }

    .has-watery-blue-border-color.is-style-accordion .faq-question {
      background-color: #f3fafe
    }

    html .body .has-watery-blue-question-color .faq-question-label {
      color: #f3fafe
    }

    html .body .has-watery-blue-question-color.has-border-color .faq-question-label {
      color: #f3fafe
    }

    html .body .has-watery-blue-answer-color .faq-answer-label {
      color: #f3fafe
    }

    html .body .is-style-square.has-watery-blue-question-color .faq-question-label {
      color: #fff;
      background-color: #f3fafe
    }

    html .body .is-style-square.has-watery-blue-answer-color .faq-answer-label {
      color: #fff;
      background-color: #f3fafe
    }

    html .body .has-watery-yellow-background-color {
      background-color: #fff7cc
    }

    html .body .has-watery-yellow-color {
      color: #fff7cc
    }

    html .body .has-watery-yellow-color .toggle-button::before {
      color: #fff7cc
    }

    html .body .has-watery-yellow-border-color {
      border-color: #fff7cc
    }

    html .body .btn-wrap.has-watery-yellow-background-color>a {
      background-color: #fff7cc
    }

    html .body .btn-wrap.has-watery-yellow-color>a {
      color: #fff7cc
    }

    html .body .btn-wrap.has-watery-yellow-border-color>a {
      border-color: #fff7cc
    }

    html .body .bb-tab.has-watery-yellow-border-color .bb-label {
      background-color: #fff7cc
    }

    html .body .toggle-wrap.has-watery-yellow-color .toggle-button,
    html .body .toggle-wrap.has-watery-yellow-color .toggle-button:before {
      color: #fff7cc
    }

    html .body .toggle-wrap.has-watery-yellow-border-color .toggle-button {
      background-color: #fff7cc
    }

    html .body .toggle-wrap.has-watery-yellow-border-color .toggle-button,
    .toggle-wrap.has-watery-yellow-border-color .toggle-content {
      border-color: #fff7cc
    }

    html .body .iconlist-box.has-watery-yellow-icon-color li::before {
      color: #fff7cc
    }

    html .body .micro-balloon.has-watery-yellow-color {
      color: #fff7cc
    }

    html .body .micro-balloon.has-watery-yellow-background-color {
      background-color: #fff7cc;
      border-color: transparent
    }

    html .body .micro-balloon.has-watery-yellow-background-color.micro-bottom::after {
      border-bottom-color: #fff7cc;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-watery-yellow-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-watery-yellow-background-color::after {
      border-top-color: #fff7cc
    }

    html .body .micro-balloon.has-border-color.has-watery-yellow-border-color {
      border-color: #fff7cc
    }

    html .body .micro-balloon.micro-top.has-watery-yellow-border-color::before {
      border-top-color: #fff7cc
    }

    html .body .micro-balloon.micro-bottom.has-watery-yellow-border-color::before {
      border-bottom-color: #fff7cc
    }

    html .body .caption-box.has-watery-yellow-border-color .box-label {
      background-color: #fff7cc
    }

    html .body .tab-caption-box.has-watery-yellow-border-color .box-label {
      background-color: #fff7cc
    }

    html .body .tab-caption-box.has-watery-yellow-border-color .box-content {
      border-color: #fff7cc
    }

    html .body .tab-caption-box.has-watery-yellow-background-color .box-content {
      background-color: #fff7cc
    }

    html .body .label-box.has-watery-yellow-border-color .box-content {
      border-color: #fff7cc
    }

    html .body .label-box.has-watery-yellow-background-color .box-content {
      background-color: #fff7cc
    }

    html .body .speech-balloon.has-watery-yellow-background-color {
      background-color: #fff7cc
    }

    html .body .speech-balloon.has-text-color.has-watery-yellow-color {
      color: #fff7cc
    }

    html .body .speech-balloon.has-watery-yellow-border-color {
      border-color: #fff7cc
    }

    html .body .sbp-l .speech-balloon.has-watery-yellow-border-color::before {
      border-right-color: #fff7cc
    }

    html .body .sbp-r .speech-balloon.has-watery-yellow-border-color::before {
      border-left-color: #fff7cc
    }

    html .body .sbp-l .speech-balloon.has-watery-yellow-background-color::after {
      border-right-color: #fff7cc
    }

    html .body .sbp-r .speech-balloon.has-watery-yellow-background-color::after {
      border-left-color: #fff7cc
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-yellow-background-color {
      background-color: #fff7cc
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-yellow-border-color {
      border-color: #fff7cc
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-watery-yellow-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-watery-yellow-border-color::after {
      border-color: #fff7cc
    }

    html .body .sbs-think .speech-balloon.has-watery-yellow-background-color::before,
    html .body .sbs-think .speech-balloon.has-watery-yellow-background-color::after {
      background-color: #fff7cc
    }

    html .body .sbs-think .speech-balloon.has-watery-yellow-border-color::before {
      border-color: #fff7cc
    }

    html .body .timeline-box.has-watery-yellow-point-color .timeline-item::before {
      background-color: #fff7cc
    }

    .has-watery-yellow-border-color.is-style-accordion .faq-question {
      background-color: #fff7cc
    }

    html .body .has-watery-yellow-question-color .faq-question-label {
      color: #fff7cc
    }

    html .body .has-watery-yellow-question-color.has-border-color .faq-question-label {
      color: #fff7cc
    }

    html .body .has-watery-yellow-answer-color .faq-answer-label {
      color: #fff7cc
    }

    html .body .is-style-square.has-watery-yellow-question-color .faq-question-label {
      color: #fff;
      background-color: #fff7cc
    }

    html .body .is-style-square.has-watery-yellow-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff7cc
    }

    html .body .has-watery-red-background-color {
      background-color: #fdf2f2
    }

    html .body .has-watery-red-color {
      color: #fdf2f2
    }

    html .body .has-watery-red-color .toggle-button::before {
      color: #fdf2f2
    }

    html .body .has-watery-red-border-color {
      border-color: #fdf2f2
    }

    html .body .btn-wrap.has-watery-red-background-color>a {
      background-color: #fdf2f2
    }

    html .body .btn-wrap.has-watery-red-color>a {
      color: #fdf2f2
    }

    html .body .btn-wrap.has-watery-red-border-color>a {
      border-color: #fdf2f2
    }

    html .body .bb-tab.has-watery-red-border-color .bb-label {
      background-color: #fdf2f2
    }

    html .body .toggle-wrap.has-watery-red-color .toggle-button,
    html .body .toggle-wrap.has-watery-red-color .toggle-button:before {
      color: #fdf2f2
    }

    html .body .toggle-wrap.has-watery-red-border-color .toggle-button {
      background-color: #fdf2f2
    }

    html .body .toggle-wrap.has-watery-red-border-color .toggle-button,
    .toggle-wrap.has-watery-red-border-color .toggle-content {
      border-color: #fdf2f2
    }

    html .body .iconlist-box.has-watery-red-icon-color li::before {
      color: #fdf2f2
    }

    html .body .micro-balloon.has-watery-red-color {
      color: #fdf2f2
    }

    html .body .micro-balloon.has-watery-red-background-color {
      background-color: #fdf2f2;
      border-color: transparent
    }

    html .body .micro-balloon.has-watery-red-background-color.micro-bottom::after {
      border-bottom-color: #fdf2f2;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-watery-red-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-watery-red-background-color::after {
      border-top-color: #fdf2f2
    }

    html .body .micro-balloon.has-border-color.has-watery-red-border-color {
      border-color: #fdf2f2
    }

    html .body .micro-balloon.micro-top.has-watery-red-border-color::before {
      border-top-color: #fdf2f2
    }

    html .body .micro-balloon.micro-bottom.has-watery-red-border-color::before {
      border-bottom-color: #fdf2f2
    }

    html .body .caption-box.has-watery-red-border-color .box-label {
      background-color: #fdf2f2
    }

    html .body .tab-caption-box.has-watery-red-border-color .box-label {
      background-color: #fdf2f2
    }

    html .body .tab-caption-box.has-watery-red-border-color .box-content {
      border-color: #fdf2f2
    }

    html .body .tab-caption-box.has-watery-red-background-color .box-content {
      background-color: #fdf2f2
    }

    html .body .label-box.has-watery-red-border-color .box-content {
      border-color: #fdf2f2
    }

    html .body .label-box.has-watery-red-background-color .box-content {
      background-color: #fdf2f2
    }

    html .body .speech-balloon.has-watery-red-background-color {
      background-color: #fdf2f2
    }

    html .body .speech-balloon.has-text-color.has-watery-red-color {
      color: #fdf2f2
    }

    html .body .speech-balloon.has-watery-red-border-color {
      border-color: #fdf2f2
    }

    html .body .sbp-l .speech-balloon.has-watery-red-border-color::before {
      border-right-color: #fdf2f2
    }

    html .body .sbp-r .speech-balloon.has-watery-red-border-color::before {
      border-left-color: #fdf2f2
    }

    html .body .sbp-l .speech-balloon.has-watery-red-background-color::after {
      border-right-color: #fdf2f2
    }

    html .body .sbp-r .speech-balloon.has-watery-red-background-color::after {
      border-left-color: #fdf2f2
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-red-background-color {
      background-color: #fdf2f2
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-red-border-color {
      border-color: #fdf2f2
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-watery-red-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-watery-red-border-color::after {
      border-color: #fdf2f2
    }

    html .body .sbs-think .speech-balloon.has-watery-red-background-color::before,
    html .body .sbs-think .speech-balloon.has-watery-red-background-color::after {
      background-color: #fdf2f2
    }

    html .body .sbs-think .speech-balloon.has-watery-red-border-color::before {
      border-color: #fdf2f2
    }

    html .body .timeline-box.has-watery-red-point-color .timeline-item::before {
      background-color: #fdf2f2
    }

    .has-watery-red-border-color.is-style-accordion .faq-question {
      background-color: #fdf2f2
    }

    html .body .has-watery-red-question-color .faq-question-label {
      color: #fdf2f2
    }

    html .body .has-watery-red-question-color.has-border-color .faq-question-label {
      color: #fdf2f2
    }

    html .body .has-watery-red-answer-color .faq-answer-label {
      color: #fdf2f2
    }

    html .body .is-style-square.has-watery-red-question-color .faq-question-label {
      color: #fff;
      background-color: #fdf2f2
    }

    html .body .is-style-square.has-watery-red-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fdf2f2
    }

    html .body .has-watery-green-background-color {
      background-color: #ebf8f4
    }

    html .body .has-watery-green-color {
      color: #ebf8f4
    }

    html .body .has-watery-green-color .toggle-button::before {
      color: #ebf8f4
    }

    html .body .has-watery-green-border-color {
      border-color: #ebf8f4
    }

    html .body .btn-wrap.has-watery-green-background-color>a {
      background-color: #ebf8f4
    }

    html .body .btn-wrap.has-watery-green-color>a {
      color: #ebf8f4
    }

    html .body .btn-wrap.has-watery-green-border-color>a {
      border-color: #ebf8f4
    }

    html .body .bb-tab.has-watery-green-border-color .bb-label {
      background-color: #ebf8f4
    }

    html .body .toggle-wrap.has-watery-green-color .toggle-button,
    html .body .toggle-wrap.has-watery-green-color .toggle-button:before {
      color: #ebf8f4
    }

    html .body .toggle-wrap.has-watery-green-border-color .toggle-button {
      background-color: #ebf8f4
    }

    html .body .toggle-wrap.has-watery-green-border-color .toggle-button,
    .toggle-wrap.has-watery-green-border-color .toggle-content {
      border-color: #ebf8f4
    }

    html .body .iconlist-box.has-watery-green-icon-color li::before {
      color: #ebf8f4
    }

    html .body .micro-balloon.has-watery-green-color {
      color: #ebf8f4
    }

    html .body .micro-balloon.has-watery-green-background-color {
      background-color: #ebf8f4;
      border-color: transparent
    }

    html .body .micro-balloon.has-watery-green-background-color.micro-bottom::after {
      border-bottom-color: #ebf8f4;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-watery-green-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-watery-green-background-color::after {
      border-top-color: #ebf8f4
    }

    html .body .micro-balloon.has-border-color.has-watery-green-border-color {
      border-color: #ebf8f4
    }

    html .body .micro-balloon.micro-top.has-watery-green-border-color::before {
      border-top-color: #ebf8f4
    }

    html .body .micro-balloon.micro-bottom.has-watery-green-border-color::before {
      border-bottom-color: #ebf8f4
    }

    html .body .caption-box.has-watery-green-border-color .box-label {
      background-color: #ebf8f4
    }

    html .body .tab-caption-box.has-watery-green-border-color .box-label {
      background-color: #ebf8f4
    }

    html .body .tab-caption-box.has-watery-green-border-color .box-content {
      border-color: #ebf8f4
    }

    html .body .tab-caption-box.has-watery-green-background-color .box-content {
      background-color: #ebf8f4
    }

    html .body .label-box.has-watery-green-border-color .box-content {
      border-color: #ebf8f4
    }

    html .body .label-box.has-watery-green-background-color .box-content {
      background-color: #ebf8f4
    }

    html .body .speech-balloon.has-watery-green-background-color {
      background-color: #ebf8f4
    }

    html .body .speech-balloon.has-text-color.has-watery-green-color {
      color: #ebf8f4
    }

    html .body .speech-balloon.has-watery-green-border-color {
      border-color: #ebf8f4
    }

    html .body .sbp-l .speech-balloon.has-watery-green-border-color::before {
      border-right-color: #ebf8f4
    }

    html .body .sbp-r .speech-balloon.has-watery-green-border-color::before {
      border-left-color: #ebf8f4
    }

    html .body .sbp-l .speech-balloon.has-watery-green-background-color::after {
      border-right-color: #ebf8f4
    }

    html .body .sbp-r .speech-balloon.has-watery-green-background-color::after {
      border-left-color: #ebf8f4
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-green-background-color {
      background-color: #ebf8f4
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-watery-green-border-color {
      border-color: #ebf8f4
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-watery-green-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-watery-green-border-color::after {
      border-color: #ebf8f4
    }

    html .body .sbs-think .speech-balloon.has-watery-green-background-color::before,
    html .body .sbs-think .speech-balloon.has-watery-green-background-color::after {
      background-color: #ebf8f4
    }

    html .body .sbs-think .speech-balloon.has-watery-green-border-color::before {
      border-color: #ebf8f4
    }

    html .body .timeline-box.has-watery-green-point-color .timeline-item::before {
      background-color: #ebf8f4
    }

    .has-watery-green-border-color.is-style-accordion .faq-question {
      background-color: #ebf8f4
    }

    html .body .has-watery-green-question-color .faq-question-label {
      color: #ebf8f4
    }

    html .body .has-watery-green-question-color.has-border-color .faq-question-label {
      color: #ebf8f4
    }

    html .body .has-watery-green-answer-color .faq-answer-label {
      color: #ebf8f4
    }

    html .body .is-style-square.has-watery-green-question-color .faq-question-label {
      color: #fff;
      background-color: #ebf8f4
    }

    html .body .is-style-square.has-watery-green-answer-color .faq-answer-label {
      color: #fff;
      background-color: #ebf8f4
    }

    html .body .has-ex-a-background-color {
      background-color: #fff
    }

    html .body .has-ex-a-color {
      color: #fff
    }

    html .body .has-ex-a-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-a-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-a-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-a-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-a-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-a-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-a-color .toggle-button,
    html .body .toggle-wrap.has-ex-a-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-a-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-a-border-color .toggle-button,
    .toggle-wrap.has-ex-a-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-a-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-a-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-a-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-a-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-a-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-a-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-a-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-a-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-a-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-a-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-a-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-a-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-a-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-a-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-a-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-a-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-a-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-a-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-a-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-a-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-a-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-a-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-a-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-a-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-a-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-a-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-a-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-a-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-a-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-a-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-a-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-a-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-a-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-a-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-a-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-a-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-ex-b-background-color {
      background-color: #fff
    }

    html .body .has-ex-b-color {
      color: #fff
    }

    html .body .has-ex-b-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-b-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-b-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-b-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-b-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-b-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-b-color .toggle-button,
    html .body .toggle-wrap.has-ex-b-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-b-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-b-border-color .toggle-button,
    .toggle-wrap.has-ex-b-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-b-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-b-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-b-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-b-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-b-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-b-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-b-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-b-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-b-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-b-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-b-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-b-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-b-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-b-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-b-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-b-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-b-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-b-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-b-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-b-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-b-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-b-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-b-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-b-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-b-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-b-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-b-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-b-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-b-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-b-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-b-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-b-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-b-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-b-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-b-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-b-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-ex-c-background-color {
      background-color: #fff
    }

    html .body .has-ex-c-color {
      color: #fff
    }

    html .body .has-ex-c-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-c-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-c-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-c-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-c-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-c-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-c-color .toggle-button,
    html .body .toggle-wrap.has-ex-c-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-c-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-c-border-color .toggle-button,
    .toggle-wrap.has-ex-c-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-c-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-c-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-c-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-c-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-c-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-c-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-c-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-c-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-c-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-c-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-c-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-c-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-c-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-c-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-c-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-c-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-c-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-c-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-c-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-c-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-c-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-c-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-c-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-c-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-c-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-c-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-c-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-c-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-c-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-c-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-c-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-c-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-c-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-c-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-c-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-c-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-ex-d-background-color {
      background-color: #fff
    }

    html .body .has-ex-d-color {
      color: #fff
    }

    html .body .has-ex-d-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-d-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-d-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-d-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-d-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-d-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-d-color .toggle-button,
    html .body .toggle-wrap.has-ex-d-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-d-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-d-border-color .toggle-button,
    .toggle-wrap.has-ex-d-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-d-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-d-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-d-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-d-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-d-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-d-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-d-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-d-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-d-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-d-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-d-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-d-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-d-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-d-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-d-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-d-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-d-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-d-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-d-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-d-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-d-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-d-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-d-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-d-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-d-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-d-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-d-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-d-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-d-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-d-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-d-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-d-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-d-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-d-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-d-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-d-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-ex-e-background-color {
      background-color: #fff
    }

    html .body .has-ex-e-color {
      color: #fff
    }

    html .body .has-ex-e-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-e-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-e-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-e-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-e-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-e-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-e-color .toggle-button,
    html .body .toggle-wrap.has-ex-e-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-e-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-e-border-color .toggle-button,
    .toggle-wrap.has-ex-e-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-e-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-e-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-e-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-e-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-e-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-e-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-e-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-e-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-e-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-e-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-e-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-e-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-e-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-e-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-e-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-e-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-e-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-e-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-e-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-e-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-e-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-e-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-e-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-e-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-e-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-e-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-e-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-e-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-e-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-e-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-e-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-e-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-e-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-e-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-e-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-e-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .has-ex-f-background-color {
      background-color: #fff
    }

    html .body .has-ex-f-color {
      color: #fff
    }

    html .body .has-ex-f-color .toggle-button::before {
      color: #fff
    }

    html .body .has-ex-f-border-color {
      border-color: #fff
    }

    html .body .btn-wrap.has-ex-f-background-color>a {
      background-color: #fff
    }

    html .body .btn-wrap.has-ex-f-color>a {
      color: #fff
    }

    html .body .btn-wrap.has-ex-f-border-color>a {
      border-color: #fff
    }

    html .body .bb-tab.has-ex-f-border-color .bb-label {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-f-color .toggle-button,
    html .body .toggle-wrap.has-ex-f-color .toggle-button:before {
      color: #fff
    }

    html .body .toggle-wrap.has-ex-f-border-color .toggle-button {
      background-color: #fff
    }

    html .body .toggle-wrap.has-ex-f-border-color .toggle-button,
    .toggle-wrap.has-ex-f-border-color .toggle-content {
      border-color: #fff
    }

    html .body .iconlist-box.has-ex-f-icon-color li::before {
      color: #fff
    }

    html .body .micro-balloon.has-ex-f-color {
      color: #fff
    }

    html .body .micro-balloon.has-ex-f-background-color {
      background-color: #fff;
      border-color: transparent
    }

    html .body .micro-balloon.has-ex-f-background-color.micro-bottom::after {
      border-bottom-color: #fff;
      border-top-color: transparent
    }

    html .body .micro-balloon.has-ex-f-background-color::before {
      border-top-color: transparent;
      border-bottom-color: transparent
    }

    html .body .micro-balloon.has-ex-f-background-color::after {
      border-top-color: #fff
    }

    html .body .micro-balloon.has-border-color.has-ex-f-border-color {
      border-color: #fff
    }

    html .body .micro-balloon.micro-top.has-ex-f-border-color::before {
      border-top-color: #fff
    }

    html .body .micro-balloon.micro-bottom.has-ex-f-border-color::before {
      border-bottom-color: #fff
    }

    html .body .caption-box.has-ex-f-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-f-border-color .box-label {
      background-color: #fff
    }

    html .body .tab-caption-box.has-ex-f-border-color .box-content {
      border-color: #fff
    }

    html .body .tab-caption-box.has-ex-f-background-color .box-content {
      background-color: #fff
    }

    html .body .label-box.has-ex-f-border-color .box-content {
      border-color: #fff
    }

    html .body .label-box.has-ex-f-background-color .box-content {
      background-color: #fff
    }

    html .body .speech-balloon.has-ex-f-background-color {
      background-color: #fff
    }

    html .body .speech-balloon.has-text-color.has-ex-f-color {
      color: #fff
    }

    html .body .speech-balloon.has-ex-f-border-color {
      border-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-f-border-color::before {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-f-border-color::before {
      border-left-color: #fff
    }

    html .body .sbp-l .speech-balloon.has-ex-f-background-color::after {
      border-right-color: #fff
    }

    html .body .sbp-r .speech-balloon.has-ex-f-background-color::after {
      border-left-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-f-background-color {
      background-color: #fff
    }

    html .body .sbs-line.sbp-r .speech-balloon.has-ex-f-border-color {
      border-color: #fff
    }

    html .body .speech-wraphtml .body .sbs-think .speech-balloon.has-ex-f-border-color::before,
    html .body .speech-wrap.sbs-think .speech-balloon.has-ex-f-border-color::after {
      border-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-f-background-color::before,
    html .body .sbs-think .speech-balloon.has-ex-f-background-color::after {
      background-color: #fff
    }

    html .body .sbs-think .speech-balloon.has-ex-f-border-color::before {
      border-color: #fff
    }

    html .body .timeline-box.has-ex-f-point-color .timeline-item::before {
      background-color: #fff
    }

    .has-ex-f-border-color.is-style-accordion .faq-question {
      background-color: #fff
    }

    html .body .has-ex-f-question-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-f-question-color.has-border-color .faq-question-label {
      color: #fff
    }

    html .body .has-ex-f-answer-color .faq-answer-label {
      color: #fff
    }

    html .body .is-style-square.has-ex-f-question-color .faq-question-label {
      color: #fff;
      background-color: #fff
    }

    html .body .is-style-square.has-ex-f-answer-color .faq-answer-label {
      color: #fff;
      background-color: #fff
    }

    html .body .btn-wrap {
      background-color: transparent !important;
      color: #333;
      border-color: transparent !important;
      font-size: 16px
    }

    html .body .has-border-color .toggle-button {
      color: #fff
    }

    html .body .has-border-color .toggle-button::before {
      color: #fff
    }

    html .body .btn-wrap.has-small-font-size>a {
      font-size: 13px
    }

    html .body .btn-wrap.has-medium-font-size>a {
      font-size: 20px
    }

    html .body .btn-wrap.has-large-font-size>a {
      font-size: 36px
    }

    html .body .btn-wrap.has-huge-font-size>a,
    html .body .btn-wrap.has-larger-font-size>a {
      font-size: 42px
    }

    .box-menu:hover {
      box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068
    }

    .box-menu-icon {
      color: #f6a068
    }

    @font-face {
      font-family: 'icomoon';
      src: url(https://toku-shiru.com/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff) format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap
    }

    .mens .top_all_ranking_txt_p3 {
      position: relative !important;
      background: #ffffff !important;
      /* border: 1px solid #8a94a3; */
      margin: 20px auto 10px !important;
      font-size: 12px !important;
    }

    .top_all_ranking_txt_p3 {
      position: relative !important;
      background: #ffffff !important;
      /* border: 1px solid #f9d5da; */
      margin: 20px auto 10px !important;
      font-size: 12px !important;
    }

    .mens .ribbon_point_title_s {
      background: #f4f5f8 !important;
      padding: 5px 7px 5px 7px !important;
      margin: 15px 0px 5px !important;
      font-size: 16px !important;
    }

    .ribbon_point_title_s {
      background: #f4f5f8 !important;
      padding: 5px 7px 5px 7px !important;
      margin: 15px 0px 5px !important;
      font-size: 16px !important;
    }

    strong {
      font-weight: bold;
    }

    .ribbon_point_title_s03 {
      padding: 5px 7px 5px 7px !important;
      margin: 10px 0px 5px !important;
      font-size: 16px !important;
    }

    .tablepress {
      width: 100%
    }

    .tablepress img {
      width: 100%
    }

    .no-sidebar .content .main {
      margin: 0;
      width: 100%;
      height: auto;
    }


    .tablepress tr td {
      width: 30%
    }

    .tablepress tr td:first-child {
      width: 10%
    }


    /******************************************色変更など******************************************/
    .waku_center {
      border: 2px solid #ff4500;
      border-radius: 5px;
      padding: 10px;
      text-align: center;
      color: #ff4500;
    }

    .komidashi06 {
      background-color: #003670;
    }

    .waku_simple {
      border: 3px solid #2c3eb9;
      padding: 0px 20px;
      background-color: #fff;
    }

    .waku_simple p {
      margin-bottom: 0.5em;
      line-height: 1.5em;
    }

    .btn1 {
      background: linear-gradient(1deg, #d7271e 0%, #e25651 100%);
      box-shadow: 0 3px 0 0 rgba(126, 39, 44, 1);
      border-radius: 30px;
      margin: 20px auto !important;
    }

    /******************************************テーブル******************************************/
    .table_ranking td {
      width: 70%;
    }

    .table_ranking table {
      border-top: 1px solid #d2d1d1;
      border-bottom: 1px solid #d2d1d1;
      border-right: 1px solid #d2d1d1;
      border-left: 1px solid #d2d1d1;
    }

    .table_ranking table th {
      border: none;
      border-bottom: 1px dotted #dcdcdc;
      border-right: 0px;
      border-left: 0px;
      background: #f8fcff;
    }

    .table_ranking table td {
      border: none;
      border-left: 1px solid #dcdcdc;
      border-right: 0px;
      border-bottom: 1px dotted #dcdcdc;
      background: #fff;
    }

    /******************************************文字設定******************************************/
    p {
      line-height: 2.0em;
      margin: 10px 0px;
    }

    h1 {
      padding: 0.5em;
      color: #000;
      background: #f3f9e6;
      border-bottom: solid 3px #9acd32;
    }

    .article h2 {
      position: relative;
      padding-left: 5.2em;
      padding-top: 0em;
      background-color: #fff;
      margin: 2em 0 0.5em;
    }

    .article h2 span {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 2rem;
      color: #fff;
      background: #d5d100;
    }

    .article h2 span:after {
      position: absolute;
      top: calc(50% - 7px);
      right: -11px;
      width: 0;
      height: 0;
      content: '';
      border-width: 7px 0 7px 12px;
      border-style: solid;
      border-color: transparent transparent transparent #d5d100;
    }

    .article h3 {
      background-color: #f5f5f5;
      border: none;
      border-left: 6px solid #a9a9a9;
      margin: -10px 0px 5px;
    }


    /******************************************背景・ヘッダー******************************************/
    #header-container {
      background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    }

    .body {
      background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    }

    .main {
      border: 2px solid #cad0d6;
    }

    /*****FV画像のクリック禁止：URL埋め込みたいLP以外はこれ必須*****/
    #fv_img_wrap {
      pointer-events: none;
    }

    @media only screen and (max-width: 767px) {
      .table-miniranking {
        overflow-x: scroll;
      }

      .table-miniranking table {
        table-layout: fixed;
      }
    }

    .table-miniranking table {
      border: 2px solid #d2d1d1;
      width: 100%;
    }

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

    @media only screen and (max-width: 767px) {
      .table-miniranking table th {
        padding: 0.8rem 0.3rem;
        min-width: 100px !important;
      }
    }

    .table-miniranking table th {
      background: #f5f6f7;
      border-bottom: 1px solid #d2d1d1;
      border-right: 1px solid #d2d1d1;
      font-size: 0.9rem;
      font-weight: 700;
      padding: 0.8rem;
      text-align: center;
      vertical-align: middle;
    }

    th,
    td {
      font-size: 1.3rem;
      line-height: 1.5;
    }

    .table-miniranking table td .ico-rank {
      margin: 0 auto;
      width: 5rem;
      padding: 10px;
    }

    a {
      margin: 0;
      padding: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent;
    }



    @media only screen and (max-width: 767px) {

      .table-miniranking table td .title {
        font-size: 1.2rem;
      }
    }

    .table-miniranking table td .title {
      font-size: 13px;
      font-weight: bold;
    }

    .table-miniranking table td.osusume {
      background: #ffffce;
    }

    .table-miniranking table td:first-of-type {
      color: #d8251d;
      font-weight: 700;
    }

    @media only screen and (max-width: 767px) {

      .table-miniranking table td {
        padding: 0.8rem 0.5rem;
        width: 96px;
      }
    }

    .table-miniranking table td {
      border-bottom: 1px solid #d2d1d1;
      border-right: 1px solid #d2d1d1;
      font-size: 0.9rem;
      padding: 0.8rem;
      text-align: center;
      vertical-align: middle;
      width: 18.3%;
    }

    th,
    td {
      font-size: 1.1rem;
      line-height: 1.5;
    }


    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }


    @media only screen and (max-width: 767px) {

      .table-miniranking .cv a {
        font-size: 0.9rem;
        padding: 0.8rem 0.5rem;
      }
    }

    .table-miniranking .cv a {
      background: -moz-linear-gradient(top, #e35752, #d8261e);
      background: -webkit-linear-gradient(top, #e35752, #d8261e);
      background: linear-gradient(to bottom, #e35752, #d8261e);
      border-radius: 5px;
      box-shadow: 0 3px 0 #701c18;
      color: #fff;
      display: block;
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.5;
      padding: 0.8rem;
      position: relative;
      text-align: center;
      text-decoration: none;
    }

    .table-miniranking table tr:first-child td {
      padding: 0 .8rem !important;
    }

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

    .img-size {
      max-width: initial !important;
      height: initial !important;
    }

    .table_item {
      width: 13% !important;
      min-width: 150px !important;
    }

    .bnr {
      margin-bottom: 5px;
    }

    .ranking-item-name-text {
      padding-top: 15px;
      font-size: 26px;
    }

    .ranking-title {
      font-size: 1.3em;
      font-weight: bold;
    }

    .ribbon_point_title_s02 {
      color: #ffffff;
      background: #102a55 !important;
      padding: 7px 9px 7px 9px !important;
      margin: 15px 0px 5px !important;
      font-size: 17px !important;
    }

    .ranking-txt p {
      line-height: revert;
      text-align: unset;
      margin-top: 25px;
    }

    .table_ranking th {
      padding: 10px;
      width: 32%;
    }


    .arrow_r_b {
      font-weight: bolder;
      position: relative;
      display: inline-block;
      padding-left: 20px;
      text-decoration: none;
      margin: 0px 0 20px 0 !important;
    }

    .arrow_r_b:after {
      content: '' !important;
      display: inline-block !important;
      border-style: solid !important;
      border-width: 8px 0px 8px 13px !important;
      border-color: transparent transparent transparent #de4842 !important;
      display: inline-block !important;
      width: 0px !important;
      height: 0 !important;
      position: absolute !important;
      top: 52% !important;
      right: 24px !important;
      transform: translateY(-50%) !important;
    }

    .ranking-item-name-crown {
      margin-right: 4px;
    }

    .w90 {
      text-align: left !important;
      width: 90% !important;
      margin: 0 auto !important;
    }

    .footer {
      margin-top: 20px;
      padding: 8px;
      background: #060d4a;
    }

    .navi-footer-in a {
      color: #fff;
    }

    .copyright {
      color: #fff;
      margin-top: 8px;
    }

    @media screen and (max-width: 480px) {

      .ranking-item-name-text,
      .widget_item_ranking .main-widget-label {
        font-size: 20px;
        padding-top: 8px !important;
      }

      .ranking-item-1 p {
        font-size: 20px !important;
      }

      .ranking-item-name img {
        width: 80%;
      }

      .ranking-item-name-crown {
        margin-right: 0;
      }

      .ranking-point p {
        font-size: 16px !important;
      }

      .top_all_ranking_txt_p3 {
        position: relative;
        background-color: #f9f9f9 !important;
        border: 1px solid #8a95a3 !important;
        padding: 0px 10px 10px !important;
        margin-top: 10px !important;
        font-size: 12px !important;
      }

      .ribbon_point_title_s02 {
        color: #ffffff;
        background: #102a55 !important;
        padding: 7px 9px 7px 9px !important;
        margin: 15px 0px 5px !important;
        font-size: 13px !important;
      }

      .ranking-txt p {
        font-size: 14px !important;
      }

      .arrow_r_b {
        line-height: initial;
        font-size: 17px;
        position: relative;
        display: inline-block;
        padding-left: 0px;
        text-decoration: none;
      }

      .ribbon_point_title_s {
        background: #f4f5f8 !important;
        padding: 5px 7px 5px 7px !important;
        margin: 15px 0px 5px !important;
        font-size: 13px !important;
      }

      .mainkiji {
        font-size: 18px;
      }

      .mainkiji {
        padding-top: 0 !important;
      }

      center {
        margin-bottom: 0px !important;
      }

      .komidashi06 p {
        font-size: 0.9em !important;
      }

      .ribbon_point_title_s03 {
        padding: 5px 7px 5px 7px !important;
        margin: 6px 0px 5px !important;
        font-size: 16px !important;
      }

      .w90 {
        text-align: left !important;
        width: 90% !important;
        margin: 0 auto !important;
        font-size: 14px;
      }

      .mainkiji img {
        width: 100%;
      }

      .entry-content {
        margin: 0px;
      }

      .mainkiji p {
        margin-top: 0px !important;
      }

    }

    .center {
      margin: 0;
    }

    @media screen and (min-width: 750px) {
      .pc {
        display: inline;
      }

      .sp {
        display: none;
      }
    }

    .pc {
      display: none;
    }

    .sp {
      display: inline;
    }


    .grecaptcha-badge {
      visibility: hidden;
    }

    .komidashi06 {
      padding: 10px 0px;
      margin: 50px 0 30px 0 !important;
    }

    .mainkiji p {
      margin-top: 0px !important;
    }

    .komidashi06 p {
      line-height: initial !important;
      margin-top: 0px;
    }

    .ranking-btn {
      margin-bottom: 0px !important;
    }

    .entry-content {
      margin-top: 1em;
      margin-bottom: 2em;
    }

    .ranking-txt {
      margin-bottom: 30px;
    }

    .mainkiji p {
      padding: 0px !important;
    }

    @media screen and (max-width: 480px) {
      .komidashi06 {
        padding: 12px 10px;
        margin: 30px 0 20px 0 !important;
      }

      .entry-content {
        margin-top: 1em;
        margin-bottom: 0em;
      }

      .footer {
        margin-top: 0px;
        padding: 8px;
        background: #060d4a;
      }

      .navi-footer-in>.menu-footer li.menu-item {
        width: 100%;
      }

      .navi-footer-in>.menu-footer {
        display: revert;
      }

      .footer-bottom {
        margin-top: 0px;
        margin: 20px 0;
        padding: 8px;
        position: relative;
        font-size: 14px;
      }
    }


    .arrow_r_b::before {
      content: '' !important;
      position: absolute !important;
      top: 18% !important;
      left: 605px;
      width: 32px !important;
      height: 32px !important;
      background-color: #f2f2f2 !important;
      border-radius: 46vh !important;
      opacity: initial !important;
      box-shadow: inset 0 0px 1px 0 rgba(0, 0, 0, .5) !important;
    }

    @media screen and (max-width: 480px) {
      .arrow_r_b::after {
        content: '' !important;
        display: inline-block !important;
        border-style: solid !important;
        border-width: 7px 0px 7px 12px !important;
        border-color: transparent transparent transparent #de4842 !important;
        display: inline-block !important;
        width: 0px !important;
        height: 0 !important;
        position: absolute !important;
        top: 54% !important;
        right: 16px !important;
        transform: translateY(-50%) !important;
      }

      .arrow_r_b::before {
        content: '' !important;
        position: absolute !important;
        top: 36% !important;
        left: 296px !important;
        width: 28px !important;
        height: 28px !important;
        background-color: #f2f2f2 !important;
        border-radius: 46vh !important;
        opacity: initial !important;
        box-shadow: inset 0 0px 1px 0 rgba(0, 0, 0, .5) !important;
      }

    }

    .cmt {
      width: 330px;
      font-size: 12px;
      margin-left: auto;
    }

    .cmt2 {
      margin-left: 45%;
      margin-top: -15px !important;
      width: 36%;
    }

    @media screen and (max-width: 480px) {
      .cmt {
        width: 270px;
        font-size: 1.4em !important;
      }

      .cmt p {
        width: 100%;
        line-height: initial !important;
        font-size: 10px !important;
      }

      .cmt2 {
        margin-left: 26% !important;
        margin-top: -5px !important;
        width: 47% !important;
      }
    }

    .right_txt {
      text-align: right;
    }

    .quotefrom {
      color: #003E6E;
      font-size: 10px;
      line-height: 1.5 !important;
      display: block;
      text-align: right;
    }

    p .caution {
      margin-top: 0;
    }

    .caution {
      font-size: 13px;
      margin-top: 4px;
      display: inline-block;
      color: #487395;
      line-height: 1.2;
    }

    .bolder {
      font-weight: bold;
      color: #003670;
      font-size: 22px;
    }

    @media screen and (max-width: 480px) {
      .bolder {
        font-weight: bold;
        color: #003670;
        font-size: 15px;
      }
    }

    .c__btn {
      width: 100%;
      text-align: center;
      background: linear-gradient(1deg, #d7271e 0%, #e25651 100%);
      position: relative;
      height: 72px;
      border-radius: 10px;
      box-shadow: 0 5px 0 #7E272C;
      margin-top: 24px;
    }

    .c__btn a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      line-height: 1.5;
      position: relative;
      transition: all ease .3s;
      font-weight: bold;
      font-size: 16px;
      padding: 0 40px 0 20px;
      text-decoration: none !important;
    }

    .c__btn a:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      right: 20PX;
      background-image: url(img/ico-wh-right.svg);
      background-repeat: no-repeat;
      position: absolute;
      top: 51%;
      transform: translateY(-50%);
    }

    .c__btn a:hover {
      opacity: 0.6;
    }

    @media screen and (max-width: 768px) {
      .c__btn a {
        font-size: 14px;
      }
    }


    .head {
      max-width: 710px;
      margin: 0 auto 10px;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0;
    }

    .headLogo {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      margin-right: 0.4em;
    }



    .headBtn a {
      display: inline-block;
      background: #DC1C26;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      padding: 12px 15px;
      transition: .3s;
      letter-spacing: 1px;
    }

    .headBtn a:hover {
      cursor: pointer;
      opacity: .7;
    }

    a {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }



    .ctaWrap a span::before {
      position: absolute;
      content: '';
      right: 15px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 30px;
      height: 30px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: #fff;
    }

    .ctaWrap a span::after {
      position: absolute;
      content: '';
      right: 26px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 11px;
      height: 11px;
      border-top: 3px solid #DC1C26;
      border-right: 3px solid #DC1C26;
      border-radius: 1px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }


    .mb40 {
      margin-bottom: 40px !important;
    }




    .ctaWrap {
      display: block;
      width: 100%;
      margin: 0 auto;
    }

    .ctaWrap a {
      display: block;
      position: relative;
      width: 100%;
      margin: 0 auto;
      background-color: #DC1C26;
      border-radius: 10px;
      box-shadow: 0 6px 0 #a3151c;
      color: #fff;
      text-decoration: none;
      transition: all 0.1s ease-in-out 0s;
      overflow: hidden;
    }

    .accountBtn {
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      min-width: 145px;
      margin-left: 1em;
      background-color: #DC1C26;
      color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1;
      text-align: center;
    }

    .ctaWrap a::before {
      position: absolute;
      content: '';
      display: inline-block;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite !important;
    }

    .ctaWrap a p.ttl {
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 26px;
    }

    .ctaWrap a span {
      position: absolute;
      display: inline-block;
      right: 0;
      bottom: 0;
      top: 0;
    }



    @-webkit-keyframes shiny-btn1 {
      0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
      }

      80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
      }

      81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
      }
    }

    .ctaWrap a:hover {
      box-shadow: 0 0 0 #a3151c;
      opacity: 1;
      -webkit-transform: translate3d(0, 6px, 0);
      -ms-transform: translate3d(0, 6px, 0);
      transform: translate3d(0, 6px, 0);
    }

    @media screen and (max-width: 750px) {
      .headBtn {
        width: 49%;
        text-align: right;
      }
    }

    @media screen and (max-width: 640px) {
      .headBtn a {
        font-size: 2.500vw;
      }
    }

    @media screen and (max-width: 640px) {
      .ctaWrap a p.ttl {
        font-size: 5.000vw;
        letter-spacing: 1px;
      }
    }

    @media screen and (max-width: 640px) {
      .ctaWrap a span::before {
        width: 26px;
        height: 26px;
        right: 10px;
      }
    }

    @media screen and (max-width: 640px) {
      .ctaWrap a span::after {
        right: 20px;
        width: 9px;
        height: 9px;
      }

      .comicPart {
        margin-bottom: 0.8em;
      }

      .mb40 {
        margin-bottom: 1.8em !important;
      }

      .btn-bottom {
        margin-bottom: 2.8em !important;
      }

      .headLogo {
        font-size: 15px;
      }
    }