html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", sans-serif;
  line-height: 1.7;
  letter-spacing: .05em;
 font-size: 16px;
  color: #35454a;
  background: #fdfaf2;
}

html {
  box-sizing: border-box;
}

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

button,
input,
textarea,
select {
  font: inherit;
}

img,
picture,
video,
canvas {
  display: inline-block;
  max-width: 100%;
}

.h1,h1,
.h2,h2,
.h3,h3,
.h4,h4,
.h5,h5,
.h6,h6 {
  font-family: "Zen Maru Gothic", "M PLUS Rounded 1c", sans-serif;
}

.h1,h1 {
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 700;
  line-height: 1.7;
}
.h2,h2 {
  font-size: clamp(23px, 2.5vw, 29px);
  font-weight: 700;
  line-height: 1.7;
}
.h3,h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
}
.h4,h4 {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.6;
}
.h5,h5 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
}
.h6,h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

ol, ul {
  padding-left: 1.5rem;
}

a {
  color: #06919d;
}

:root {
  --marker-primary-light: rgba(213, 16, 85, 0.18);
  --marker-primary-strong: rgba(213, 16, 85, 0.32);
  --marker-secondary-light: rgba(6, 145, 157, 0.2);
  --marker-secondary-strong: rgba(6, 145, 157, 0.34);
}

#amzn_assoc_ad_div_adunit0_0 {
  display: none;
}



.marker,
.marker-stripe,
.marker-secondary,
.marker-stripe-secondary {
  font-weight: 700;
  padding: 0em .1em .2em;
}

.marker {
  background: linear-gradient(transparent 65%, var(--marker-primary-light) 65%, var(--marker-primary-strong));
}

.marker-stripe {
  background: repeating-linear-gradient(-45deg,
      transparent 0 3px,
      var(--marker-primary-light) 3px 6px
  );
  background-size: 100% .35em;
  background-position: 0 calc(100% + .2em);
  background-repeat: no-repeat;
}

.marker-secondary {
  background: linear-gradient(transparent 65%, var(--marker-secondary-light) 65%, var(--marker-secondary-strong));
}

.marker-stripe-secondary {
  background: repeating-linear-gradient(-45deg,
      transparent 0 3px,
      var(--marker-secondary-light) 3px 6px
  );
  background-size: 100% .35em;
  background-position: 0 calc(100% + .2em);
  background-repeat: no-repeat;
}
