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: clamp(15.5px, calc(15.5px + 6 * ((100vw - 320px) / 580)), 24px);
  color: #333;
  background: #FFF8FB;
}

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 {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7;
}
.h2,h2 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7;
}
.h3,h3 {
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.6;
}
.h4,h4 {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6;
}
.h5,h5 {
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.6;
}
.h6,h6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

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

a {
  color: #F01973;
}

:root {
  --marker-primary-light: rgba(240, 25, 115, 0.18);
  --marker-primary-strong: rgba(240, 25, 115, 0.32);
  --marker-secondary-light: rgba(157, 26, 96, 0.2);
  --marker-secondary-strong: rgba(157, 26, 96, 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;
}
