#MANUAL_MENU
{
  position: sticky;
  top: 10px;
  background-color: var(--color-white);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
#MANUAL_MENU > * > ul
{
  margin: 20px;
}
#MANUAL_MENU > * > ul ul
{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
#MANUAL_MENU > * > ul ul li
{
  word-break: keep-all;
}
#MANUAL_MENU > * > ul ul li::before
{
  content: "≫";
  color: var(--color-medium);
  padding: 0px 3px 0px 0px;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.manual_section
{
  padding: 20px;
}
.manual_section h2
{
  scroll-margin-top: 220px;
}
.manual_title
{
  display: block;
  width: calc(100% + 40px);
  background-color: var(--color-dark);
  color: var(--color-white);
  padding: 10px 20px 10px 20px;
  margin: -20px -20px 20px -20px;
  border-radius: 5px 5px 0px 0px;
}
.manual_section > ul
{
  margin: 0px 0px 80px 0px;
}
.manual_section > ul > li
{
  padding: 0px 30px 0px 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
}
.manual_section > ul > li:not(:nth-last-of-type(1))
{
  margin-bottom: 20px;
}
.manual_section > ul > li::before
{
  grid-row: 1 / 3;
  line-height: 1.5rem;
}
.manual_section > ul > li:nth-of-type(1)::before{content: "1.";}
.manual_section > ul > li:nth-of-type(2)::before{content: "2.";}
.manual_section > ul > li:nth-of-type(3)::before{content: "3.";}
.manual_section > ul > li:nth-of-type(4)::before{content: "4.";}
.manual_section > ul > li:nth-of-type(5)::before{content: "5.";}
.manual_section > ul > li:nth-of-type(6)::before{content: "6.";}
.manual_section > ul > li:nth-of-type(7)::before{content: "7.";}
.manual_section > ul > li:nth-of-type(8)::before{content: "8.";}
.manual_section > ul > li:nth-of-type(9)::before{content: "9.";}
.manual_section > ul > li:nth-of-type(10)::before{content: "10.";}
.manual_section > ul > li > img
{
  max-width: 70%;
  display: block;
  border: 1px var(--color-lightgray) solid;
  padding: 10px;
}
.manual_subtitle_deal
{
  display: block;
  color: var(--color-medium);
}
.manual_seller, .manual_buyer
{
  color: var(--color-white);
  padding: 5px;
  display: inline-block;
  margin: 0px 0px 5px 0px;
  width: 165px;
}
.manual_seller
{
  background-color: var(--color-seller);
}
.manual_buyer
{
  background-color: var(--color-buyer);
}
.manual_button
{
  background-color: var(--color-dark);
  color: var(--color-white);
  border: 2px solid var(--color-dark);
  display: inline-block;
  padding: 3px 10px 2px 10px;
  margin: -5px 5px 0px 5px;
}
.manual_sub_link
{
  margin-left: 20px;
}
.manual_sub_link::before
{
  content: "・";
  display: inline-block;
}
.manual_sub_link.movie::after
{
  content: "";
    display: inline-block;
    background-image: url(/img/manual/icon_movie.svg);
    width: 30px;
    height: 22px;
    background-repeat: no-repeat;
    position: relative;
    top: 6px;
    left: 10px;
}