@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
body {
  padding: 0;
  margin: 0;
  background: #eee;
}

img {
  vertical-align: bottom;
}

h1 {
  font-size: 1.6rem;
  font-weight: bold;
}

h2,
h3,
h4,
h5,
h6 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

dl, ol, ul {
  margin: 0;
}

select {
  border: none;
  border-radius: 4px;
}
select:focus {
  outline: none;
}

.debug {
  background: rgba(0, 0, 0, 0.5);
  padding: 1em;
  position: fixed;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 10px;
}
@media screen and (max-width: 600px) {
  .debug {
    display: none;
  }
}
.debug .hide {
  opacity: 0.3;
}

.aaa img {
  aspect-ratio: 330/744;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 300px center;
     object-position: 300px center;
}

.f1 {
  position: relative;
  width: 100%;
  z-index: 50;
}

.f1 img {
  width: 100%;
  height: auto;
}

.mask_def {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
}
.mask_def.hide {
  opacity: 0;
}

.-zindex210 {
  z-index: 210;
}

.-zindex200 {
  z-index: 200;
}

.-zindex190 {
  z-index: 190;
}

.-zindex180 {
  z-index: 180;
}

.-zindex170 {
  z-index: 170;
}

.-zindex160 {
  z-index: 160;
}

.-zindex20 {
  z-index: 20;
  mix-blend-mode: overlay;
}

.-zindex18 {
  z-index: 18;
}

/* category*/
.categorytable_box {
  max-width: 1200px;
  margin: 5vw auto;
}

.categorytable {
  width: 100%;
  border-collapse: collapse;
}
.categorytable tr.off {
  opacity: 0.5;
}
.categorytable th {
  width: cala(100%/7);
}
.categorytable .wear_joint {
  width: 200px;
  position: relative;
}
.categorytable .wear_joint img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  position: absolute;
}
.categorytable .wear_joint img.native {
  position: static;
}
.categorytable th, .categorytable td {
  border: 1px solid #333;
  padding: 1em;
  vertical-align: text-top;
  position: relative;
}
.categorytable th.off, .categorytable td.off {
  background: #000;
}
.categorytable th.off img, .categorytable td.off img {
  display: none;
}
.categorytable th img, .categorytable td img {
  width: 100%;
  height: auto;
}
.categorytable th p, .categorytable td p {
  font-size: 12px;
}
.categorytable th p span, .categorytable td p span {
  display: block;
}
.categorytable th .tag, .categorytable td .tag {
  background: red;
  color: white;
  line-height: 1;
  padding: 0.25em;
  text-align: center;
  display: block;
  margin-top: 1em;
}
.categorytable th span, .categorytable td span {
  display: none;
  color: #999;
  font-size: 10px;
}

.grid {
  width: 1000px;
  margin: 1em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2em;
  padding-top: 2em;
  border-bottom: 1px solid #ccc;
}
.grid .color_change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.grid .-left {
  width: 80%;
}
.grid .-right {
  width: 20%;
}
.grid .color-options_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid .color-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.grid .active {
  background-color: #007BFF;
  color: white;
}
.grid .-name {
  padding-bottom: 2em;
}
.grid .-name h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
}
.grid .-name h2 strong {
  font-weight: normal;
  font-size: 18px;
}
.grid .-name h2 span {
  font-weight: normal;
  color: #999;
  font-size: 13px;
}
.grid .-name ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.grid .-name ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.grid .-name ul .ihave {
  border-radius: 90px;
  color: white;
  background: green;
  padding: 0.25em 1em;
  font-size: 12px;
}
.grid .-name ul .nohave {
  border-radius: 90px;
  color: white;
  background: red;
  padding: 0.25em 1em;
  font-size: 12px;
}
.grid .-name ul .color_change_ok {
  border-radius: 90px;
  color: white;
  background: green;
  padding: 0.25em 1em;
  font-size: 12px;
}
.grid .-name ul .color_change_none {
  border-radius: 90px;
  color: white;
  background: black;
  padding: 0.25em 1em;
  font-size: 12px;
}
.grid .-union {
  position: relative;
}
.grid .-union img {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  position: absolute;
}
.grid .-union img.native {
  position: static;
}
.grid .parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.grid .parts .part {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 20%;
  text-align: center;
}
.grid .parts .part span {
  position: relative;
  top: -1em;
  display: inline-block;
  border-radius: 90px;
  color: #333;
  background: #ccc;
  padding: 0.25em 1em;
  font-size: 12px;
}
.grid .parts .part img {
  width: 100%;
  height: auto;
}
.grid .parts .part img.off {
  opacity: 0;
}
/* category */
.save_load {
  position: fixed;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background: #000;
  padding: 1em;
}
@media screen and (max-width: 600px) {
  .save_load {
    display: none;
  }
}
.save_load select {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5em;
  margin-bottom: 1em;
}
.save_load button {
  font-size: 12px;
  display: block;
  margin-bottom: 1em;
  width: 100%;
  border-radius: 80px;
  background: none;
  border: none;
}
.save_load .btn_save {
  background: #fff;
  color: #333;
  border: 1px solid #fff;
}
.save_load .btn_load {
  color: #fff;
  border: 1px solid #fff;
}
.save_load .btn_preview {
  color: #ccc;
  border: 1px solid #ccc;
}

.thumb_preview_text {
  margin: 0;
  padding: 0;
}
.thumb_preview_text li {
  margin: 0;
  padding: 0;
  font-size: 10px;
  color: #fff;
  list-style: none;
}

.thumb_preview {
  width: 200px;
  position: relative;
}
.thumb_preview div {
  position: absolute;
  left: 0;
  top: 0;
}
.thumb_preview div.zinde-1 {
  z-index: 18;
}
.thumb_preview div.zinde-2 {
  z-index: 16;
}
.thumb_preview div.zinde-3 {
  z-index: 14;
}
.thumb_preview div.zinde-4 {
  z-index: 12;
}
.thumb_preview div.zinde-5 {
  z-index: 10;
}
.thumb_preview div.body {
  position: static;
}
.thumb_preview img {
  width: 100%;
  height: auto;
}

.glovesMaskRight {
  -webkit-mask-image: url("wear/gloves/mask_right.png");
          mask-image: url("wear/gloves/mask_right.png");
}

.glovesMaskLeft {
  -webkit-mask-image: url("wear/gloves/mask_left.png");
          mask-image: url("wear/gloves/mask_left.png");
}

.togglebutton {
  margin: 1em 1em 0;
  border: 1px solid #999;
  color: #ccc;
  background: none;
  border-radius: 80px;
  display: block;
  width: calc(100% - 2em - 2px);
}
@media screen and (max-width: 600px) {
  .togglebutton span {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .togglebutton.-body {
    position: fixed;
    z-index: 100;
    bottom: 3em;
    left: 1em;
    background: #000 url(../img/body.svg) no-repeat center center;
    background-size: 80%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }
}

.radio-group-bg {
  position: fixed;
  left: 250px;
  width: 300px;
  height: 100%;
  overflow: scroll;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding-bottom: 100px;
}
@media screen and (max-width: 600px) {
  .radio-group-bg {
    left: auto;
    right: 0;
    width: 150px;
    z-index: 200;
  }
}

.all_close {
  background: #333;
  color: #fff;
  width: 2em;
  height: 50px;
  border: none;
  position: fixed;
  top: -2px;
  left: 250px;
  width: 150px;
}
@media screen and (max-width: 600px) {
  .all_close {
    left: auto;
    right: 0;
    width: 75px;
  }
}

.radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-top: 50px;
}
.radio-group .radio-item {
  width: 100%;
  border-bottom: 1px solid #eee;
}
.radio-group .radio-item.-fixed0 {
  background: red;
  color: #fff;
  border: none;
  position: fixed;
  top: -2px;
  left: 400px;
  width: 150px;
}
@media screen and (max-width: 600px) {
  .radio-group .radio-item.-fixed0 {
    left: auto;
    right: 75px;
    width: 75px;
  }
}
.radio-group .radio-item.-fixed0 label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  width: 150px;
  height: 50px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .radio-group .radio-item.-fixed0 label {
    width: 75px;
  }
}
.radio-group .radio-item.-fixed0 label p {
  padding: 0;
  color: #fff;
}
.radio-group .radio-item.-fixed0 label p span {
  display: none;
}
.radio-group .radio-item input[type=radio] {
  display: none;
}
.radio-group .radio-item label img {
  width: 100px; /* 画像のサイズを調整する */
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
}
.radio-group .radio-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
@media screen and (max-width: 600px) {
  .radio-group .radio-item label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.radio-group .radio-item label .thumb_hat {
  -o-object-position: top center;
     object-position: top center;
}
.radio-group .radio-item label .thumb_upper {
  -o-object-position: center center;
     object-position: center center;
}
.radio-group .radio-item label .thumb_lower {
  -o-object-position: center center;
     object-position: center center;
}
.radio-group .radio-item label .thumb_gloves {
  -o-object-position: center center;
     object-position: center center;
}
.radio-group .radio-item label .thumb_shoes {
  -o-object-position: bottom center;
     object-position: bottom center;
}
.radio-group .radio-item label p {
  padding: 1em;
  font-size: 13px;
  color: #333;
}
.radio-group .radio-item label p span {
  display: block;
  font-size: 10px;
  color: #ccc;
}
.radio-group .radio-item input[type=radio]:checked + label {
  background: #000;
}
.radio-group .radio-item input[type=radio]:checked + label p {
  color: #fff;
}
.radio-group .radio-item input[type=radio]:checked + label p span {
  color: #aaa;
}
.radio-group .radio-item input[type=radio]:checked + label img {
  background: #000;
}

.mask-shoes {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  z-index: 190;
}
.mask-shoes.maid_viognier {
  -webkit-mask-image: url("wear/shoes/mask-maid_viognier.png");
          mask-image: url("wear/shoes/mask-maid_viognier.png");
}
.mask-shoes.haregi_miyabi {
  -webkit-mask-image: url("wear/shoes/mask-haregi.png");
          mask-image: url("wear/shoes/mask-haregi.png");
}
.mask-shoes.haregi_rei {
  -webkit-mask-image: url("wear/shoes/mask-haregi.png");
          mask-image: url("wear/shoes/mask-haregi.png");
}

.mask-stylish_lower {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("wear/body/mask-stylish_lower.png");
          mask-image: url("wear/body/mask-stylish_lower.png");
}
.mask-stylish_lower.mask-maid_viognier_shoe {
  -webkit-mask-image: url("wear/body/body-mask_stylish_size3.png");
          mask-image: url("wear/body/body-mask_stylish_size3.png");
}

.mask-krusnik_upper,
.mask-krusnik_astaroth_upper,
.mask-krusnik_samael_upper,
.mask-krusnik_asmodeus_upper,
.mask-krusnik_belial_upper,
.mask-krusnik_baphomet_upper {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("wear/body/mask-body_foot.png");
          mask-image: url("wear/body/mask-body_foot.png");
}

.not_for_color {
  border-radius: 4px;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  padding: 0.5em 0;
  display: block;
  width: 100%;
  color: #666;
  border: 0.5px solid #666;
}

.include.hide {
  display: none;
}

.includeparts {
  border-radius: 4px;
  font-size: 10px;
  text-align: center;
  line-height: 1.5;
  padding: 0.5em 0;
  display: block;
  width: calc(100% - 3em - 2px);
  color: #666;
  border: 0.5px solid #666;
  display: none;
  margin: 1.5em;
}
.includeparts.hide {
  display: block;
}

.chs_0 {
  -webkit-filter: brightness(91%) contrast(50%) saturate(93%);
          filter: brightness(91%) contrast(50%) saturate(93%);
}

.chs_1 {
  -webkit-filter: brightness(91%) contrast(64%) saturate(93%);
          filter: brightness(91%) contrast(64%) saturate(93%);
}

.chs_2 {
  -webkit-filter: brightness(91%) contrast(80%) saturate(93%);
          filter: brightness(91%) contrast(80%) saturate(93%);
}

.chs_3 {
  -webkit-filter: brightness(90%) contrast(85%) saturate(91%);
          filter: brightness(90%) contrast(85%) saturate(91%);
}

.chs_4 {
  -webkit-filter: brightness(100%) contrast(100%) saturate(100%);
          filter: brightness(100%) contrast(100%) saturate(100%);
}

.chs_5 {
  -webkit-filter: brightness(83%) contrast(98%) saturate(117%);
          filter: brightness(83%) contrast(98%) saturate(117%);
}

.chs_6 {
  -webkit-filter: brightness(84%) contrast(125%) saturate(119%);
          filter: brightness(84%) contrast(125%) saturate(119%);
}

.chs_7 {
  -webkit-filter: brightness(76%) contrast(125%) saturate(140%);
          filter: brightness(76%) contrast(125%) saturate(140%);
}

.chs_8 {
  -webkit-filter: brightness(73%) contrast(125%) saturate(150%);
          filter: brightness(73%) contrast(125%) saturate(150%);
}

.bright_0 {
  background: rgba(0, 0, 0, 0.6);
}

.bright_1 {
  background: rgba(0, 0, 0, 0.4);
}

.bright_2 {
  background: rgba(0, 0, 0, 0.2);
}

.bright_3 {
  background: rgba(0, 0, 0, 0.1);
}

.bright_5 {
  background: rgba(255, 255, 255, 0.1);
}

.bright_6 {
  background: rgba(255, 255, 255, 0.2);
}

.bright_7 {
  background: rgba(255, 255, 255, 0.4);
}

.bright_8 {
  background: rgba(255, 255, 255, 0.6);
}

#object_lower.mask_def.size2 {
  background-position: 100% 0;
}
#object_lower.mask_def.size2 .mask_def {
  background-position: 100% 0;
}

#object_lower.size3 {
  background-position: 200% 0;
}
#object_lower.size3 .mask_def {
  background-position: 200% 0;
}

.copyright {
  position: fixed;
  bottom: 0;
  right: 1em;
  font-size: 10px;
  color: #333;
  padding: 1em;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .copyright {
    position: static;
    width: 100%;
  }
}

.nav {
  height: 100vh;
  width: 250px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 600px) {
  .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 200;
    overflow-x: scroll;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
}
.nav .name {
  padding: 1em;
  color: #999;
  text-align: center;
  font-size: 10px;
}
@media screen and (max-width: 600px) {
  .nav .name {
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
.nav .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (max-width: 600px) {
  .nav .type {
    min-width: 150px;
  }
}
.nav .type .icon {
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 600px) {
  .nav .type .icon p {
    display: none;
  }
}
.nav .type .icon img {
  width: 32px;
  height: auto;
  margin-right: 0.5em;
  margin-left: 1em;
}
.nav .type .icon .colortag {
  background: rgba(255, 255, 255, 0.1);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: block;
  right: 1em;
  position: absolute;
}
.nav .type .icon .colortag.tag_red {
  background: #96676A;
}
.nav .type .icon .colortag.tag_orange {
  background: #B29679;
}
.nav .type .icon .colortag.tag_yellow {
  background: #A59E71;
}
.nav .type .icon .colortag.tag_y_green {
  background: #959B74;
}
.nav .type .icon .colortag.tag_green {
  background: #738675;
}
.nav .type .icon .colortag.tag_l_blue {
  background: #7C9395;
}
.nav .type .icon .colortag.tag_blue {
  background: #7C8695;
}
.nav .type .icon .colortag.tag_l_purple {
  background: #817F95;
}
.nav .type .icon .colortag.tag_purple {
  background: #908095;
}
.nav .type .icon .colortag.tag_peach {
  background: #AE98A1;
}
.nav .type .icon .colortag.tag_black {
  background: #969696;
}
.nav .type .icon .colortag.tag_white {
  background: #D6D6D6;
}
.preview {
  width: calc(100% - 250px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 600px) {
  .preview {
    width: 80%;
    margin: 0 auto;
    max-height: 70svh;
  }
}
.preview .previewarea {
  position: relative;
  max-width: 400px;
  height: auto;
}

.container {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 600px) {
  .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.defimg {
  max-width: 100%;
  height: auto;
}

.parts_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #333;
  padding: 1em;
}
.parts_type.hide {
  display: none;
}
.parts_type:first-child {
  border-top: none;
}
.parts_type div {
  width: 100%;
}
.parts_type h3 {
  font-size: 18px;
  display: none;
}
@media (max-width: 767px) {
  .parts_type h3 {
    font-size: 13px;
  }
}
.parts_type dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  padding: 0.5em 0;
}
@media (max-width: 767px) {
  .parts_type dl {
    gap: 0em;
  }
}
.parts_type dl dt {
  white-space: nowrap;
  font-size: 11px;
}
.parts_type dl dd {
  width: 100%;
  margin: 0;
  margin-left: 1em;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.54em;
}
@media (max-width: 767px) {
  .parts_type dl dd {
    width: 100%;
    margin: 0;
  }
}
.parts_type input {
  width: 80%;
}
.parts_type select {
  font-size: 13px;
  padding: 0.5em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .parts_type select {
    font-size: 13px;
    padding: 0.25em;
  }
}

.anchor_menu {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 2em;
}
.anchor_menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.anchor_menu li a {
  display: block;
  line-height: 1;
  padding: 0.5em 1em;
  border-radius: 4px;
  background: #fff;
  color: #333;
  text-decoration: none;
}
.anchor_menu li a:hover {
  background: #333;
  color: #fff;
  cursor: pointer;
}