@charset "UTF-8";
.popkit-index.page__popkit-index {
  --footer-background: #fffaf5;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .base-grid {
    height: unset;
  }
}
.popkit-index.page__popkit-index main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-width: 1024px;
  min-height: 550px;
  font-size: 1.6vh;
}
@media (max-height: 550px) {
  .popkit-index.page__popkit-index main {
    font-size: 9pt;
  }
}
@media screen and (max-width: 480px) {
  .popkit-index.page__popkit-index main {
    display: block;
    width: 100vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index main {
    min-width: 550px;
    min-height: unset;
    height: fit-content;
    font-size: 2vw;
  }
}
.popkit-index.page__popkit-index .area-new-pop {
  width: 50%;
  height: 35%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .area-new-pop {
    width: 100%;
    height: 40vw;
  }
}
.popkit-index.page__popkit-index .area-new-pop {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgb(206, 200, 195);
}
.popkit-index.page__popkit-index .area-popsets {
  width: 50%;
  height: 35%;
  background-color: #fff2c9;
  z-index: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .area-popsets {
    width: 100%;
    height: 40vw;
  }
}
.popkit-index.page__popkit-index .area-popsets {
  border-bottom: 1px solid rgb(206, 200, 195);
}
.popkit-index.page__popkit-index .new-info {
  width: 50%;
  height: 24%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .new-info {
    width: 100%;
    height: 27vw;
  }
}
.popkit-index.page__popkit-index .new-info {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.popkit-index.page__popkit-index .area-my-pop {
  width: 50%;
  height: 24%;
  text-align: center;
  background-color: #cbe2dd;
  z-index: 0;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .area-my-pop {
    width: 100%;
    height: 27vw;
  }
}
.popkit-index.page__popkit-index .area-my-pop {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.popkit-index.page__popkit-index .print-shop {
  width: 50%;
  height: 24%;
  background-color: gray;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .print-shop {
    width: 100%;
    height: 27vw;
  }
}
.popkit-index.page__popkit-index .print-shop {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.popkit-index.page__popkit-index .page-footer {
  background-color: rgb(204, 196, 192);
  color: rgb(120, 113, 107);
}
.popkit-index.page__popkit-index .full {
  width: 100%;
}
.popkit-index.page__popkit-index .navigation {
  width: 100%;
  height: 17%;
  padding: 0 1em;
  display: flex;
  background-color: #FFFAF5;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation {
    display: block;
    height: 16em;
    padding: 1em;
    flex-direction: column;
  }
}
.popkit-index.page__popkit-index .navigation .left-content {
  display: flex;
  flex: 1;
  height: 60%;
  margin: auto 0;
  padding-left: 5em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .left-content {
    height: 45%;
    width: 100%;
    justify-content: center;
    padding-left: 0;
  }
}
.popkit-index.page__popkit-index .navigation .left-content .left-banner {
  margin: 0 15px;
}
.popkit-index.page__popkit-index .navigation .left-content .banner-link:hover {
  opacity: 0.5;
}
.popkit-index.page__popkit-index .navigation .left-content a {
  height: 100%;
}
.popkit-index.page__popkit-index .navigation .left-content a img {
  object-fit: contain;
}
.popkit-index.page__popkit-index .navigation .left-content img {
  height: 100%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .left-content img {
    height: 90%;
  }
}
.popkit-index.page__popkit-index .navigation .right-content {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 2em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .right-content {
    height: 55%;
    width: 100%;
    flex-direction: column;
    justify-content: space-around;
  }
}
.popkit-index.page__popkit-index .navigation .right-content nav {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .right-content nav {
    width: 100%;
    justify-content: center;
    padding-bottom: 0;
  }
}
.popkit-index.page__popkit-index .navigation .right-content nav label {
  margin-right: 10px;
}
.popkit-index.page__popkit-index .navigation .right-content nav .icon-button-icon {
  height: 100%;
  width: 3.5em;
}
.popkit-index.page__popkit-index .navigation .right-content nav .request {
  margin: 0;
  height: fit-content;
  display: flex;
  align-items: center;
}
.popkit-index.page__popkit-index .navigation .right-content .right-content-items {
  display: flex;
  flex: 0.5;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .right-content .right-content-items {
    width: 100%;
    justify-content: center;
  }
}
.popkit-index.page__popkit-index .navigation .right-content .right-content-items .sns {
  display: flex;
  align-items: center;
  width: 80%;
  justify-content: space-evenly;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .popkit-index.page__popkit-index .navigation .right-content .right-content-items .sns {
    width: initial;
  }
}
.popkit-index.page__popkit-index .navigation .right-content .right-content-items .sns a {
  margin: 0 5px;
}
.popkit-index.page__popkit-index .navigation .right-content .right-content-items .sns img {
  margin: 0 0.5em;
  height: 2em;
  width: 2em;
  object-fit: contain;
}
.popkit-index.page__popkit-index .navigation .right-content .right-content-items .sns .x-logo {
  height: 1.8em;
  width: 1.8em;
}
.popkit-index.page__popkit-index .slick-slider, .popkit-index.page__popkit-index .slick-list, .popkit-index.page__popkit-index .slick-track,
.popkit-index.page__popkit-index .slick-slide div {
  height: 100%;
}
.popkit-index.page__popkit-index .slick-prev, .popkit-index.page__popkit-index .slick-next {
  box-shadow: 0 0 4px black;
  padding: 2em;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 3em;
  height: 3em;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 99;
  opacity: 0.8;
}
.popkit-index.page__popkit-index .slick-track {
  margin-left: 0;
}
.popkit-index.page__popkit-index .slick-prev {
  left: -1em;
}
.popkit-index.page__popkit-index .slick-next {
  right: -1em;
}
.popkit-index.page__popkit-index .slick-next:before, .popkit-index.page__popkit-index .slick-prev:before {
  line-height: 0.65;
  opacity: 1;
  color: gray;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.popkit-index.page__popkit-index .slick-prev:before {
  content: "";
  background-image: url("/img/slick/btn_prev.png");
  display: inline-block;
  width: 3em;
  height: 3em;
  background-size: contain;
  vertical-align: middle;
}
.popkit-index.page__popkit-index .slick-next:before {
  content: "";
  background-image: url("/img/slick/btn_next.png");
  display: inline-block;
  width: 3em;
  height: 3em;
  background-size: contain;
  vertical-align: middle;
}
.popkit-index.page__popkit-index .slick-disabled {
  visibility: hidden;
}
.popkit-index.page__popkit-index .title a {
  text-decoration: none !important;
}
.popkit-index.page__popkit-index .title-normal a:hover {
  color: rgb(255, 164, 98) !important;
}
.popkit-index.page__popkit-index .title-oshogatsu a:hover {
  color: rgb(242, 113, 92) !important;
}
.popkit-index.page__popkit-index .title-setsubun a:hover {
  color: rgb(217, 164, 122) !important;
}
.popkit-index.page__popkit-index .title-ohanami a:hover {
  color: rgb(238, 134, 168) !important;
}
.popkit-index.page__popkit-index .title-kodomonohi a:hover {
  color: rgb(134, 198, 109) !important;
}
.popkit-index.page__popkit-index .title-tsuyu a:hover {
  color: rgb(202, 169, 234) !important;
}
.popkit-index.page__popkit-index .title-natsuyasumi a:hover {
  color: rgb(81, 206, 182) !important;
}
.popkit-index.page__popkit-index .title-natsumatsuri a:hover {
  color: rgb(126, 121, 204) !important;
}
.popkit-index.page__popkit-index .title-halloween a:hover {
  color: rgb(140, 103, 178) !important;
}
.popkit-index.page__popkit-index .title-otumn a:hover {
  color: rgb(232, 159, 42) !important;
}
.popkit-index.page__popkit-index .title-christmas a:hover {
  color: rgb(249, 133, 109) !important;
}
.popkit-index.page__popkit-index .popkit-index-info-heading {
  margin: 0.5em 0;
}
.popkit-index.page__popkit-index .info-published-at {
  font-size: 13px;
  color: #A59B91;
}
.popkit-index.page__popkit-index .accbox {
  padding: 0;
}
.popkit-index.page__popkit-index .accbox ul {
  list-style: none;
}
.popkit-index.page__popkit-index .request-popup-close {
  font-weight: bold;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 13px;
  font-weight: 400;
  line-height: 35px;
  color: #78716B;
}
.popkit-index.page__popkit-index .accbox input {
  display: none;
}
.popkit-index.page__popkit-index .accbox .accshow {
  height: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: 0s, transform 0.8s 0s;
  z-index: 999;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main {
  position: absolute;
  bottom: calc(50% - 15em);
  right: calc(50vw - 225px);
  background-color: #FFFAF5;
  width: 450px;
  border-radius: 5%;
  box-shadow: 2px 2px;
  z-index: 9999;
  transition: all 0.8s;
  overflow: hidden;
  text-align: center;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .popkit-request {
  padding-top: 30px;
  display: flex;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .popkit-request span {
  font-size: 15px;
  font-weight: 500;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .popkit-request .chat-small {
  width: 15%;
  margin: 0;
  margin-top: -28px;
  margin-left: 100px;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .popkit-request .peke {
  position: absolute;
  top: 20px;
  left: 415px;
  color: #A49A90;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .request-detail {
  padding-top: 10px;
  text-align: center;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .request-detail span {
  font-size: 14px;
  line-height: 150%;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .request-detail .textarea-text {
  resize: none;
  margin-top: 3%;
  width: 72%;
}
.popkit-index.page__popkit-index .accbox .accshow .popup-main .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 17px;
  padding: 10px 40px;
  color: #78716b;
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
  cursor: pointer;
}
.popkit-index.page__popkit-index .accbox .accshow .list ul {
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
}
.popkit-index.page__popkit-index .accbox .accshow .list li {
  padding: 0px 0px 5px 0px;
}
.popkit-index.page__popkit-index .cssacc:checked + .accshow {
  height: auto;
  background: #F3E5D4;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 0;
}
.popkit-index.page__popkit-index .circle-info-icon {
  color: #A59B91;
  width: 35px;
  height: 35px;
  margin-right: 0.5em;
  display: inline-block;
}
.popkit-index.page__popkit-index .new-info-list-item {
  padding-bottom: 1em;
}
.popkit-index.page__popkit-index .new-info-list-item:last-child {
  padding-bottom: 0;
}
.popkit-index.page__popkit-index #popkit-index-nav-icon-buttons-container {
  height: 9%;
  text-align: center;
  right: 1em;
  display: flex;
  --label-font-size: 13px;
  align-items: center;
  float: right;
}
.popkit-index.page__popkit-index #popkit-index-nav-icon-buttons-container .icon-button-icon {
  height: 100%;
  width: 4.5em;
}
.popkit-index.page__popkit-index #popkit-index-nav-icon-buttons-container .request {
  height: fit-content;
  display: flex;
  align-items: center;
}
.popkit-index.page__popkit-index .popkit-index-nav-link {
  display: block;
  color: #A59B91;
  --icon-transform: none;
}
.popkit-index.page__popkit-index .popkit-index-nav-link a {
  display: flex;
  align-items: center;
}
.popkit-index.page__popkit-index .popkit-index-nav-link .icon-button-label {
  color: #78716b;
  margin-top: 10px;
}
.popkit-index.page__popkit-index .popkit-index-nav-link:active .icon-button-label {
  color: #ffc30a;
}
.popkit-index.page__popkit-index .popkit-index-nav-link:hover {
  text-decoration: none;
}
.popkit-index.page__popkit-index .popkit-index-nav-link .popkit-icon {
  margin-bottom: -0.5em;
}

@media screen and (min-width: 898px) and (max-width: 1420px) {
  .popkit-index.page__popkit-index .navigation .left-content {
    padding-left: 4em;
  }
  .popkit-index.page__popkit-index .navigation .right-content {
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 1em;
  }
  .popkit-index.page__popkit-index .navigation .right-content nav {
    font-size: 1.1em;
    padding-bottom: 0;
  }
}
.my-pop.page__my-pop .main {
  display: flex;
  flex-direction: column;
}
.my-pop.page__my-pop .my-pop-content {
  display: flex;
  flex: 1;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap {
  width: 23%;
  padding: 20px;
  overflow-y: scroll;
  background: #f6e9e6;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .title {
  font-size: 1.1rem;
  font-weight: bold;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .create-new-folder {
  margin-top: 1em;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .create-new-folder .add-share-folder {
  cursor: pointer;
  width: 18px;
  margin-right: 0.3em;
  margin-bottom: 0.8em;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .create-new-folder .add-share-folder-text {
  cursor: pointer;
  margin-bottom: 0;
  font-size: 0.9rem;
  padding-top: 0.1em;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list {
  list-style: none;
  padding: 0;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item {
  background: #fffaf5;
  border: 0.5px solid #a49a90;
  display: flex;
  padding: 0.5em;
  align-items: center;
  margin-bottom: 0.8em;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item:last-of-type {
  margin-bottom: 0;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item .border {
  width: 13px;
  margin-right: 1em;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item .sf-icon {
  width: 42px;
  margin-right: 0.5em;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item .sf-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.my-pop.page__my-pop .my-pop-content .folders-wrap .folder-list .folder-item .text {
  font-size: 0.9rem;
}
.my-pop.page__my-pop .my-pop-content .pops-wrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.my-pop.page__my-pop .my-pop-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3em;
}
.my-pop.page__my-pop .my-pop-item {
  text-align: left;
  margin: 3em 2% 0;
}
.my-pop.page__my-pop {
  --my-pop-thumb-width: 13vw;
  --my-pop-thumb-height: calc(var(--my-pop-thumb-width) / 1.41);
}
.my-pop.page__my-pop .my-pop-thumb {
  width: var(--my-pop-thumb-width);
  height: var(--my-pop-thumb-height);
  object-fit: contain;
}
.my-pop.page__my-pop .my-pop-icons {
  --width: 32px;
  --height: 32px;
  width: var(--my-pop-thumb-width);
  text-align: right;
  padding-bottom: 4px;
}
.my-pop.page__my-pop .my-pop-icons .my-pop-icons-form {
  display: inline-block;
}
.my-pop.page__my-pop .my-pop-icons .my-pop-icons-button {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  color: #a49a90;
}
.my-pop.page__my-pop .my-pop-icons .clone-doc-icon:hover {
  color: #ffc30a;
}
.my-pop.page__my-pop .my-pop-icons .trash-thin-icon:hover {
  color: #EC716A;
}
.my-pop.page__my-pop .my-pop-item-link {
  display: block;
}
.my-pop.page__my-pop .my-pop-hover {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.my-pop.page__my-pop .my-pop-hover:hover {
  outline: 1px solid #d2cdc8;
  padding-bottom: 10px;
  overflow: hidden;
  z-index: 5;
  height: 108%;
  background: #ffffff;
}
.my-pop.page__my-pop .my-pop-hover:hover .my-pop-item-link {
  outline: 1px solid #d2cdc8 !important;
}
.my-pop.page__my-pop .my-pop-meta-area {
  --side-padding: 0.2em;
  width: calc(var(--my-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
  color: #77706B;
}
.my-pop.page__my-pop .my-pop-hover:hover .my-pop-meta-area {
  transform: scale(0.8, 0.8);
}
.my-pop.page__my-pop .printing-information {
  color: #77706B;
  display: none;
  position: absolute;
  --side-padding: 0.2em;
  width: calc(var(--my-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
}
.my-pop.page__my-pop .my-pop-hover:hover .printing-information {
  display: block;
  width: 100%;
  margin-top: 0;
  bottom: 5px;
  flex-direction: column;
  transform: scale(0.8, 0.8);
}
.my-pop.page__my-pop .my-pop-hover:hover .printing-information div {
  font-size: 0.8rem;
  height: 17px;
  line-height: 17px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .my-pop.page__my-pop .my-pop-hover:hover .printing-information {
    width: 110%;
    bottom: 5px;
  }
}
.my-pop.page__my-pop .pencil-icon {
  opacity: 0;
  --width: 32px;
  --height: 32px;
  color: #a49a90;
  position: absolute;
  right: -12px;
  bottom: 0;
}
.my-pop.page__my-pop .my-pop-name-form {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.my-pop.page__my-pop .my-pop-name {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 1px;
  font-weight: 500;
  color: #77706B;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-pop.page__my-pop .my-pop-name::selection {
  background: #FDF0CD;
}
.my-pop.page__my-pop .my-pop-name:hover, .my-pop.page__my-pop .my-pop-name:focus {
  outline: none;
  border-bottom: 1px solid #a49a90;
  padding-right: 12px;
  text-overflow: unset;
}
.my-pop.page__my-pop .my-pop-name:hover ~ .pencil-icon, .my-pop.page__my-pop .my-pop-name:focus ~ .pencil-icon {
  opacity: 1;
}
.my-pop.page__my-pop .my-pop-hover:hover .my-pop-name {
  padding-bottom: 0px;
  height: 20px;
  line-height: 20px;
  border-bottom: 1px solid #a49aa4;
}
.my-pop.page__my-pop .my-pop-updated_at {
  font-weight: 400;
  font-size: 0.9em;
  padding-left: 1px;
  width: 114%;
}
.my-pop.page__my-pop .my-pop-updated_at-time {
  margin-left: 1em;
}
.my-pop.page__my-pop .my-pop-hover:hover .my-pop-updated_at {
  height: 17px;
  line-height: 17px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .my-pop.page__my-pop .my-pop-hover:hover .my-pop-updated_at {
    width: 128%;
  }
  .my-pop.page__my-pop .my-pop-hover:hover .my-pop-updated_at-time {
    margin-left: 1px;
  }
}
.my-pop.page__my-pop .unsettled-alert {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0;
  color: #e9340a;
  font-weight: bold;
  display: flex;
}
.my-pop.page__my-pop .unsettled-alert img {
  width: 40px;
  margin-bottom: 20px;
}
.my-pop.page__my-pop .unsettled-alert p {
  padding-left: 2em;
  font-size: 1.1em;
}
.my-pop.page__my-pop .unsettled-alert p a {
  color: #e9340a;
  text-decoration: underline !important;
}
.my-pop.page__my-pop .search-conditions {
  width: 92.6%;
  margin-top: 10px;
  margin-right: auto;
  text-align: right;
  padding: 1em;
}
.my-pop.page__my-pop .search-conditions form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .my-pop.page__my-pop .search-conditions form {
    flex-wrap: wrap;
  }
}
.my-pop.page__my-pop .search-conditions form .title {
  white-space: nowrap;
  margin-right: 10px;
}
.my-pop.page__my-pop .search-conditions form .tilda {
  margin: 0 10px;
}
.my-pop.page__my-pop .search-conditions form .wrapper {
  margin-left: 10px;
}
.my-pop.page__my-pop .search-conditions form span {
  position: relative;
  margin: 0;
  display: inline-block;
  height: 30px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .my-pop.page__my-pop .search-conditions form span {
    margin-bottom: 10px;
  }
}
.my-pop.page__my-pop .search-conditions form span .input {
  width: 120px;
  height: 30px;
  border: #b7afa7 1px solid;
  padding: 0;
  background-color: #fff;
}
.my-pop.page__my-pop .search-conditions form span .input input {
  width: calc(100% - 32px);
  margin-top: 2px;
  margin-left: 30px;
  height: 24px;
}
.my-pop.page__my-pop .search-conditions form span .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.my-pop.page__my-pop .search-conditions form span .wrapper {
  display: inline-block;
  height: 30px;
  padding: 0;
  border: 1px solid #aaa;
  text-align: left;
  max-width: 211px;
}
.my-pop.page__my-pop .search-conditions form span .wrapper input {
  border: 0;
  height: 24px;
  margin-top: 2px;
  margin-left: 2px;
  width: calc(100% - 30px);
}
.my-pop.page__my-pop .search-conditions form .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 10px;
}
.my-pop.page__my-pop .search-conditions form .keyword-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.my-pop.page__my-pop .search-conditions form button {
  margin-left: 0.5em;
  background-color: #F5BD1F;
  color: #78716b;
  border: 1px solid #78716b;
  white-space: nowrap;
  padding: 0 1em;
  height: 30px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .my-pop.page__my-pop .search-conditions form button {
    margin-bottom: 10px;
  }
}
.my-pop.page__my-pop .delete-modal {
  display: none;
}
.my-pop.page__my-pop .delete-modal button {
  cursor: pointer;
}
.my-pop.page__my-pop .spiner-progress-popup {
  z-index: 50;
  pointer-events: none;
  background: transparent;
  --small-dialog-window__min-width: 0;
  --small-dialog-window__max-width: var(--editor-progress-popup__max-width, 50vw);
  --dialog-padding: 0.6em;
  --small-dialog-window__background_color: rgba(255, 255, 255, 0.8);
  --small-dialog-window__border-radius: 0.6em;
}
.my-pop.page__my-pop .spiner-progress-indicator-area {
  position: relative;
}
.my-pop.page__my-pop .spiner-progress-indicator-area .progress-text {
  position: absolute;
  top: 32px;
  left: 32px;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #666;
}
.my-pop.page__my-pop .spiner-progress-indicator-area .spinner-bg {
  stroke: #BBB;
  stroke-width: 6.5;
}
.my-pop.page__my-pop .spiner-progress-indicator-area .spinner-proc {
  stroke: #F76;
  stroke-width: 6.5;
}
.my-pop.page__my-pop .spiner-progress-indicator-area .spinner-proc.animated {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.my-pop.page__my-pop .spiner-progress-message-area {
  font-size: 0.9em;
  color: #666;
}
.my-pop.page__my-pop .click-disable {
  pointer-events: none;
}
.my-pop.page__my-pop .accbox .cssacc {
  display: none;
}
.my-pop.page__my-pop .accbox .cssacc:checked + .accshow {
  opacity: 1;
  pointer-events: auto;
}
.my-pop.page__my-pop .accbox .accshow {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0s, transform 0.8s 0s;
  z-index: 999;
}
.my-pop.page__my-pop .accbox .accshow .popup-main {
  position: absolute;
  bottom: calc(50% - 15em);
  right: calc(50vw - 225px);
  background-color: #FFFAF5;
  width: 480px;
  border-radius: 25px;
  box-shadow: 2px 2px;
  z-index: 9999;
  transition: all 0.8s;
  overflow: hidden;
  text-align: center;
}
.my-pop.page__my-pop .accbox .accshow .popup-main .unsettled-warning {
  padding: 80px 60px;
}
.my-pop.page__my-pop .accbox .accshow .popup-main .unsettled-warning .peke {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #A49A90;
  cursor: pointer;
}
.my-pop.page__my-pop .accbox .accshow .popup-main .unsettled-warning img {
  width: 60px;
  height: auto;
}
.my-pop.page__my-pop .accbox .accshow .popup-main .unsettled-warning p {
  margin: 40px 0 0;
  color: #e9340a;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
  line-height: 1.8;
}
.my-pop.page__my-pop .accbox .accshow .popup-main .unsettled-warning p a {
  color: #e9340a;
  text-decoration: underline !important;
}

.page__usage .usage-sidebar .category-item .category-articles, .page__usage .usage-sidebar .usage-categories {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.page__usage main {
  display: flex;
  flex-direction: column;
}
.page__usage .usage-main-area {
  width: 100%;
  height: fit-content;
  display: grid;
  grid-template-columns: 23% 1fr;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__usage .usage-main-area {
    grid-template-columns: 27% 1fr;
  }
}
.page__usage .usage-main-area {
  flex-grow: 1;
}
.page__usage .usage-sidebar {
  background: #F3E5D4;
}
.page__usage .usage-sidebar .accordion-toggle-area {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.page__usage .usage-sidebar [id^=accordion-open-state]:checked ~ .accordion-toggle-area {
  height: auto;
  background: #F3E5D4;
  opacity: 1;
}
.page__usage .usage-sidebar [id^=accordion-open-state]:checked ~ .accordion-title .accordion-arrow {
  transform: rotate(-90deg);
}
.page__usage .usage-sidebar .category-item {
  background: #FEFAEF;
  min-height: 70px;
  border-bottom: 1px solid #D0C7BB;
}
.page__usage .usage-sidebar .category-item .accordion-title {
  display: flex;
  align-items: center;
}
.page__usage .usage-sidebar .category-item .accordion-title .accordion-arrow {
  transition: all 0.5s;
  --width: 64px;
  --height: 64px;
  margin-right: 0;
  color: #b7afa7;
  transform: rotate(90deg);
}
.page__usage .usage-sidebar .category-item .category-title-label {
  padding-left: 25px;
  padding-bottom: 3px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.5s;
}
.page__usage .usage-sidebar .category-item .category-articles {
  padding-left: 3em;
}
.page__usage .usage-sidebar .category-item .category-articles .category-article-item:first-child {
  padding-top: 5px;
}
.page__usage .usage-sidebar .category-item .category-articles .category-article-item {
  padding-bottom: 5px;
  padding-right: 5px;
}
.page__usage .usage-content-area .place-of-back {
  text-align: center;
  padding: 4em;
}
.page__usage .usage-content-area .place-of-back .usage-intro {
  font-size: 16px;
  font-weight: 300;
  color: #77706b;
}
.page__usage .usage-content-area .place-of-back .img-go {
  height: 140px;
  margin-top: 50px;
}
.page__usage .usage-article {
  padding: 2em 8%;
}

.popbox_free.page__popbox_free .main-contents {
  width: 100%;
  height: 100%;
}
.popbox_free.page__popbox_free .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.popbox_free.page__popbox_free .main-contents .article {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 430px 1fr;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents .article {
    grid-template-columns: 370px 1fr;
  }
}
.popbox_free.page__popbox_free .main-contents .article {
  grid-template-areas: "art-1 art-2";
}
.popbox_free.page__popbox_free .main-contents .toggle-panel-btn-checkbox {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .toggle-panel-btn {
  width: 29px;
  height: 46px;
  background: #ffbb00;
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: 10px;
  left: 420px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents .toggle-panel-btn {
    left: 360px;
  }
}
.popbox_free.page__popbox_free .main-contents .toggle-panel-btn {
  box-shadow: 4px 0px 4px -1px rgba(15, 15, 15, 0.3) inset, #75797e 0px 4px 5px;
  z-index: 10;
}
.popbox_free.page__popbox_free .main-contents .toggle-panel-btn .toggle-icon {
  width: auto;
  height: 15px;
  margin: 15px 10px;
  transform: rotate(180deg);
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article {
  grid-template-columns: 0px 1fr;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article {
    grid-template-columns: 0px 1fr;
  }
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article {
  grid-template-areas: "art-1 art-2";
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article .toggle-panel-btn {
  left: 0px;
  box-shadow: #75797e 0px 4px 5px;
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article .toggle-panel-btn .toggle-icon {
  transform: rotate(0deg);
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article .article-1 {
  width: 0px;
  border: none;
  overflow: hidden;
  box-shadow: none;
}
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article .article-1 .article1-header,
.popbox_free.page__popbox_free .main-contents #toggle-panel:checked + .article .article-1 .article1-body {
  width: 0px;
  padding: 0;
  overflow: hidden;
}
.popbox_free.page__popbox_free .main-contents .article-1 {
  height: fit-content;
  width: 410px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents .article-1 {
    width: 350px;
  }
}
@supports (-ms-ime-align: auto) {
  .popbox_free.page__popbox_free .main-contents .article-1 {
    display: table;
  }
}
.popbox_free.page__popbox_free .main-contents .article-1 {
  grid-area: art-1;
  border: #f5bd1e 3px solid;
  box-shadow: #75797e 3px 3px 3px;
  margin: 10px;
  z-index: 0;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header {
  background-color: #f3e5d4;
  background-image: url(/image/my_page/mypage-background.png);
  background-repeat: repeat;
  height: fit-content;
  padding: 0px 15px 0px 15px;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .guide {
  margin-top: 20px;
  display: inline-flex;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .guide img {
  height: 115px;
  width: 8em;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .guide h2 {
  margin: 0;
  color: #78716b;
  font-size: 23px;
  margin-left: 10px;
  font-weight: 300;
  width: 100%;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .info-plans {
  width: 94%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents .article-1 .article1-header .info-plans {
    width: 100%;
  }
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .info-plans {
  height: 55px;
  margin: 10px auto 10px auto;
  font-weight: 500;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #41AA93;
  justify-content: space-between;
  padding: 3%;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .info-plans span {
  margin-top: 15px;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .info-plans .details {
  color: #fff;
  background: #41AA93;
  padding: 2px 11px;
  font-size: 1em;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .present-popset {
  width: 100%;
  font-size: 12px;
  display: inline-flex;
  justify-content: space-between;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .present-popset .popset-1 {
  font-size: 1em;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .present-popset .popset-2 {
  font-weight: 400;
  color: #78716b;
  font-size: 13px;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .loading {
  margin-bottom: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .loading img {
  width: 100%;
  color: #8E807C;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .loading p {
  margin-top: 8px;
  font-size: 13px;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-header .loading p span {
  font-size: 1em;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body {
  background-color: #fff;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-around;
  background-color: #FFEFD4;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 80px;
  border: 1px solid #B8AEA2;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .vertical-icon {
  width: 32px;
  min-width: 32px;
  color: #AEA397;
  margin: 4px;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .popset-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .stickers {
  width: 55px;
  height: 60px;
  object-fit: contain;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .popbox-popset-label {
  font-size: 15px;
  color: #78716b;
  margin-left: 10px;
  overflow-wrap: break-word;
  word-break: break-all;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .pops .delete-icon {
  margin: 4px;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: #A49A90;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .transition {
  width: 100%;
  position: absolute;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .transition::before {
  border-bottom: 40px solid transparent;
  border-left: 40px solid #fbe472;
  content: "";
  position: absolute;
  top: -39px;
  z-index: 2;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .transition::after {
  content: "移行";
  font-size: 0.5rem;
  position: absolute;
  top: -35px;
  left: 1px;
  transform: rotate(-45deg);
  z-index: 3;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .transition-eye {
  width: 40px;
  height: 40px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-1 .article1-body .transition-bgc {
  background-color: #fffbdc;
}
.popbox_free.page__popbox_free .main-contents .article-1 .artical1-footer {
  background-color: #ec716a;
  padding: 11.5px;
  width: 100%;
  margin-top: 20px;
  display: inline-flex;
  text-decoration: none;
}
.popbox_free.page__popbox_free .main-contents .article-1 .artical1-footer .upgrade-icon {
  height: 40px;
  width: 40px;
  color: #fff;
}
.popbox_free.page__popbox_free .main-contents .article-1 .artical1-footer p {
  margin: 0;
  color: #fff;
  margin-left: 10px;
  font-size: 15px;
}
.popbox_free.page__popbox_free .main-contents .article-2 {
  grid-area: art-2;
  margin-top: 80px;
}
.popbox_free.page__popbox_free .main-contents .article-2 h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .main-contents .article-2 h3 {
    font-size: 11px;
  }
}
.popbox_free.page__popbox_free .main-contents .article-2 h3 {
  font-weight: 500;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search {
  text-align: center;
  width: 80%;
  margin: auto;
  height: 50px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search .in-search .input {
  width: 16em;
  height: 50px;
  border: 1px solid #D2CDC8;
  padding: 0 0 0 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search .in-search ::-ms-clear {
  visibility: hidden;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search .in-search ::-ms-input-placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search .in-search ::placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .search .in-search .search-icon {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 0;
  left: 170px;
  color: #A49A90;
  bottom: 45px;
  cursor: pointer;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 1em;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label {
  font-size: 15px;
  text-align: left;
  width: 13em;
  margin: 0 1em;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label select {
  width: 13em;
  height: 50px;
  border: 1px solid #BDB6AE;
  color: #78716b;
  padding-left: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label select option {
  color: #78716b;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label .btn {
  display: flex;
  height: 50px;
  width: 13em;
  align-items: center;
  background: white;
  border: 1px solid #D2CDC8;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label .btn .icon {
  height: 25px;
  width: 25px;
  margin-left: 20px;
  color: #EF8B85;
}
.popbox_free.page__popbox_free .main-contents .article-2 .select-pops label .btn span {
  text-indent: 25px;
  color: #B8B4B1;
  font-size: 15px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #F1ECEB;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info img {
  width: 80px;
  object-fit: contain;
  margin: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon, .popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid;
  border-radius: 10px;
  margin: 5px;
  padding: 2px 7px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border-color: #FFBF00;
  color: #FDAA23;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px 0 5px 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 65px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 95px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .circle label {
  margin-bottom: -0.2rem;
  transition: all 0.5s;
  cursor: pointer;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list1 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #FFEFD4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 [id^=test-test]:checked + #circle-expand-icon {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(-180deg);
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .pickup {
  width: 100%;
  position: relative;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .pickup:before {
  border-color: #ff9f00 transparent transparent transparent;
  border-style: solid;
  border-width: 80px 80px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
  z-index: 2;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .pickup:after {
  color: #fff;
  content: "選択済";
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 3px;
  transform: rotate(-45deg);
  z-index: 3;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 {
  position: relative;
  background: #FFEFD4;
  padding: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info img {
  width: 110px;
  object-fit: contain;
  margin: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border: #FFBF00 2px solid;
  border-radius: 10px;
  color: #FDAA23;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
  font-weight: 600;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid #ff7d7e;
  color: #ff7d7e;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
  font-weight: 600;
  border-radius: 10px;
  margin: 5px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 65px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 108px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .herat {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #DFDCD8;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #DFDCD8;
  text-indent: 10px;
  line-height: 40px;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2 {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2 .heart-icon {
  height: 45px;
  width: 45px;
  color: #ED7C75;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2 span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle label {
  margin-bottom: -0.2rem;
  transition: all 0.5s;
  cursor: pointer;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .accordion-title {
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .accordion-title .circle-expand-icon {
  transition: all 0.5s;
  --width: 64px;
  --height: 64px;
  margin-right: 0;
  color: #b7afa7;
  transform: rotate(90deg);
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .category-title-label {
  padding-left: 35px;
  padding-bottom: 3px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 70px;
  cursor: pointer;
  transition: all 0.5s;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon input {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list2 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #FFEFD4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info img {
  width: 110px;
  object-fit: contain;
  margin: 10px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div .new {
  color: #ec716a;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border: #FFBF00 2px solid;
  border-radius: 10px;
  color: #FDAA23;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
  font-weight: 600;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 65px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 108px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .circle label {
  transition: all 0.5s;
  cursor: pointer;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .main-contents .article-2 .pops-list3 .spotlight .circle .cssacc {
  display: none;
}
.popbox_free.page__popbox_free .main-contents .article-2 .not-search {
  text-align: center;
  margin-top: 40px;
}
.popbox_free.page__popbox_free .main-contents .article-2 .not-search .not-search-text {
  font-size: 20px;
}
.popbox_free.page__popbox_free #sample figure {
  margin: 0;
  display: none;
}
.popbox_free.page__popbox_free #sample figure:target {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.popbox_free.page__popbox_free #sample figure:target #overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(100, 100, 100, 0.5);
  text-decoration: none;
  color: inherit;
}
.popbox_free.page__popbox_free #sample figure:target #overlay .overlaybox {
  width: 800px;
  height: 450px;
  background-color: #FFFAF5;
  display: flex;
  align-items: center;
  border-radius: 30px;
}
.popbox_free.page__popbox_free #sample figure:target #overlay .overlaybox h2 {
  position: relative;
  left: 65px;
  bottom: 170px;
}
.popbox_free.page__popbox_free #sample figure:target #overlay .overlaybox .max-alert {
  position: absolute;
  top: 60%;
  left: 41%;
}
.popbox_free.page__popbox_free #sample figure:target #overlay .overlaybox .max-alert span {
  font-size: 15px;
}
.popbox_free.page__popbox_free img.overlayimg {
  width: 80%;
  height: 45%;
  position: relative;
  left: 12%;
  bottom: 12%;
}
.popbox_free.page__popbox_free #sample figure:target img {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popbox_free.page__popbox_free .info-plans-enjoy {
  color: #ec716a !important;
}
.popbox_free.page__popbox_free .details-enjoy {
  background-color: #ec716a !important;
}
.popbox_free.page__popbox_free .article1-footer-enjoy {
  background-color: #FF9C00 !important;
  line-height: 40px;
}
.popbox_free.page__popbox_free .button-disabled {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  color: #A49A90;
}
.popbox_free.page__popbox_free .button-able {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.popbox_free.page__popbox_free .add-popset {
  cursor: pointer;
}
.popbox_free.page__popbox_free .in-box {
  padding-left: 10px;
}
.popbox_free.page__popbox_free .in-box-color {
  color: #DFDCD8 !important;
}
.popbox_free.page__popbox_free .popup-underline {
  text-decoration: none;
}
.popbox_free.page__popbox_free .box-flex {
  display: inline-flex;
  align-items: center;
}
.popbox_free.page__popbox_free .default-color .edit-icon {
  color: #a59b91 !important;
}
.popbox_free.page__popbox_free .default-color span {
  color: #a59b91 !important;
}
.popbox_free.page__popbox_free .accbox .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popbox_free.page__popbox_free .accbox span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popbox_free.page__popbox_free .accbox label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.popbox_free.page__popbox_free .accbox input {
  display: none;
}
.popbox_free.page__popbox_free .accbox #accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  display: none;
}
.popbox_free.page__popbox_free [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
  display: block;
}
.popbox_free.page__popbox_free .rotate180 {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}
.popbox_free.page__popbox_free .image-box {
  position: relative;
  background: #F7ECDD;
  width: 100%;
  margin: auto;
  border-bottom: #DCD7D3 2px solid;
}
.popbox_free.page__popbox_free .image-box .inter-items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .list1 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  padding-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam div {
  padding-left: 10px;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam img {
  width: 110px;
  height: 130px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam img {
    width: 98px;
    height: 110px;
  }
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam img {
  object-fit: contain;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam #sample-items .figure-none {
  margin: 0;
  display: none;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam img.overlayimg-items {
  width: 400px;
  height: 400px;
  position: relative;
}
.popbox_free.page__popbox_free .image-box .inter-items .item1 .iteam .popup img {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 {
  margin-bottom: 20px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .list2 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .background {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .background div {
  width: 25%;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .background div img {
  width: 150px;
  height: 140px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .image-box .inter-items .iteam2 .background div img {
    width: 100px;
    height: 120px;
  }
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .background div img {
  object-fit: contain;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 #sample-items .figure-none {
  margin: 0;
  display: none;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
  z-index: 10000;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 img.overlayimg-items {
  width: 400px !important;
  height: 400px !important;
  position: relative;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam2 .popup img {
  animation: fadein 0.3s;
  margin-left: 20px;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 {
  margin-top: 40px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .list3 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template div {
  width: 25%;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template div img {
  width: 150px;
  height: 140px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template div img {
    width: 100px;
    height: 120px;
  }
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template div img {
  object-fit: contain;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .template .new img {
  transform: rotate(90deg);
  height: 130px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 #sample-items .figure-none {
  margin: 0;
  display: none;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
  z-index: 10000;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 img.overlayimg-items {
  width: 400px !important;
  height: 400px !important;
  position: relative;
}
.popbox_free.page__popbox_free .image-box .inter-items .iteam3 .popup img {
  animation: fadein 0.3s;
  margin-left: 20px;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popbox_free.page__popbox_free .graph {
  position: relative; /* IE is dumb */
  max-width: 340px;
  background-color: white;
  border-radius: 10px;
}
.popbox_free.page__popbox_free .graph .bar {
  display: block;
  position: relative;
  background: #8e807c;
  text-align: center;
  height: 0.8em;
  line-height: 2em;
  border-radius: 10px;
}
.popbox_free.page__popbox_free .graph .bar span {
  position: absolute;
  left: 1em;
}
.popbox_free.page__popbox_free #modal-checkbox {
  display: none;
}
.popbox_free.page__popbox_free #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.popbox_free.page__popbox_free #modal-content {
  position: absolute;
  top: 200px;
  right: -40px;
  z-index: 40;
  background: #fffaf6;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 5px 30px 60px 15px;
  border: 1px solid #78716b;
  border-radius: 10px;
}
.popbox_free.page__popbox_free #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.popbox_free.page__popbox_free #modal-content .modal-checkbox {
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.popbox_free.page__popbox_free #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.popbox_free.page__popbox_free #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.popbox_free.page__popbox_free #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.popbox_free.page__popbox_free .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.popbox_free.page__popbox_free .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
}
.popbox_free.page__popbox_free .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .popbox_free.page__popbox_free .in-pop-info {
    min-width: 200px;
  }
}
.popbox_free.page__popbox_free .in-pop-info {
  min-width: 200px;
}
.popbox_free.page__popbox_free .space {
  margin-bottom: 100px;
}
.popbox_free.page__popbox_free .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.popbox_free.page__popbox_free .pointer {
  cursor: pointer;
}
.popbox_free.page__popbox_free [v-cloak] {
  display: none;
}

.translation.page__translation .history-list {
  margin-left: 40px;
  margin-right: 70px;
  margin-bottom: 3em;
  margin-top: 45px;
}
.translation.page__translation .history-list .table-of-history {
  width: 100%;
  position: relative;
}
.translation.page__translation .history-list .table-of-history table {
  width: 100%;
  top: 40px;
}
.translation.page__translation .history-list .table-of-history table tr {
  border: 1px solid #ccc;
}
.translation.page__translation .history-list .table-of-history table tr th {
  height: 45px;
  font-size: 17px;
  font-weight: 200;
  background: #F7F6F5;
}
.translation.page__translation .history-list .table-of-history table tr .text_center {
  text-align: center;
}
.translation.page__translation .history-list .table-of-history table tr .text_right {
  text-align: right;
}
.translation.page__translation .history-list .table-of-history table td {
  padding: 1em 0;
  font-size: 17px;
}
.translation.page__translation .history-list .table-of-history table .button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 2px 10px;
}
.translation.page__translation .history-list dl {
  border-top: 1px solid #ccc;
}
.translation.page__translation .history-list dl dt {
  float: left;
  clear: left;
  margin-right: 0.5em;
  width: 200px;
}
.translation.page__translation .history-list dl dd {
  margin-left: 100px;
}
.translation.page__translation .comingsoon-text {
  font-size: 23px;
  color: #A49A90;
  font-weight: 600;
  text-align: center;
  margin-top: 150px;
}
.translation.page__translation .comingsoon-image {
  text-align: center;
  margin-top: 15px;
}
.translation.page__translation .comingsoon-image img {
  width: 11%;
}

.dashboard.page__information-top {
  height: 100%;
  width: 100%;
}
.dashboard.page__information-top .content {
  width: 100%;
  background: white;
}
.dashboard.page__information-top .content .content-list {
  height: 316px;
  width: 70%;
  margin: auto;
  padding-top: 55px;
}
.dashboard.page__information-top .content .content-list .list {
  display: inline-flex;
}
.dashboard.page__information-top .content .content-list .list .image {
  width: 260px;
  height: 300px;
}
.dashboard.page__information-top .content .content-list .list .image img {
  height: 50%;
  object-fit: contain;
  width: 100%;
}
.dashboard.page__information-top .content .content-list .list .new {
  margin-left: 40px;
  width: 435px;
}
.dashboard.page__information-top .content .content-list .list .new .change {
  margin: 0;
  font-weight: 600;
  height: 55px;
  width: 55%;
}
.dashboard.page__information-top .content .content-list .list .new .change span {
  color: #77706B;
  font-size: 21px;
  position: relative;
  top: -10px;
}
.dashboard.page__information-top .content .content-list .list .new .small-icon {
  position: absolute;
  color: white;
}
.dashboard.page__information-top .content .content-list .list .new .small-fukidashi-icon {
  width: 65px;
  position: relative;
  top: -110px;
  left: 235px;
}
.dashboard.page__information-top .content .content-list .list .new .created-text {
  color: #a49a90;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  top: 0px;
}
.dashboard.page__information-top .content .content-list .list .new .text {
  position: relative;
  top: 5px;
}
.dashboard.page__information-top .content .content-list .list .new .text .text- {
  color: #a49a90;
  font-size: 15px;
  position: relative;
  top: 15px;
}
.dashboard.page__information-top .content .content-list {
  border-bottom: 1px solid #CBC5BF;
}
.dashboard.page__information-top .content .switch-main {
  position: relative;
  top: -120px;
  padding-left: 78%;
}
.dashboard.page__information-top .content {
  /* === ボタンを表示するエリア ============================== */
}
.dashboard.page__information-top .content #switchArea {
  line-height: 50px;
  letter-spacing: 0; /* 文字間             */
  text-align: center; /* 文字位置は中央     */
  font-size: 21px;
  position: relative; /* 親要素が基点       */
  width: 120px;
  background: #FFFFFF; /* デフォルト背景色   */
}
.dashboard.page__information-top .content {
  /* === チェックボックス ==================================== */
}
.dashboard.page__information-top .content #switchArea input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}
.dashboard.page__information-top .content {
  /* === チェックボックスのラベル（標準） ==================== */
}
.dashboard.page__information-top .content #switchArea label {
  display: block; /* ボックス要素に変更 */
  box-sizing: border-box; /* 枠線を含んだサイズ */
  height: 40px;
  border-radius: 30px; /* 角丸               */
  background: #B6AEA6;
}
.dashboard.page__information-top .content {
  /* === チェックボックスのラベル（ONのとき） ================ */
}
.dashboard.page__information-top .content #switchArea input[type=checkbox]:checked + label {
  border-color: none; /* 選択タブの枠線     */
  background: #ffbd00;
}
.dashboard.page__information-top .content {
  /* === 表示する文字（標準） ================================ */
}
.dashboard.page__information-top .content #switchArea label span:after {
  content: "非公開"; /* 表示する文字       */
  padding: 0 0 0 36px;
  color: #FFFFFF; /* 文字色             */
  position: relative;
  top: -5px;
}
.dashboard.page__information-top .content {
  /* === 表示する文字（ONのとき） ============================ */
}
.dashboard.page__information-top .content #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開"; /* 表示する文字       */
  padding: 0 36px 0 0; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
  margin-bottom: 10px;
}
.dashboard.page__information-top .content {
  /* === 丸部分のSTYLE（標準） =============================== */
}
.dashboard.page__information-top .content #switchArea #swImg {
  position: absolute; /* 親要素からの相対位置*/
  width: 30px;
  height: 30px;
  background: #FFFFFF; /* カーソルタブの背景 */
  top: 5px;
  left: 4px;
  border-radius: 26px; /* 角丸               */
  transition: 0.2s; /* 滑らか変化         */
}
.dashboard.page__information-top .content {
  /* === 丸部分のSTYLE（ONのとき） =========================== */
}
.dashboard.page__information-top .content #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px); /* 丸も右へ移動       */
  background: #FFFFFF; /* カーソルタブの背景 */
  position: absolute; /* 親要素からの相対位置*/
  left: -4px;
}
.dashboard.page__information-top .content-list:last-child {
  border: 0 !important;
}
.dashboard.page__information-top .add-information {
  width: 80%;
  margin: auto;
}
.dashboard.page__information-top .add-information .in-add-information {
  display: inline-flex;
  float: right;
  border: 2px solid #ccc;
  padding: 7px 50px;
  margin-top: 50px;
}
.dashboard.page__information-top .add-information .in-add-information .circle-plus-icon {
  height: 40px;
  width: 40px;
}
.dashboard.page__information-top .add-information .in-add-information p {
  margin: 0;
  line-height: 40px;
  text-indent: 15px;
}

.information.page__information .main .information-back {
  height: 100%;
  width: 100%;
  background: white;
}
.information.page__information .main .information-back .back {
  width: 83%;
  margin: 30px auto 30px auto;
  list-style: none;
}
.information.page__information .main .information-back .back a {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  color: #77706b;
}
.information.page__information .main .information-back .back li {
  color: #999390;
}
.information.page__information .main .information-back .back span {
  text-indent: 5px;
  margin: 0;
  color: #999390;
  font-size: 16px;
  font-weight: 400;
}
.information.page__information .main .content {
  width: 100%;
  background: white;
}
.information.page__information .main .content .content-list {
  width: 83%;
  margin: auto;
}
.information.page__information .main .content .content-list .list {
  display: flex;
  height: fit-content;
}
.information.page__information .main .content .content-list .list .image img {
  height: 140px;
}
.information.page__information .main .content .content-list .list .new .change {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  height: 20px;
  color: #77706B;
}
.information.page__information .main .content .content-list .list .new .imp {
  margin-top: 20px;
}
.information.page__information .main .content .content-list .list .new .small-icon {
  width: 65px;
  position: absolute;
  left: 560px;
  top: 10pc;
  color: white;
}
.information.page__information .main .content .content-list .list .new span {
  color: #a49a90;
  font-size: 15px;
  margin-top: 20px;
}
.information.page__information .main .content .content-list .list .new .text p {
  color: #77706b;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 50px;
  bottom: 50px;
}
.information.page__information .main .content .content-list {
  border-bottom: 2px solid #C2BCB5;
}
.information.page__information .main .text {
  width: 100%;
  background: white;
}
.information.page__information .main .text .inside-text {
  width: 83%;
  padding-top: 20px;
  margin: auto;
}
.information.page__information .main .text .inside-text p {
  margin: 0;
  font-size: 16px;
}
.information.page__information .main .text .image {
  width: 83%;
  padding-top: 20px;
  margin: auto auto 40px auto;
}
.information.page__information .main .text .image img {
  height: 280px;
}

.charge-confirmation.page__charge-confirmation .main .main-content {
  width: 100%;
  height: 100%;
}
.charge-confirmation.page__charge-confirmation .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.charge-confirmation.page__charge-confirmation .main .payment-history-list {
  width: 85%;
  margin: 30px auto 20px auto;
}
.charge-confirmation.page__charge-confirmation .main .payment-history-list h2 {
  margin: 0;
  font-size: 18px;
  color: #78716b;
}
.charge-confirmation.page__charge-confirmation .main .history-table {
  width: 85%;
  margin: auto;
}
.charge-confirmation.page__charge-confirmation .main .history-table table {
  width: 100%;
  text-align: center;
}
.charge-confirmation.page__charge-confirmation .main .history-table table tr {
  border-top: 1px solid #C4C1BD;
  border-bottom: 1px solid #9F9995;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .charge-confirmation.page__charge-confirmation .main .history-table table tr :nth-child(1) {
    white-space: nowrap;
  }
}
.charge-confirmation.page__charge-confirmation .main .history-table table tr th {
  background: #E8E6E3;
  height: 45px;
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
}
.charge-confirmation.page__charge-confirmation .main .history-table table tr td {
  height: 70px;
  font-size: 15px;
  color: #78716b;
  padding: 0.5em;
}
.charge-confirmation.page__charge-confirmation .main .history-table p {
  padding-top: 10px;
  margin: 0;
  font-size: 13px;
  color: #78716b;
}
.charge-confirmation.page__charge-confirmation .main .history-table .registration-number {
  margin-top: 30px;
}
.charge-confirmation.page__charge-confirmation .main .history-table .registration-number p {
  font-size: 15px;
  color: #78716b;
}
.charge-confirmation.page__charge-confirmation .main .history-table .application-for-invoicing {
  text-align: center;
}
.charge-confirmation.page__charge-confirmation .main .history-table .application-for-invoicing button {
  padding: 3px 7px;
  border: 1px solid #B8B1A9;
  border-radius: 10px;
  font-size: 13px;
  color: #78716b;
  background: #FDF0CB;
}
.charge-confirmation.page__charge-confirmation .main .history-table b {
  font-size: 16px;
}
.charge-confirmation.page__charge-confirmation .main .history-table .button {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
.charge-confirmation.page__charge-confirmation .main .history-table .button button {
  padding: 7px 60px;
  border: 1px solid #B8B1A9;
  font-size: 17px;
  color: #78716b;
  background: #F0EFEF;
}
.charge-confirmation.page__charge-confirmation .main .modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  animation-duration: 0.2s;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents {
  overflow: hidden;
  position: relative;
  max-width: 90%;
  height: 90%;
  border-radius: 1em;
  background-color: #fffaf5;
  text-align: center;
  animation-duration: 0.2s;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .content {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  border-radius: 1em;
  padding: 20px 30px 20px 100px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .title {
  font-size: 21px;
  margin-right: 40px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .summary {
  font-size: 16px;
  text-align: left;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .section-area {
  width: 100%;
  text-align: left;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .section-area .section {
  margin-left: -10px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .required-alert {
  color: #EC716A;
  font-size: 0.9em;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents h2 {
  display: block;
  position: absolute;
  margin: 1em;
  right: 0;
  top: 0;
  line-height: 0.8em;
  cursor: pointer;
  width: fit-content;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table tr {
  text-align: left;
  font-size: 14px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .main-td {
  width: 30%;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .main-td .required {
  display: inline;
  margin-left: 0;
  color: #EC716A;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .sub-td {
  height: 30px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .input-td {
  height: 35px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table input {
  border: 0.3px solid #78716B;
  height: 30px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .short {
  width: 30%;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .medium {
  width: 60%;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .long {
  width: 90%;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .text-top {
  vertical-align: top;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .confirmation-area {
  padding-top: 10px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .confirmation-area .confirmation {
  font-size: 13px;
  margin-bottom: 5px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .check {
  display: flex;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .check .checkbox {
  width: 20px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents table .check span {
  margin: auto;
  margin-left: 15px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-modal-contents .application-button {
  text-align: center;
  margin-top: 20px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents {
  position: relative;
  border-radius: 2em;
  padding: 60px 50px 30px 80px;
  background-color: #fff;
  z-index: 100;
  text-align: center;
  animation-duration: 0.2s;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents h2 {
  display: block;
  position: absolute;
  margin: 1em;
  right: 0;
  top: 0;
  line-height: 0.8em;
  cursor: pointer;
  width: fit-content;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents .notification {
  font-size: 17px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents .notes {
  width: 100%;
  text-align: left;
  margin-top: 40px;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents .notes ul {
  padding: 0;
}
.charge-confirmation.page__charge-confirmation .main .modal-background .application-completed-modal-contents .notes ul li {
  padding-left: 5px;
  margin: 0;
  list-style: none;
}

.credit-card-check.page__credit-card-check .main .main-content {
  width: 100%;
  height: 100%;
}
.credit-card-check.page__credit-card-check .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin-top: 60px;
  margin-left: 2em;
}
.credit-card-check.page__credit-card-check .main .unsettled {
  display: flex;
  align-items: center;
  gap: 1em;
  width: 70%;
  min-width: 37em;
  margin: 40px auto 10px auto;
  padding: 5px 2em 7px 2em;
  border: 2px solid #e9340a;
}
.credit-card-check.page__credit-card-check .main .unsettled p {
  margin-bottom: 0;
  color: #e9340a;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}
.credit-card-check.page__credit-card-check .main .unsettled p a {
  color: #e9340a;
  text-decoration: underline !important;
}
.credit-card-check.page__credit-card-check .main .credit-card {
  width: 70%;
  min-width: 37em;
  margin: 40px auto 10px auto;
  padding-left: 2em;
  font-size: 18px;
  border-bottom: 1px solid #A39E9A;
  padding-bottom: 20px;
  color: #78716b;
  font-weight: 500;
}
.credit-card-check.page__credit-card-check .main .present-credit-card {
  width: 63%;
  margin: auto;
  font-size: 16px;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .secure {
  display: flex;
  justify-content: flex-end;
  width: 63%;
  margin: auto;
  padding-right: 30px;
}
.credit-card-check.page__credit-card-check .main .secure dl > div {
  display: flex;
  justify-content: space-between;
}
.credit-card-check.page__credit-card-check .main .secure dt {
  width: 6em;
  font-weight: normal;
  text-align: right;
}
.credit-card-check.page__credit-card-check .main .secure dd {
  margin-left: 10px;
  text-align: right;
}
.credit-card-check.page__credit-card-check .main .secure .one {
  font-size: 18px;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .secure .two {
  font-size: 12px;
  color: #A7A29F;
  padding-bottom: 20px;
}
.credit-card-check.page__credit-card-check .main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  width: 70%;
  min-width: 46em;
  margin: auto;
}
.credit-card-check.page__credit-card-check .main .card-change {
  font-size: 16px;
  width: 63%;
  margin: auto;
  padding: 15px 0px 15px 0px;
}
.credit-card-check.page__credit-card-check .main .input-details {
  width: 60%;
  min-width: 46em;
  margin: auto;
  padding-top: 15px;
}
.credit-card-check.page__credit-card-check .main .input-details .success-msg {
  margin-bottom: 15px;
  color: green;
  font-weight: 500;
  font-size: 15px;
}
.credit-card-check.page__credit-card-check .main .input-details label {
  font-size: 15px;
  width: 13em;
  text-align: right;
}
.credit-card-check.page__credit-card-check .main .input-details input {
  height: 40px;
  border: 1px solid #C4C1BE;
  margin-left: 20px;
  padding-left: 15px;
}
.credit-card-check.page__credit-card-check .main .input-details input[type=number]::-webkit-outer-spin-button,
.credit-card-check.page__credit-card-check .main .input-details input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.credit-card-check.page__credit-card-check .main .month-and-date {
  width: 60%;
  min-width: 46em;
  margin: auto;
  padding-right: 2em;
  display: flex;
  margin-top: 20px;
}
.credit-card-check.page__credit-card-check .main .month-and-date label {
  width: 15em;
  font-size: 13px;
  text-align: right;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .month-and-date .part-1 {
  width: 15%;
  height: 40px;
  margin-left: 20px;
  border: 1px solid #C4C1BE;
}
.credit-card-check.page__credit-card-check .main .month-and-date span {
  margin-left: 10px;
}
.credit-card-check.page__credit-card-check .main .month-and-date .part-2 {
  width: 15%;
  height: 40px;
  padding-left: 10px;
  margin-left: 10px;
  border: 1px solid #C4C1BE;
}
.credit-card-check.page__credit-card-check .main .month-and-date ::-ms-input-placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-check.page__credit-card-check .main .month-and-date ::placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-check.page__credit-card-check .main .month-and-date .privat {
  align-items: center;
  display: flex;
}
.credit-card-check.page__credit-card-check .main .month-and-date .privat label {
  width: 13em;
  font-size: 13px;
  text-align: center;
  margin: 0;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .month-and-date .privat .part-3 {
  width: 90%;
  height: 40px;
  border: 1px solid #C4C1BE;
}
.credit-card-check.page__credit-card-check .main .credit-iteam {
  display: flex;
  align-items: center;
  width: 53%;
  margin: 30px auto 10px auto;
}
.credit-card-check.page__credit-card-check .main .credit-iteam .iteam-text {
  font-size: 16px;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .credit-iteam .iteam-image {
  margin-left: 10px;
}
.credit-card-check.page__credit-card-check .main .credit-iteam .iteam-image img {
  height: 50px;
  width: 65px;
  object-fit: contain;
  padding: 0px 5px 0px 5px;
}
.credit-card-check.page__credit-card-check .main .Description {
  width: 53%;
  min-width: 46em;
  margin: auto;
  padding-bottom: 20px;
  font-size: 13px;
  color: #A7A29E;
}
.credit-card-check.page__credit-card-check .main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  width: 70%;
  min-width: 46em;
  margin: auto;
}
.credit-card-check.page__credit-card-check .main .button {
  text-align: center;
  margin: 40px 40px 60px 40px;
}
.credit-card-check.page__credit-card-check .main .button span button {
  background: #F7CA4B;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  margin-right: 20px;
  color: #78716b;
}
.credit-card-check.page__credit-card-check .main .button button {
  background: #F0EFEF;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  color: #78716b;
}

.enjoy-plan.page__enjoy-plan .main-contents {
  width: 100%;
  height: 100%;
}
.enjoy-plan.page__enjoy-plan .main-contents h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 {
  width: 90%;
  margin: auto;
  box-sizing: border-box;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans {
  padding: 0 50px;
  margin-bottom: 40px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan table {
  border: none;
  font-size: 18px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan table .main-title-td {
  width: 300px;
  height: 37px;
  color: #78716b;
  font-weight: 500;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan table span {
  font-size: 18px;
  color: #FF7A73;
  font-weight: 500;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan table .side-title-td {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .justify {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .justify .left {
  font-size: 16px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .justify .right {
  font-size: 15px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents {
  width: 100%;
  background: #FCEAE9;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list {
  width: 80%;
  margin: auto;
  border-bottom: 2px solid #CBBDBA;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .notice {
  display: inline-block;
  color: red;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one {
  display: flex;
  justify-content: space-between;
  padding: 20px 0px 0px 0px;
  margin: 0;
  font-size: 16px;
  align-items: center;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one .topic {
  font-weight: 400;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one .amount {
  margin: 0;
  white-space: nowrap;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
  margin: 0;
  padding-top: 10px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two .topic {
  font-weight: 400;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two .amount {
  margin: 0;
  white-space: nowrap;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin: 0;
  padding-bottom: 5px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three .topic {
  font-weight: 400;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three .amount {
  margin: 0;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .total {
  width: 80%;
  margin: auto;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .total .contains-four {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #78716b;
  margin: 0;
  padding: 20px 0px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .total .contains-four .topic {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .plan .sub-contents .total .contains-four .amount {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select-for-smaregi {
  margin-top: 50px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select-for-smaregi h2 {
  width: 80%;
  margin: 30px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select-for-smaregi .to-smaregi {
  border: #EA605D 2px solid;
  padding: 20px 25px;
  width: 480px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 17px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select-for-smaregi .to-smaregi p {
  margin: auto 20px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select h2 {
  width: 80%;
  margin: 30px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option {
  margin: 0;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-popbox {
  display: inline-flex;
  width: 100%;
  height: 65px;
  align-items: center;
  border: 2px solid #E0DEDD;
  justify-content: space-between;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-popbox span {
  margin: 0;
  font-size: 16px;
  line-height: 65px;
  padding-left: 20px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-popbox div img {
  height: 14px;
  margin-right: 20px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-capacity {
  display: inline-flex;
  width: 100%;
  height: 65px;
  align-items: center;
  border-right: 2px solid #E0DEDD;
  border-left: 2px solid #E0DEDD;
  border-bottom: 2px solid #E0DEDD;
  justify-content: space-between;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-capacity span {
  margin: 0;
  font-size: 16px;
  line-height: 65px;
  padding-left: 20px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .select .change-option .add-capacity div img {
  height: 14px;
  margin-right: 20px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .credit-card h3 {
  width: 80%;
  margin: 30px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .credit-card .present .add-credit {
  display: inline-flex;
  width: 100%;
  height: 65px;
  align-items: center;
  border: 2px solid #E0DEDD;
  justify-content: space-between;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .credit-card .present .add-credit span {
  margin: 0;
  font-size: 16px;
  line-height: 65px;
  padding-left: 20px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .credit-card .present .add-credit div img {
  height: 14px;
  margin-right: 20px;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .payment-file h4 {
  width: 80%;
  margin: 30px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .payment-file .inside-file .file {
  display: inline-flex;
  width: 100%;
  height: 65px;
  align-items: center;
  border: 2px solid #E0DEDD;
  justify-content: space-between;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .payment-file .inside-file .file span {
  margin: 0;
  font-size: 16px;
  line-height: 65px;
  padding-left: 20px;
  color: #78716b;
}
.enjoy-plan.page__enjoy-plan .main-contents .contents2 #plans .payment-file .inside-file .file div img {
  height: 14px;
  margin-right: 20px;
}

.free-plan.page__free-plan .main .main-content {
  width: 100%;
  height: 100%;
}
.free-plan.page__free-plan .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.free-plan.page__free-plan .main .contents2 {
  width: 90%;
  margin: auto;
  box-sizing: border-box;
}
.free-plan.page__free-plan .main .contents2 #plans {
  padding: 0 50px;
  margin-bottom: 40px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan table {
  border: none;
  font-size: 18px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan table .main-title-td {
  width: 130px;
  height: 45px;
  color: #78716b;
  font-weight: 500;
}
.free-plan.page__free-plan .main .contents2 #plans .plan table span {
  font-size: 18px;
  color: #4FB09B;
  font-weight: 500;
}
.free-plan.page__free-plan .main .contents2 #plans .plan table .side-title-td {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .monthly {
  font-size: 16px;
  color: #78716b;
  margin: 0;
  margin-top: 20px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents {
  width: 100%;
  background: #E8F5F3;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .inside-contents {
  width: 80%;
  margin: auto;
  border-bottom: 2px solid #CBBDBA;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .inside-contents .contains-one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 20px 0px 20px 0px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .inside-contents .contains-one .topic {
  font-size: 16px;
  font-weight: 400;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .inside-contents .contains-one .amount {
  font-size: 16px;
  font-weight: 400;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .contents-outside {
  width: 80%;
  margin: auto;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .contents-outside .contains-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 20px 0px 20px 0px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .contents-outside .contains-two .topic {
  font-size: 16px;
  font-weight: 400;
}
.free-plan.page__free-plan .main .contents2 #plans .plan .sub-contents .contents-outside .contains-two .amount {
  font-size: 16px;
  font-weight: 400;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change {
  width: 100%;
  display: flex;
  margin-top: 2.5em;
  margin-bottom: 2em;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  background: #ec716a;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .in-plan-change {
  display: inline-flex;
  align-items: center;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .in-plan-change .upgrade-icon {
  width: 30px;
  color: #ffff50;
  margin: 4px 25px 0px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .in-plan-change span {
  margin: 0;
  line-height: 50px;
  font-size: 19px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-plan.page__free-plan .main .contents2 #plans .plan-change .in-plan-change span {
    font-size: 1.5vw;
  }
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .in-plan-change span {
  color: #ffff50;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .plan-change-button {
  margin-right: 20px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .plan-change-button button {
  padding: 5px 30px;
  font-size: 16px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-plan.page__free-plan .main .contents2 #plans .plan-change .plan-change-button button {
    font-size: 1.5vw;
  }
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change .plan-change-button button {
  color: #ec716a;
  background: white;
  border: 1px solid #ccc;
  font-weight: 500;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi {
  width: 100%;
  background: #ec716a;
  margin-top: 2.5em;
  padding-bottom: 20px;
  margin-top: 2.5em;
  margin-bottom: 2em;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .guide {
  display: inline-flex;
  align-items: center;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .guide .upgrade-icon {
  width: 30px;
  color: #ffff50;
  margin: 4px 25px 0px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .guide span {
  margin: 0;
  line-height: 50px;
  font-size: 19px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .guide span {
    font-size: 1.5vw;
  }
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .guide span {
  color: #ffff50;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .plan-change-button {
  margin-right: 20px;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .plan-change-button button {
  padding: 5px 30px;
  font-size: 16px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .plan-change-button button {
    font-size: 1.5vw;
  }
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .top-contents .plan-change-button button {
  color: #ec716a;
  background: white;
  border: 1px solid #ccc;
  font-weight: 500;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .bottom-contents {
  padding: 15px 20px;
  margin: auto;
  margin-top: 10px;
  width: 420px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  background: white;
}
.free-plan.page__free-plan .main .contents2 #plans .plan-change-for-smaregi .bottom-contents p {
  margin: auto 20px;
  line-height: 1.2em;
}
.free-plan.page__free-plan .main .contents2 #plans .link-wrap .title {
  font-size: 18px;
}
.free-plan.page__free-plan .main .contents2 #plans .link-wrap .change-option {
  margin-bottom: 2em;
}
.free-plan.page__free-plan .main .contents2 #plans .link-wrap .change-option .link {
  display: block;
}
.free-plan.page__free-plan .main .contents2 #plans .link-wrap .change-option .link .add-pop {
  display: flex;
  justify-content: space-between;
  padding: 1.5em 0.8em;
  border: 1px solid #78716b;
  font-size: 1rem;
}

.free-upgrade.page__free-upgrade .main .content {
  display: grid;
  grid-template-columns: 30% 1fr;
  background: #EC605D;
}
.free-upgrade.page__free-upgrade .main .content .primary .icon-and-text {
  display: flex;
  align-items: center;
  margin: 30px 0px 20px 40px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .icon-and-text {
    margin: 30px 0px 20px 30px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .icon-and-text .upgrade-icon {
  width: 40px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .icon-and-text .upgrade-icon {
    width: 35px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .icon-and-text .upgrade-icon {
  color: #fff;
}
.free-upgrade.page__free-upgrade .main .content .primary .icon-and-text span {
  font-size: 27px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .icon-and-text span {
    font-size: 2.3vw;
    white-space: nowrap;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .icon-and-text span {
  color: #fff;
  text-indent: 20px;
  font-weight: 500;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner {
  text-align: center;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .relative {
  position: relative;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .relative img {
  width: 65%;
  object-fit: contain;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .relative .absolute {
  position: absolute;
  width: 38%;
  right: 120px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .banner .relative .absolute {
    right: 77px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .relative .absolute {
  object-fit: contain;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy {
  position: relative;
  bottom: 20px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy {
    bottom: 15px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-one {
  font-size: 18px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-one {
    font-size: 17px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-one {
  color: #FFFF9C;
  padding-right: 46%;
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-two {
  font-size: 18px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-two {
    font-size: 17px;
  }
}
.free-upgrade.page__free-upgrade .main .content .primary .banner .enjoy .enjoy-two {
  color: #FFFF9C;
  text-align: center;
  font-weight: 500;
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan {
  display: flex;
  margin-top: 50px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .content .secondary .plan {
    margin: 45px 0px 0px 20px;
  }
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan {
  align-items: center;
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-one {
  color: #EC716A;
  background: #FFFF9C;
  padding: 0px 20px;
  border-radius: 10px;
  font-size: 25px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-one {
    font-size: 1.5vw;
    padding: 5px 13px;
  }
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-one {
  font-weight: 500;
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-two {
  font-size: 21.48px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-two {
    font-size: 1.5vw;
  }
}
.free-upgrade.page__free-upgrade .main .content .secondary .plan .plan-two {
  color: #fff;
  text-indent: 10px;
  font-weight: 500;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list {
  padding: 32px 0px 20px 50px;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul li {
  font-size: 21px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul li {
    font-size: 1.7vw;
  }
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul li {
  color: #fff;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul li strong {
  color: #FFFF50;
  font-weight: 400;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-list ul li::before {
  content: "●";
  color: #FFFF9C;
  padding-right: 5px;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-botton {
  width: 50%;
  margin: auto;
  padding: 20px 0px 40px 0px;
}
.free-upgrade.page__free-upgrade .main .content .secondary .free-plan-botton button {
  background: #fff;
  border: 1px solid #F7B8B7;
  height: 45px;
  color: #78716b;
  font-size: 17px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .content .secondary .free-plan-botton button {
    font-size: 1.6vw;
    white-space: nowrap;
  }
}
.free-upgrade.page__free-upgrade .main h2 {
  text-align: center;
  font-size: 19px;
  color: #EC716A;
  margin: 30px 0px 20px 0px;
}
.free-upgrade.page__free-upgrade .main .option-plan {
  width: 70%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .option-plan {
    width: 100%;
  }
}
.free-upgrade.page__free-upgrade .main .option-plan {
  background: #fdefef;
  height: 40px;
  margin: 15px auto 10px auto;
}
.free-upgrade.page__free-upgrade .main .option-plan span {
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  padding-left: 15px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi {
  width: 65%;
  margin: auto;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 35% 1fr;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .popbox-add-one, .free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .option-add-one, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .popbox-add-one, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .option-add-one {
  padding-left: 35px;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .popbox-add-one span, .free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .option-add-one span, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .popbox-add-one span, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .option-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .popbox-add-two .use-fee-one, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .popbox-add-two .use-fee-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .popbox-add-two .use-fee-one span, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .popbox-add-two .use-fee-one span {
  margin-left: 30px;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .popbox-add-two .use-fee-one .tax-included, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .popbox-add-two .use-fee-one .tax-included {
  font-size: 17px;
  font-weight: 300;
  margin-left: 10px;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .option-add-two .option-summary, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .option-add-two .option-summary {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .basic-pack-for-smaregi .option-add-two .option-description, .free-upgrade.page__free-upgrade .main .option-pack-for-smaregi .option-add-two .option-description {
  font-size: 13px;
  color: #C3BCB5;
  margin: 8px 0px 20px 0px;
}
.free-upgrade.page__free-upgrade .main .to-smaregi {
  border: #EA605D 2px solid;
  margin: 30px auto;
  padding: 15px 20px;
  width: 420px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.free-upgrade.page__free-upgrade .main .to-smaregi p {
  margin: auto 20px;
  line-height: 1.2em;
}
.free-upgrade.page__free-upgrade .main .basic-pack {
  width: 65%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .basic-pack {
    width: 100%;
    grid-template-columns: 20% 1fr;
  }
}
.free-upgrade.page__free-upgrade .main .basic-pack {
  margin: auto;
  display: grid;
  grid-template-columns: 30% 1fr;
  border-bottom: 2px solid #DBD9D8;
  padding-bottom: 10px;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-one {
  padding-left: 35px;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-one span {
  margin-left: 30px;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-two {
  font-size: 16px;
  margin-top: 10px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-two span {
  margin-left: 20px;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-three {
  font-size: 13px;
  color: #C3BCB5;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-four {
  font-size: 16px;
  color: #78716b;
  margin-top: 5px;
}
.free-upgrade.page__free-upgrade .main .basic-pack .popbox-add-two .use-fee-four span {
  margin-left: 20px;
}
.free-upgrade.page__free-upgrade .main .option-pack {
  width: 65%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .option-pack {
    width: 100%;
    grid-template-columns: 20% auto 25%;
  }
}
.free-upgrade.page__free-upgrade .main .option-pack {
  margin: 10px auto 20px auto;
  display: grid;
  grid-template-columns: 30% auto 25%;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-one {
  padding-left: 35px;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-one {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-one span {
  margin-left: 20px;
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-two {
  font-size: 13px;
  color: #C3BCB5;
  margin: 8px 0px 20px 0px;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-three {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-three span {
  margin-left: 20px;
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-four {
  font-size: 13px;
  color: #C3BCB5;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-five {
  align-items: center;
  margin-top: 15px;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-five label {
  font-size: 16px;
  color: #78716b;
  margin: 0;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-five input {
  height: 40px;
  padding-left: 20px;
  width: 60%;
  margin-left: 10px;
  border: 1px solid #B1ADAA;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-five ::-ms-input-placeholder {
  font-size: 13px;
  color: #a49a90;
  align-items: center;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-two .use-option-five ::placeholder {
  font-size: 13px;
  color: #a49a90;
  align-items: center;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-one {
  align-items: center;
  display: flex;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-one span {
  font-size: 14px;
  color: #78716b;
  line-height: 30px;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-one select {
  height: 30px;
  width: 5em;
  margin-left: 10px;
  border: 1px solid #CBC5BF;
  font-size: 13px;
  color: #000;
  background: #fff;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-one select option {
  font-size: 13px;
  color: #000;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-two {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-two span {
  font-size: 14px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-two select {
  height: 30px;
  width: 5em;
  border: 1px solid #CBC5BF;
  margin-left: 10px;
  font-size: 13px;
  background: #fff;
  color: #000;
}
.free-upgrade.page__free-upgrade .main .option-pack .option-add-three .select-option-two select option {
  font-size: 13px;
  color: #000;
}
.free-upgrade.page__free-upgrade .main .change-pack {
  width: 65%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .change-pack {
    width: 100%;
    grid-template-columns: 20% 1fr;
  }
}
.free-upgrade.page__free-upgrade .main .change-pack {
  margin: auto;
  display: grid;
  grid-template-columns: 30% 1fr;
  padding: 10px 0px 20px 0px;
  border-top: 2px solid #7D766F;
  background: #FDF0CB;
  margin-top: 30px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-one {
  padding-left: 35px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-one span {
  margin-left: 30px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-two {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-two span {
  margin-left: 20px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-three {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-three span {
  margin-left: 20px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-four {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.free-upgrade.page__free-upgrade .main .change-pack .pack-add-two .use-change-four span {
  margin-left: 20px;
  color: #78716b;
  font-size: 14px;
}
.free-upgrade.page__free-upgrade .main .alert {
  width: 65%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .alert {
    width: 100%;
    padding: 1em 2em;
  }
}
.free-upgrade.page__free-upgrade .main .alert {
  margin: auto;
  font-size: 12.27px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .payment-method {
  width: 70%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .payment-method {
    width: 100%;
  }
}
.free-upgrade.page__free-upgrade .main .payment-method {
  background: #fdefef;
  margin: 15px auto 10px auto;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .payment-method {
    margin: 15px auto 20px auto;
  }
}
.free-upgrade.page__free-upgrade .main .payment-method span {
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  padding-left: 15px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .present-credit-card {
  width: 60%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .present-credit-card {
    width: 100%;
  }
}
.free-upgrade.page__free-upgrade .main .present-credit-card {
  margin: auto;
  font-size: 16px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .secure {
  width: 60%;
  margin: auto;
  text-align-last: right;
}
.free-upgrade.page__free-upgrade .main .secure .one {
  font-size: 18px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .secure .two {
  font-size: 12px;
  color: #A7A29F;
}
.free-upgrade.page__free-upgrade .main .secure .three {
  font-size: 12px;
  color: #A7A29F;
  padding-bottom: 20px;
}
.free-upgrade.page__free-upgrade .main .secure .three a {
  border-bottom: #A7A29F 1px solid;
}
.free-upgrade.page__free-upgrade .main .input-details {
  width: 60%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .input-details {
    width: 100%;
    padding: 0 2em;
  }
}
.free-upgrade.page__free-upgrade .main .input-details {
  margin: auto;
}
.free-upgrade.page__free-upgrade .main .input-details label {
  font-size: 15px;
  width: 13em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .input-details label {
    width: unset;
    margin-right: 1em;
  }
}
.free-upgrade.page__free-upgrade .main .input-details label {
  text-align: right;
}
.free-upgrade.page__free-upgrade .main .input-details input {
  height: 40px;
  border: 1px solid #C4C1BE;
  margin-left: 20px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .input-details input {
    margin-left: 0px;
  }
}
.free-upgrade.page__free-upgrade .main .input-details input {
  padding-left: 15px;
}
.free-upgrade.page__free-upgrade .main .input-details input[type=number]::-webkit-outer-spin-button,
.free-upgrade.page__free-upgrade .main .input-details input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.free-upgrade.page__free-upgrade .main .month-and-date {
  width: 60%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .month-and-date {
    width: unset;
    padding: 0 2em;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date {
  margin: auto;
  display: flex;
  margin-top: 20px;
}
.free-upgrade.page__free-upgrade .main .month-and-date div:first-of-type {
  width: unset;
}
.free-upgrade.page__free-upgrade .main .month-and-date label {
  width: 15em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .month-and-date label {
    width: unset;
    font-size: 15px;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date label {
  font-size: 13px;
  text-align: right;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .month-and-date .part-1 {
  width: 17%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .month-and-date .part-1 {
    width: 4em;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date .part-1 {
  height: 40px;
  padding-left: 10px;
  margin-left: 20px;
  border: 1px solid #C4C1BE;
}
.free-upgrade.page__free-upgrade .main .month-and-date span {
  margin-left: 10px;
}
.free-upgrade.page__free-upgrade .main .month-and-date .part-2 {
  width: 17%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .month-and-date .part-2 {
    width: 4em;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date .part-2 {
  height: 40px;
  padding-left: 10px;
  margin-left: 10px;
  border: 1px solid #C4C1BE;
}
.free-upgrade.page__free-upgrade .main .month-and-date ::-ms-input-placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.free-upgrade.page__free-upgrade .main .month-and-date ::placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.free-upgrade.page__free-upgrade .main .month-and-date .privat {
  align-items: center;
  display: flex;
  width: 38%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .month-and-date .privat {
    flex: 1;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date .privat label {
  width: 13em;
  font-size: 13px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .month-and-date .privat label {
    font-size: 15px;
  }
}
.free-upgrade.page__free-upgrade .main .month-and-date .privat label {
  text-align: center;
  margin: 0;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .month-and-date .privat .part-3 {
  width: 90%;
  height: 40px;
  border: 1px solid #C4C1BE;
  padding-left: 10px;
}
.free-upgrade.page__free-upgrade .main .month-and-date ::-ms-input-placeholder {
  padding-left: 10px;
}
.free-upgrade.page__free-upgrade .main .month-and-date ::placeholder {
  padding-left: 10px;
}
.free-upgrade.page__free-upgrade .main .credit-iteam {
  display: flex;
  align-items: center;
  width: 53%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .free-upgrade.page__free-upgrade .main .credit-iteam {
    width: 100%;
    padding: 0 2em;
  }
}
.free-upgrade.page__free-upgrade .main .credit-iteam {
  margin: 30px auto 10px auto;
}
.free-upgrade.page__free-upgrade .main .credit-iteam .iteam-text {
  font-size: 16px;
  color: #78716b;
}
.free-upgrade.page__free-upgrade .main .credit-iteam .iteam-image {
  margin-left: 10px;
}
.free-upgrade.page__free-upgrade .main .credit-iteam .iteam-image img {
  height: 50px;
  width: 65px;
  object-fit: contain;
  padding: 0px 5px 0px 5px;
}
.free-upgrade.page__free-upgrade .main .Description {
  width: 53%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .free-upgrade.page__free-upgrade .main .Description {
    width: 67%;
  }
}
.free-upgrade.page__free-upgrade .main .Description {
  margin: auto;
  padding-bottom: 20px;
  font-size: 13px;
  color: #A7A29E;
}
.free-upgrade.page__free-upgrade .main .button {
  text-align: center;
  margin-bottom: 10px;
}
.free-upgrade.page__free-upgrade .main button {
  background: #EC716A;
  border: 1px solid #F3A7A2;
  font-size: 16px;
  padding: 10px 25px;
  color: #fff;
}

.option-change.page__option-change .main .main-content {
  width: 100%;
  height: 100%;
}
.option-change.page__option-change .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.option-change.page__option-change .main .popbox {
  font-size: 18px;
  width: 70%;
  min-width: 35em;
  margin: 70px auto 10px auto;
  color: #78716b;
}
.option-change.page__option-change .main .option-plan {
  width: 70%;
  min-width: 44em;
  background: #fdefef;
  height: 40px;
  margin: 15px auto 10px auto;
}
.option-change.page__option-change .main .option-plan span {
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  padding-left: 15px;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack {
  width: 65%;
  min-width: 44em;
  margin: auto;
  display: grid;
  grid-template-columns: 25% 1fr;
  border-bottom: 2px solid #DBD9D8;
  padding-bottom: 10px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-one span {
  margin-left: 30px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-two {
  font-size: 16px;
  margin-top: 10px;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-two span {
  margin-left: 20px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-three {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-four {
  font-size: 16px;
  color: #78716b;
  margin-top: 5px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-four span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack {
  width: 65%;
  min-width: 44em;
  margin: 10px auto 20px auto;
  display: grid;
  grid-template-columns: 9em auto 9em;
}
.option-change.page__option-change .main .option-pack .option-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .option-pack .option-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-one {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-one span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-two {
  font-size: 13px;
  color: #C3BCB5;
  margin: 8px 0px 20px 0px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-three {
  font-size: 16px;
  color: #78716b;
  font-weight: 500;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-three span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-four {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one {
  align-items: center;
  display: flex;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one span {
  font-size: 14px;
  color: #78716b;
  line-height: 30px;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one select {
  height: 30px;
  width: 5em;
  margin-left: 10px;
  border: 1px solid #CBC5BF;
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one select option {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two span {
  font-size: 14px;
  color: #78716b;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two select {
  height: 30px;
  width: 5em;
  border: 1px solid #CBC5BF;
  margin-left: 10px;
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two select option {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .change-pack {
  width: 65%;
  min-width: 44em;
  margin: auto;
  display: grid;
  grid-template-columns: 25% 1fr;
  padding: 10px 0px 20px 0px;
  border-top: 2px solid #7D766F;
  background: #FDF0CB;
  margin-top: 30px;
}
.option-change.page__option-change .main .change-pack .pack-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .change-pack .pack-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-one span {
  margin-left: 30px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-two {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-two span {
  margin-left: 20px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-three {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-three span {
  margin-left: 20px;
}
.option-change.page__option-change .main .alert {
  width: 65%;
  min-width: 44em;
  margin: auto;
  text-align: right;
  font-size: 0.8em;
  color: #8E8782;
}
.option-change.page__option-change .main .plan-change-application {
  display: flex;
  width: 70%;
  min-width: 44em;
  margin: 20px auto 0px auto;
  align-items: center;
}
.option-change.page__option-change .main .plan-change-application .title {
  font-size: 17px;
  color: #78716b;
}
.option-change.page__option-change .main .plan-change-application .image {
  font-size: 17px;
  border-radius: 20px;
  margin-left: 20px;
  background: #EC716A;
  padding: 3px 15px;
  color: white;
}
.option-change.page__option-change .main .plan-Description {
  width: 70%;
  min-width: 44em;
  margin: auto;
}
.option-change.page__option-change .main .plan-Description section {
  font-size: 16px;
  color: #78716b;
  margin-top: 20px;
}
.option-change.page__option-change .main .plan-Description section span {
  font-size: 16px;
}
.option-change.page__option-change .main .plan-Description section p {
  margin: 0;
}
.option-change.page__option-change .main .plan-Description section strong {
  font-size: 16px;
  color: #EE7F79;
}
.option-change.page__option-change .main .button {
  text-align: center;
  margin: 40px 40px;
}
.option-change.page__option-change .main .button span button {
  background: #F7CA4B;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  margin-right: 20px;
  color: #78716b;
}
.option-change.page__option-change .main .button button {
  background: #F0EFEF;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  color: #78716b;
}

.plan-change.page__plan-change .main .main-content {
  width: 100%;
  height: 100%;
}
.plan-change.page__plan-change .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.plan-change.page__plan-change .main .plan-upgrade {
  width: 55%;
  margin: auto;
  display: flex;
  padding: 30px 0px 15px 0px;
  justify-content: space-between;
  align-items: center;
}
.plan-change.page__plan-change .main .plan-upgrade .upgrade {
  font-size: 18px;
  color: #78716b;
}
.plan-change.page__plan-change .main .plan-upgrade .upgrade-button button {
  padding: 7px 20px;
  background: #f7ca4b;
  border: 1px solid #C1AF89;
  font-size: 14px;
  color: #78716b;
}
.plan-change.page__plan-change .main .enjoy-plan {
  width: 55%;
  min-width: 40em;
  margin: auto;
  display: grid;
  grid-template-columns: 8% auto 35%;
  border: 2px solid #F0908A;
  padding: 20px;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-one .checkbox {
  height: 20px;
  width: 30px;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-two .in-plan-1 {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-two .in-plan-2 {
  margin-top: 5px;
  font-size: 15px;
  color: #999490;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-three {
  text-align-last: right;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-three .money-plan-1 {
  font-size: 17px;
  color: #78716b;
  font-weight: 500;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-three .money-plan-2 {
  font-size: 21px;
  color: #78716b;
}
.plan-change.page__plan-change .main .enjoy-plan .plan-three .money-plan-3 {
  font-size: 13px;
  color: #C3BFBC;
}
.plan-change.page__plan-change .main .free-plan {
  width: 55%;
  min-width: 40em;
  margin: auto;
  display: grid;
  grid-template-columns: 8% auto 35%;
  border: 2px solid #ccc;
  padding: 20px;
  margin-top: 20px;
}
.plan-change.page__plan-change .main .free-plan .free-plan-one .checkbox {
  height: 20px;
  width: 30px;
}
.plan-change.page__plan-change .main .free-plan .free-plan-two .in-free-plan-1 {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.plan-change.page__plan-change .main .free-plan .free-plan-two .in-free-plan-2 {
  margin-top: 5px;
  font-size: 15px;
  color: #999490;
}
.plan-change.page__plan-change .main .free-plan .free-plan-three {
  text-align-last: right;
}
.plan-change.page__plan-change .main .free-plan .free-plan-three .rate-1 {
  font-size: 17px;
  color: #78716b;
}
.plan-change.page__plan-change .main .free-plan .free-plan-three .rate-2 {
  font-size: 17px;
  color: #78716b;
}
.plan-change.page__plan-change .main .important {
  width: 55%;
  margin: auto;
  text-align: right;
  font-size: 13px;
  padding-bottom: 5px;
  color: #C3BFBC;
}
.plan-change.page__plan-change .main hr {
  width: 70%;
  min-width: 40em;
  margin: auto;
  border: 1px solid #E0DEDD;
  margin-top: 10px;
  height: fit-content;
}
.plan-change.page__plan-change .main .alert-option {
  width: 50%;
  min-width: 40em;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.plan-change.page__plan-change .main .alert-option .stop-img {
  height: 35px;
}
.plan-change.page__plan-change .main .alert-option .text {
  font-size: 21px;
  margin-left: 20px;
}
.plan-change.page__plan-change .main .alert-option .imp {
  background: #EC716A;
  font-size: 16px;
  color: white;
  border-radius: 20px;
  margin-left: 20px;
  padding: 7px 30px;
}
.plan-change.page__plan-change .main .list-of-alert {
  width: 60%;
  min-width: 40em;
  margin: auto;
}
.plan-change.page__plan-change .main .list-of-alert ul li {
  font-size: 18px;
  padding: 5px;
  color: #78716b;
  font-weight: 600;
}
.plan-change.page__plan-change .main .list-of-alert ul li strong {
  color: #049F94;
}
.plan-change.page__plan-change .main hr {
  width: 70%;
  min-width: 40em;
  margin: auto;
  border: 1px solid #E0DEDD;
  margin-top: 10px;
}
.plan-change.page__plan-change .main .alert-section {
  width: 57%;
  min-width: 40em;
  margin: auto;
}
.plan-change.page__plan-change .main .alert-section section h3 {
  font-size: 17px;
  margin: 0;
  padding: 10px 0px 10px 0px;
}
.plan-change.page__plan-change .main .alert-section section p {
  font-size: 16px;
}
.plan-change.page__plan-change .main .alert-section section p strong {
  color: #EC716A;
}
.plan-change.page__plan-change .main hr {
  width: 70%;
  min-width: 40em;
  margin: auto;
  border: 1px solid #E0DEDD;
}
.plan-change.page__plan-change .main .button {
  text-align: center;
  margin: 20px 20px;
}
.plan-change.page__plan-change .main .button span button {
  background: #F7CA4B;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  margin-right: 20px;
  color: #78716b;
}
.plan-change.page__plan-change .main .button button {
  background: #F0EFEF;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  color: #78716b;
}
.plan-change.page__plan-change .main .questionnare-form {
  width: 78%;
  margin: 20px auto;
  font-size: 17px;
  line-height: 250%;
}
.plan-change.page__plan-change .main .questionnare-form h3 {
  font-size: 20px;
  border-bottom: 2px solid #D1CBC6;
}
.plan-change.page__plan-change .main .questionnare-form h3 span {
  font-size: 14px;
  font-weight: lighter;
}
.plan-change.page__plan-change .main .questionnare-form input[type=checkbox] {
  display: none;
}
.plan-change.page__plan-change .main .questionnare-form .custom-checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
  margin-left: 20px;
}
.plan-change.page__plan-change .main .questionnare-form .custom-checkbox span {
  margin-left: 14px;
}
.plan-change.page__plan-change .main .questionnare-form .custom-checkbox::before {
  background: #fff;
  border: 2px solid #78716b;
  border-radius: 2px;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  left: 5px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.plan-change.page__plan-change .main .questionnare-form .custom-checkbox::after {
  border-right: 3px solid #78716b;
  border-bottom: 3px solid #78716b;
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  left: 12px;
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.plan-change.page__plan-change .main .questionnare-form .error-message {
  color: #F68293;
}
.plan-change.page__plan-change .main .questionnare-form input[type=checkbox]:checked + .custom-checkbox::after {
  opacity: 1;
}
.plan-change.page__plan-change .main .questionnare-form .detail-input {
  display: block;
  width: 90%;
  height: 160px;
  line-height: 150%;
  padding: 10px;
}
.plan-change.page__plan-change .main .submit-button {
  text-align: center;
  margin: 80px 0px 160px 0px;
}
.plan-change.page__plan-change .main .submit-button button {
  width: 200px;
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.plan-change.page__plan-change .main .alert-box {
  background-color: #FAF4D5;
  width: 78%;
  margin: 40px auto;
  padding: 40px 20px;
  text-align: center;
  font-size: 17px;
  line-height: 250%;
}
.plan-change.page__plan-change .main .alert-box span {
  font-size: 24px;
  font-weight: bold;
}
.plan-change.page__plan-change .main .alert-box p {
  margin: 0;
}

.upgrade-enjoy.page__upgrade-enjoy .main .main-content {
  width: 90%;
  margin: 40px auto 30px auto;
}
.upgrade-enjoy.page__upgrade-enjoy .main .main-content h1 {
  margin: 0;
  color: #78716b;
  font-size: 20px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 180px auto 60px auto;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .image-box {
  margin-right: 40px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .image-box .upgrade-image img {
  height: 85px;
  right: 8px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .image-box .character-image {
  position: absolute;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .image-box .character-image img {
  position: relative;
  top: -68px;
  left: 70px;
  height: 180px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .text-box {
  font-size: 17px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .top-section .text-box h3 {
  font-size: 20px;
  color: #ec716a;
}
.upgrade-enjoy.page__upgrade-enjoy .main .enjoy-plan {
  margin-top: 50px;
  text-align: center;
}
.upgrade-enjoy.page__upgrade-enjoy .main .enjoy-plan span {
  background: #ec716a;
  font-size: 18px;
  padding: 10px 40px;
  font-weight: 500;
  color: #ffff50;
}
.upgrade-enjoy.page__upgrade-enjoy .main .no-upgrade {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  color: #78716b;
}
.upgrade-enjoy.page__upgrade-enjoy .main .alert {
  font-size: 18.67px;
  text-align: center;
  margin: 50px auto 30px auto;
  font-weight: 500;
  color: #EF8680;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form {
  width: 78%;
  margin: 80px auto;
  font-size: 17px;
  line-height: 250%;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form h3 {
  font-size: 20px;
  border-bottom: 2px solid #D1CBC6;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form h3 span {
  font-size: 14px;
  font-weight: lighter;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form input[type=checkbox] {
  display: none;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .custom-checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
  margin-left: 20px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .custom-checkbox span {
  margin-left: 14px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .custom-checkbox::before {
  background: #fff;
  border: 2px solid #78716b;
  border-radius: 2px;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  left: 5px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .custom-checkbox::after {
  border-right: 3px solid #78716b;
  border-bottom: 3px solid #78716b;
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  left: 12px;
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .error-message {
  color: #F68293;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form input[type=checkbox]:checked + .custom-checkbox::after {
  opacity: 1;
}
.upgrade-enjoy.page__upgrade-enjoy .main .questionnare-form .detail-input {
  display: block;
  width: 90%;
  height: 160px;
  line-height: 150%;
  padding: 10px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .submit-button {
  text-align: center;
  margin: 80px 0px 160px 0px;
}
.upgrade-enjoy.page__upgrade-enjoy .main .submit-button button {
  width: 200px;
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.upgrade-enjoy.page__upgrade-enjoy .finished-questionnaire-outer {
  margin: 280px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 17px;
}
.upgrade-enjoy.page__upgrade-enjoy .finished-questionnaire-outer h3 {
  font-size: 20px;
}
.upgrade-enjoy.page__upgrade-enjoy .finished-questionnaire-outer button {
  margin-top: 80px;
  min-width: 160px;
  white-space: nowrap;
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 30px;
  border: 1px solid #B1A698;
}

.upgrade.page__upgrade #main .main-content {
  width: 91%;
  margin: 60px auto 20px auto;
}
.upgrade.page__upgrade #main .main-content h1 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
}
.upgrade.page__upgrade #main .main-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade.page__upgrade #main .main-title .image {
  font-size: 21px;
  color: #78716b;
  padding-bottom: 5px;
  margin-top: 50px;
  font-weight: 500;
  border-bottom: 4px solid #FFD950;
}
.upgrade.page__upgrade #main .payment-plan {
  display: grid;
  grid-template-columns: 25% 37.5% 37.5%;
  width: 91%;
  margin: 10px auto 0px auto;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan {
    width: 98%;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-one {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list-one {
  height: 200px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list {
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  color: #78716b;
  border-bottom: 2px solid #D1CCC7;
  font-weight: 500;
  position: relative;
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list .additional-text {
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  bottom: 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-one .payment-list .additional-text {
    font-size: 10px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-two {
  border: 2px solid #D1CCC7;
  text-align: center;
  margin-left: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one {
  height: 200px;
  background: #E0EFE9;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .green-border {
  background: #65CFB9;
  height: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .way {
  font-size: 17px;
  font-weight: 500;
  color: #78716b;
  padding: 10px 0px 10px 0px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
  font-size: 26px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
    font-size: 22px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
  color: #41AA93;
  padding: 20px;
  font-weight: 600;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one button {
  background: #E0EFE9;
  font-size: 16px;
  border: 1px solid #ACA69C;
  color: #ADA79D;
  padding: 3px 13px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title {
  background: #FFF6F1;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title .present-plan {
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  color: #78716b;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title .present-plan-last {
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three {
  text-align: center;
  border: 2px solid #D1CCC7;
  margin-left: 10px;
  background: #FFF6F1;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one {
  height: 200px;
  background: #F2E4DC;
  position: relative;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .red-border {
  height: 10px;
  background: #F2908E;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .inside {
  font-size: 17px;
  color: #78716b;
  font-weight: 500;
  padding: 10px 0px 10px 0px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image {
  text-align: center;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan {
  font-size: 26px;
  color: #EC716A;
  font-weight: 600;
  margin: 0;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan {
    font-size: 22px;
    margin: 0;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .banner {
  background: #FFF6F1;
  line-height: 40px;
  margin: 0.5em;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .banner .highlight {
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image img {
  height: 60px;
  position: absolute;
  top: -40px;
  right: 0;
  object-fit: contain;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one button {
  background: #EC716A;
  font-size: 16px;
  border: 1px solid #EFA49C;
  color: #FFFF50;
  padding: 5px 25px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-two {
  margin-left: 10px;
  margin-right: 10px;
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-three {
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 17px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four {
    padding: 0px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four {
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-one {
  font-size: 15px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-one {
    font-size: 13px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-one {
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
  font-size: 15px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
    font-size: 13px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-five {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 70px;
  font-size: 17px;
  color: #EE7E77;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six {
  height: 70px;
  padding-top: 10px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six {
    padding: 0px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six {
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-one {
  font-size: 15px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-one {
    font-size: 13px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-one {
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
  font-size: 15px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
    font-size: 13px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-seven {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 70px;
  font-size: 17px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-list-item {
  height: 70px;
  font-size: 17px;
  color: #78716b;
  border-bottom: 2px solid #d1ccc7;
  margin: 0 10px;
  position: relative;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-list-item .main-text {
  font-size: 17px;
  line-height: 70px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-list-item .sub-text {
  display: block;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  bottom: 5px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-list-item .sub-text {
    font-size: 10px;
    width: 120%;
    left: -20px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-list-item .highlight {
  color: #EE7E77;
}
.upgrade.page__upgrade #main .imp-text {
  width: 91%;
  margin: auto;
  text-align: left;
  font-size: 13px;
  color: #78716b;
}
.upgrade.page__upgrade #main .imp-text ul {
  list-style: none;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .imp-text ul {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
}
.upgrade.page__upgrade #main .release-plan {
  text-align: center;
  font-size: 18.67px;
  color: #EE7E77;
  margin: 20px 0px 40px 0px;
}

.corporation-information-creation.page__corporation-information-creation .main h2 {
  font-size: 23px;
  color: #78716b;
  width: 73%;
  margin: 30px auto;
}
.corporation-information-creation.page__corporation-information-creation .main label.subheading {
  font-size: 17px;
  width: 6em;
  text-align: right;
  color: #77706B;
  vertical-align: top;
}
.corporation-information-creation.page__corporation-information-creation .main .contents {
  width: 74%;
  margin: auto;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information input {
  height: 50px;
  width: 70%;
  margin-left: 20px;
  padding-left: 20px;
  font-size: 15px;
  border: 1px solid #D8D3CF;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information ::-ms-input-placeholder {
  font-size: 15px;
  color: #D1CCC6;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information ::placeholder {
  font-size: 15px;
  color: #D1CCC6;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information .look {
  margin-top: 20px;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information .look textarea {
  height: 80px;
  width: 70%;
  resize: none;
  margin-left: 20px;
  padding-left: 20px;
  border: 1px solid #D8D3CF;
  font-size: 15px;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information .information-checkbox {
  width: 70%;
  margin: 30px auto 30px 110px;
  display: flex;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information .information-checkbox input {
  height: 30px;
  width: 28px;
}
.corporation-information-creation.page__corporation-information-creation .main .title-information .information-checkbox span {
  margin: 0;
  padding-left: 20px;
  font-size: 18px;
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings div.information-status:last-child {
  margin-bottom: 30px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  align-items: center;
  width: 70%;
  margin: 0 auto 10px 110px;
  display: flex;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
    width: 100%;
    margin-left: 2em;
  }
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status label {
  margin: 0;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status .publishing-input-div {
  text-align: right;
  margin: 0;
  font-size: 17px;
  color: #77706B;
  margin-right: 30px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status .public-icon {
  height: 55px;
  width: 200px;
  padding-left: 20px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status .switch-main {
  position: relative;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === ボタンを表示するエリア ============================== */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea {
  line-height: 2.4em;
  letter-spacing: 0; /* 文字間             */
  text-align: center; /* 文字位置は中央     */
  font-size: 1.2em;
  position: relative; /* 親要素が基点       */
  width: 5.5em;
  background: #FFFFFF; /* デフォルト背景色   */
  margin-left: 15px;
  margin-bottom: 4px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === チェックボックス ==================================== */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === チェックボックスのラベル（標準） ==================== */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea label {
  display: block; /* ボックス要素に変更 */
  box-sizing: border-box; /* 枠線を含んだサイズ */
  height: 30px;
  border-radius: 30px; /* 角丸               */
  background: #B6AEA6;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === チェックボックスのラベル（ONのとき） ================ */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea input[type=checkbox]:checked + label {
  border-color: none; /* 選択タブの枠線     */
  background: #ffbd00;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === 表示する文字（標準） ================================ */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea label span:after {
  content: "非公開"; /* 表示する文字       */
  padding: 0 0 0 1em;
  color: #FFFFFF; /* 文字色             */
  position: relative;
  top: -5px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === 表示する文字（ONのとき） ============================ */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開"; /* 表示する文字       */
  padding: 0 1em 0 0; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
  margin-bottom: 10px;
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === 丸部分のSTYLE（標準） =============================== */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea #swImg {
  position: absolute; /* 親要素からの相対位置*/
  width: 20px;
  height: 20px;
  background: #FFFFFF; /* カーソルタブの背景 */
  top: 5px;
  left: 5px;
  border-radius: 26px; /* 角丸               */
  transition: 0.2s; /* 滑らか変化         */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status {
  /* === 丸部分のSTYLE（ONのとき） =========================== */
}
.corporation-information-creation.page__corporation-information-creation .main .publishing-settings .information-status #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(73px); /* 丸も右へ移動       */
  background: #FFFFFF; /* カーソルタブの背景 */
  position: absolute; /* 親要素からの相対位置*/
  left: -4px;
}
.corporation-information-creation.page__corporation-information-creation .main .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.corporation-information-creation.page__corporation-information-creation .main .month-and-date div label {
  position: relative;
  margin: 0;
}
.corporation-information-creation.page__corporation-information-creation .main .month-and-date div label .input {
  width: 200px;
  height: 35px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 35px;
}
.corporation-information-creation.page__corporation-information-creation .main .month-and-date div label .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.corporation-information-creation.page__corporation-information-creation .main .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.corporation-information-creation.page__corporation-information-creation .main .label-radio span {
  margin: 0;
  padding-left: 20px;
  font-size: 18px;
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .label-radio input {
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .label-select-all {
  padding-left: 5px;
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection {
  width: 70%;
  margin: 0 auto 10px 110px;
  display: flex;
  align-items: baseline;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .corporation-information-creation.page__corporation-information-creation .main .information-status-selection {
    width: 100%;
    margin-left: 2em;
  }
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection .information-checkbox {
  width: 70%;
  margin: 10px auto 10px 0px;
  display: flex;
  align-items: flex-end;
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection .information-checkbox input {
  height: 25px;
  width: 20px;
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection .information-checkbox span {
  margin: 0;
  padding: 0 25px 0 20px;
  font-size: 18px;
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection .information-checkbox .select-all {
  margin: 0;
  padding: 0 25px 0 5px;
  font-size: 18px;
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .information-status-selection .selection {
  width: 70%;
  height: 500px;
  margin-left: 20px;
  border: #b7afa7 1px solid;
  padding: 5px 30px;
  color: #A09B97;
}
.corporation-information-creation.page__corporation-information-creation .main .pablish-corporation-select {
  width: 50%;
  margin: 0 auto 10px 130px;
  display: flex;
}
.corporation-information-creation.page__corporation-information-creation .main .pablish-corporation-select .wrapper {
  height: 300px;
  width: 100%;
  overflow-y: scroll;
  border: #b7afa7 1px solid;
}
.corporation-information-creation.page__corporation-information-creation .main .pablish-corporation-select .columns {
  column-count: 1;
  column-gap: 26px;
  list-style: none;
  padding: 10px 0 15px 10px;
}
.corporation-information-creation.page__corporation-information-creation .main .markdown-editor {
  width: 68%;
  margin: auto;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information {
  width: 73%;
  margin: 40px auto 5px auto;
  display: flex;
  justify-content: space-between;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information .preview-one {
  display: flex;
  cursor: pointer;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information .preview-one .icon {
  height: 33px;
  width: 50px;
  text-align: center;
  border: 1px solid #ccc;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information .preview-one .icon .spacial {
  background: #FBDEDD;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information .preview-one .icon li {
  list-style: none;
  padding-left: 6px;
}
.corporation-information-creation.page__corporation-information-creation .main .preview-information .preview-two {
  background: #CEE8E1;
  color: #78716b;
  font-size: 17px;
  padding: 5px 13px;
  border-radius: 13px;
  border: 1px solid #D2CFCA;
  cursor: pointer;
}
.corporation-information-creation.page__corporation-information-creation .main .language-information {
  width: 74%;
  margin: auto;
  border: 1px solid #ccc;
  overflow-y: scroll;
}
.corporation-information-creation.page__corporation-information-creation .main .language-information p {
  font-size: 17px;
  color: #77706B;
  padding: 30px 30px;
  margin: 0;
}
.corporation-information-creation.page__corporation-information-creation .main .language-information .image {
  padding-left: 30px;
  padding-bottom: 100px;
}
.corporation-information-creation.page__corporation-information-creation .main .language-information .image img {
  width: 500px;
}
.corporation-information-creation.page__corporation-information-creation .main .information-button {
  text-align: center;
  margin: 30px 0px 30px 0px;
}
.corporation-information-creation.page__corporation-information-creation .main .information-button span button {
  padding: 7px 60px;
  background: #F7CA4B;
  border: 1px solid #C2BBB5;
  color: #77706A;
  font-size: 17px;
}
.corporation-information-creation.page__corporation-information-creation .main .information-button button {
  margin-left: 10px;
  padding: 7px 30px;
  border: 1px solid #C2BBB5;
  color: #77706A;
  font-size: 17px;
}
.corporation-information-creation.page__corporation-information-creation .main .delete-btn {
  width: 74%;
  text-align: center;
  margin: auto;
  margin-bottom: 5%;
}
.corporation-information-creation.page__corporation-information-creation .main .delete-btn .in-delete-btn {
  border: 1px solid #F0928D;
  display: inline-flex;
  padding: 3px 20px;
  align-items: center;
}
.corporation-information-creation.page__corporation-information-creation .main .delete-btn .in-delete-btn .delete-icon {
  width: 40px;
  color: #EC716A;
}
.corporation-information-creation.page__corporation-information-creation .main .delete-btn .in-delete-btn span {
  font-size: 17px;
  color: #EC716A;
  margin-left: 10px;
}

.corporation-information-top.page__corporation-information-top .main {
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}
.corporation-information-top.page__corporation-information-top .main .main-content {
  width: 100%;
  display: inline-flex;
  background: #f5e7d5;
}
.corporation-information-top.page__corporation-information-top .main .main-content .circle-icon {
  position: relative;
  height: 80px;
  width: 105px;
  top: 15px;
  left: 13px;
}
.corporation-information-top.page__corporation-information-top .main .main-content p {
  margin: 0;
  font-size: 30px;
  line-height: 110px;
  font-weight: bold;
}
.corporation-information-top.page__corporation-information-top .main .add-information {
  margin: auto;
  text-align: right;
  padding: 0 4em;
}
.corporation-information-top.page__corporation-information-top .main .add-information .in-add-information {
  display: inline-flex;
  border: 1px solid #ccc;
  padding: 0 1em 0 0;
  margin-top: 32px;
}
.corporation-information-top.page__corporation-information-top .main .add-information .in-add-information .circle-plus-icon {
  height: 40px;
  width: 40px;
  color: #A49A90;
}
.corporation-information-top.page__corporation-information-top .main .add-information .in-add-information p {
  margin: 0;
  line-height: 40px;
  text-indent: 15px;
}
.corporation-information-top.page__corporation-information-top .main .line {
  position: relative;
  top: 90px;
  right: 0%;
  width: 100%;
  border-bottom: 2px solid #ccc;
}
.corporation-information-top.page__corporation-information-top .main .content {
  height: 20em;
  width: 100%;
  background: white;
  padding: 2em 4em;
}
.corporation-information-top.page__corporation-information-top .main .content :nth-child(1).content-list {
  border-top: 2px solid #ccc;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  margin: 0 auto;
  position: relative;
  padding: 2em 0;
  border-bottom: 2px solid #ccc;
  display: flex;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a {
  width: 100%;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list img {
  object-fit: contain;
  width: 30%;
  max-height: 150px;
  margin-right: 3em;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text {
  flex: 1;
  min-height: 150px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .article-title {
  margin-bottom: 0.2em;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .language {
  float: right;
  position: relative;
  bottom: 40px;
  right: 40px;
  width: 100%;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .date {
  color: #a49a90;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .text {
  margin-top: 30px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .text p {
  color: #77706b;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation {
  display: flex;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new {
  margin-top: -20px;
  margin-left: 1em;
  margin-bottom: -64px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new .change {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  height: 20px;
  color: #77706B;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new .imp {
  margin-top: 20px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new .small-icon {
  width: 64px;
  color: white;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new span {
  color: #a49a90;
  font-size: 15px;
  margin-top: 20px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list a .list .content-text .translation .new .text p {
  color: #77706b;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  position: relative;
  bottom: 50px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list .list {
  width: 50%;
  margin-left: 30%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .corporation-information-top.page__corporation-information-top .main .content .content-list .list {
    margin-left: 35%;
  }
}
.corporation-information-top.page__corporation-information-top .main .content .content-list .list .image {
  position: absolute;
  left: 110px;
  top: 50px;
  width: 160px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list .switch-main {
  top: 2em;
  right: 0;
  text-align: right;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === ボタンを表示するエリア ============================== */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea {
  display: inline-block;
  line-height: 30px;
  letter-spacing: 0; /* 文字間             */
  text-align: center; /* 文字位置は中央     */
  font-size: 15px;
  position: relative; /* 親要素が基点       */
  width: 90px;
  background: #FFFFFF; /* デフォルト背景色   */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === チェックボックス ==================================== */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === チェックボックスのラベル（標準） ==================== */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea label {
  display: block; /* ボックス要素に変更 */
  box-sizing: border-box; /* 枠線を含んだサイズ */
  height: 30px;
  border-radius: 30px; /* 角丸               */
  background: #B6AEA6;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === チェックボックスのラベル（ONのとき） ================ */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea input[type=checkbox]:checked + label {
  border-color: none; /* 選択タブの枠線     */
  background: #ffbd00;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === 表示する文字（標準） ================================ */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea label span:after {
  content: "非公開"; /* 表示する文字       */
  padding: 0 0 0 36px;
  color: #FFFFFF; /* 文字色             */
  position: relative;
  left: -10px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === 表示する文字（ONのとき） ============================ */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開"; /* 表示する文字       */
  padding: 0 36px 0 0; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === 丸部分のSTYLE（標準） =============================== */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea #swImg {
  position: absolute; /* 親要素からの相対位置*/
  width: 20px;
  height: 20px;
  background: #FFFFFF; /* カーソルタブの背景 */
  top: 5px;
  left: 4px;
  border-radius: 26px; /* 角丸               */
  transition: 0.2s; /* 滑らか変化         */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list {
  /* === 丸部分のSTYLE（ONのとき） =========================== */
}
.corporation-information-top.page__corporation-information-top .main .content .content-list #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px); /* 丸も右へ移動       */
  background: #FFFFFF; /* カーソルタブの背景 */
  position: absolute; /* 親要素からの相対位置*/
  left: -24px;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list .edit-btn {
  display: inline-block;
  box-sizing: border-box;
  height: 30px;
  border-radius: 30px;
  width: 90px;
  font-size: 15px;
  color: #ff6b63;
  font-weight: 100;
  background: white;
  border: 1px solid #ff6b63;
}
.corporation-information-top.page__corporation-information-top .main .content .content-list .published-date {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  border-radius: 30px;
  font-size: 17px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 {
  height: 20em;
  width: 100%;
  background: white;
  margin-top: 0px;
  margin-bottom: 7%;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  width: 80%;
  margin: auto;
  position: relative;
  top: 30px;
  border-bottom: 2px solid #ccc;
  margin-top: 50px;
  height: 220px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list {
  width: 50%;
  margin-left: 30%;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .image {
  position: absolute;
  left: 110px;
  top: 50px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .image img {
  height: 187px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .language {
  float: right;
  position: relative;
  bottom: 60px;
  right: 100px;
  height: 55px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list p {
  color: #a49a90;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .text {
  font-size: 19px;
  margin-top: 40px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .text p {
  color: #77706b;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .list .translation {
  display: flex;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list .switc-main {
  position: relative;
  top: -120px;
  padding-left: 78%;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === ボタンを表示するエリア ============================== */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea {
  line-height: 60px; /* 1行の高さ          */
  letter-spacing: 0; /* 文字間             */
  text-align: center; /* 文字位置は中央     */
  font-size: 27px; /* 文字サイズ         */
  position: relative; /* 親要素が基点       */
  width: 150px; /* ボタンの横幅       */
  background: #FFFFFF; /* デフォルト背景色   */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === チェックボックス ==================================== */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === チェックボックスのラベル（標準） ==================== */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea label {
  display: block; /* ボックス要素に変更 */
  box-sizing: border-box; /* 枠線を含んだサイズ */
  height: 60px; /* ボタンの高さ       */
  border: 2px solid #b6aea6; /* 未選択タブのの枠線 */
  border-radius: 30px; /* 角丸               */
  background: #B6AEA6;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === チェックボックスのラベル（ONのとき） ================ */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea input[type=checkbox]:checked + label {
  border-color: none; /* 選択タブの枠線     */
  background: #ffbd00;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === 表示する文字（標準） ================================ */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea label span:after {
  content: "非公開"; /* 表示する文字       */
  padding: 0 0 0 36px; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
  font-size: 20px;
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === 表示する文字（ONのとき） ============================ */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開"; /* 表示する文字       */
  padding: 0 36px 0 0; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === 丸部分のSTYLE（標準） =============================== */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea #swImg {
  position: absolute; /* 親要素からの相対位置*/
  width: 52px; /* 丸の横幅           */
  height: 52px; /* 丸の高さ           */
  background: #FFFFFF; /* カーソルタブの背景 */
  top: 4px; /* 親要素からの位置   */
  left: 4px; /* 親要素からの位置   */
  border-radius: 26px; /* 角丸               */
  transition: 0.2s; /* 滑らか変化         */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list {
  /* === 丸部分のSTYLE（ONのとき） =========================== */
}
.corporation-information-top.page__corporation-information-top .main .content-2 .content-list #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px); /* 丸も右へ移動       */
  background: #FFFFFF; /* カーソルタブの背景 */
}

.account.page__account h1 {
  font-size: 20px;
  margin: 50px 0px 30px 60px;
  color: #78716b;
}
.account.page__account .section-title {
  font-size: 18px;
  text-align: left;
  color: #78716b;
  font-weight: 500;
  width: 100%;
}
.account.page__account .content {
  border: 1px solid #E2DFDB;
  width: 78%;
  margin: auto;
}
.account.page__account .content .user-information {
  padding: 2em;
}
.account.page__account .content .user-information .user-details {
  width: fit-content;
  margin: 0 auto;
}
.account.page__account .content .user-information .user-details .user-info__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  justify-content: center;
}
.account.page__account .content .user-information .user-details .user-info__row .user-info__column-left {
  width: 15em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 1em;
}
.account.page__account .content .user-information .user-details .user-info__row .user-info__column-left .row-header {
  font-size: 15px;
  width: 100%;
  text-align-last: left;
  color: #78716b;
}
.account.page__account .content .user-information .user-details .user-info__row .user-info__column-right {
  justify-content: flex-start;
}
.account.page__account .content .user-information .user-details .user-info__row .icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .account.page__account .content .user-information .user-details .user-info__row .icon {
    display: block;
    width: 18em;
    text-align: center;
  }
}
.account.page__account .content .user-information .user-details .user-info__row .icon .photo {
  height: 100px;
  width: 110px;
  border: 1px solid #DCD8D5;
  margin-right: 2em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .account.page__account .content .user-information .user-details .user-info__row .icon .photo {
    margin: 0 auto;
  }
}
.account.page__account .content .user-information .user-details .user-info__row .icon .photo-upload {
  font-size: 14px;
  background: #FDF0CD;
  color: #999083;
  padding: 0.5em 1em;
  border-radius: 7px;
  width: 170px;
  text-align: center;
  margin-top: 1em;
}
.account.page__account .content .user-information .user-details input {
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .account.page__account .content .user-information .user-details input {
    width: 18em;
  }
}
.account.page__account .content .user-information .user-details input {
  height: 50px;
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #DDD9D6;
}
.account.page__account .content .user-information .user-details input.other-input,
.account.page__account .content .user-information .user-details input.magazine-name-input,
.account.page__account .content .user-information .user-details input.route-name-input {
  margin-top: 8px;
  height: 35px;
  display: block;
  border: 0px solid #DDD9D6;
  border-bottom: 1px solid #DDD9D6;
}
.account.page__account .content .user-information .user-details input.other-input.hide,
.account.page__account .content .user-information .user-details input.magazine-name-input.hide,
.account.page__account .content .user-information .user-details input.route-name-input.hide {
  display: none;
}
.account.page__account .content .user-information .user-details ::-ms-input-placeholder {
  color: #C3BDB6;
}
.account.page__account .content .user-information .user-details ::placeholder {
  color: #C3BDB6;
}
.account.page__account .content .user-information .user-details select {
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .account.page__account .content .user-information .user-details select {
    width: 18em;
  }
}
.account.page__account .content .user-information .user-details select {
  height: 50px;
  padding-left: 10px;
  color: black;
  font-size: 14px;
  background: #fff;
  border: 1px solid #DDD9D6;
}
.account.page__account .content-2 {
  border: 1px solid #E2DFDB;
  width: 78%;
  margin: auto;
  margin-top: 20px;
}
.account.page__account .content-2 .password-setting {
  padding: 2em;
}
.account.page__account .content-2 .password-setting.social-only {
  height: 40vh;
}
.account.page__account .content-2 .password-setting .user-password {
  font-size: 18px;
  text-align: center;
  color: #78716b;
  font-weight: 500;
  margin-top: 20px;
}
.account.page__account .content-2 .password-setting .user-password-details {
  width: fit-content;
  margin: 0 auto;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row {
  display: flex;
  justify-content: center;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left {
  display: flex;
  align-items: center;
  width: 10em;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left label {
  width: 14em;
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left {
  margin-right: 1em;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right {
  position: relative;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right input {
  width: 22em;
  height: 50px;
  padding-left: 40px;
  font-size: 14px;
  border: 1px solid #DDD9D6;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right ::-ms-input-placeholder {
  color: #A49A90;
}
.account.page__account .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right ::placeholder {
  color: #A49A90;
}
.account.page__account .content-2 .password-setting .separator {
  margin: 20px auto;
  border: 1px solid #DAD5D1;
}
.account.page__account .content-2 .password-setting .alert {
  font-size: 15px;
  color: #F19893;
}
.account.page__account .content-2 .password-setting .imp {
  font-size: 12px;
  color: #78716b;
}
.account.page__account .content-2 .key-icon {
  width: 30px;
  position: absolute;
  top: 10px;
  left: 0.5em;
  color: #CBC6C0;
}
.account.page__account .content-3 {
  border: 2px solid #E2DFDB;
  width: 78%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 5%;
}
.account.page__account .content-3 .delete-title {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
  margin: 20px 0px 10px 50px;
}
.account.page__account .content-3 p {
  font-size: 15px;
  margin: 10px 80px;
  color: #78716b;
}
.account.page__account .content-3 .delete-button {
  text-align: center;
  margin: 2em 0;
}
.account.page__account .content-3 .delete-button button {
  font-size: 17px;
  border: 1px solid #EE7F79;
  background: #fff;
  color: #F1948F;
  padding: 10px 40px;
}
.account.page__account .pre-change-email {
  margin-top: 2em;
  color: red;
  text-align: center;
}
.account.page__account .button {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.account.page__account .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}

.error-msg {
  color: red;
  font-weight: 500;
  font-size: 15px;
}

.delete-account.page__delete-account h1 {
  font-size: 20px;
  margin: 50px 0px 30px 60px;
  color: #78716b;
}
.delete-account.page__delete-account h2 {
  font-size: 18px;
  color: #78716b;
  width: 80%;
  margin: auto auto 20px auto;
}
.delete-account.page__delete-account .delete-option {
  width: 78%;
  margin: auto;
  border: 2px solid #D1CBC6;
}
.delete-account.page__delete-account .delete-option .delete-option-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.delete-account.page__delete-account .delete-option .delete-option-title img {
  height: 40px;
  object-fit: contain;
  color: #78716B;
}
.delete-account.page__delete-account .delete-option .delete-option-title .alert {
  text-indent: 15px;
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.delete-account.page__delete-account .delete-option .delete-option-title .text {
  margin-left: 20px;
  font-size: 16px;
  background: #EC716A;
  border-radius: 20px;
  padding: 2px 20px;
  color: #fff;
  font-weight: 500;
}
.delete-account.page__delete-account .delete-option p {
  font-size: 17px;
  color: #78716B;
  margin: 0;
  padding: 30px 50px;
}
.delete-account.page__delete-account .delete-option .rate {
  font-size: 18px;
  color: #78716B;
  font-weight: 600;
  padding-left: 50px;
}
.delete-account.page__delete-account .delete-option .p-tag {
  font-size: 17px;
  color: #78716B;
  margin: 0px 50px 40px 50px;
}
.delete-account.page__delete-account .message {
  color: #EC716A;
  width: 100%;
  text-align: center;
  font-size: 17px;
}
.delete-account.page__delete-account .delete-button {
  text-align: center;
  margin: 80px 0px 160px 0px;
}
.delete-account.page__delete-account .delete-button button {
  font-size: 17px;
  border: 1px solid #EE7F79;
  background: #fff;
  color: #F1948F;
  padding: 10px 40px;
}
.delete-account.page__delete-account .questionnare-form {
  width: 78%;
  margin: 20px auto;
  font-size: 17px;
  line-height: 250%;
}
.delete-account.page__delete-account .questionnare-form h3 {
  font-size: 20px;
  border-bottom: 2px solid #D1CBC6;
}
.delete-account.page__delete-account .questionnare-form h3 span {
  font-size: 14px;
  font-weight: lighter;
}
.delete-account.page__delete-account .questionnare-form input[type=checkbox] {
  display: none;
}
.delete-account.page__delete-account .questionnare-form .custom-checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
  margin-left: 20px;
}
.delete-account.page__delete-account .questionnare-form .custom-checkbox span {
  margin-left: 14px;
}
.delete-account.page__delete-account .questionnare-form .custom-checkbox::before {
  background: #fff;
  border: 2px solid #78716b;
  border-radius: 2px;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  left: 5px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.delete-account.page__delete-account .questionnare-form .custom-checkbox::after {
  border-right: 3px solid #78716b;
  border-bottom: 3px solid #78716b;
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  left: 12px;
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.delete-account.page__delete-account .questionnare-form .error-message {
  color: #F68293;
}
.delete-account.page__delete-account .questionnare-form input[type=checkbox]:checked + .custom-checkbox::after {
  opacity: 1;
}
.delete-account.page__delete-account .questionnare-form .detail-input {
  display: block;
  width: 90%;
  height: 160px;
  line-height: 150%;
  padding: 10px;
}

.page-not-applicated {
  background: #FFFAF4;
  -webkit-touch-callout: none;
}
@media screen and (min-width: 0px) and (max-width: 897px) {
  .page-not-applicated body {
    width: 100%;
  }
  .page-not-applicated .not-applicated-header {
    text-align: center;
    padding-top: 5em;
    height: 10em;
  }
  .page-not-applicated .not-applicated-header img {
    width: 80%;
  }
  .page-not-applicated .not-applicated-contents-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #F5E7D5;
    height: 420px;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap {
    display: flex;
    position: relative;
    height: 13em;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap div:last-of-type {
    width: 100%;
    text-align: center;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .smart-text {
    font-size: 17px;
    text-align: center;
    color: #78716b;
    position: relative;
    top: 95%;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .device:before {
    content: "その他タブレット・スマートフォン";
    font-size: 14px;
    color: #78716b;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .tablet-text {
    display: none;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun {
    margin-top: -40%;
    margin-bottom: 20%;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun .stay-kitkun-img {
    position: relative;
    left: 35%;
    width: 60%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap {
    text-align: center;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img {
    margin-bottom: 1.2em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img img {
    width: 60%;
    margin-top: 26%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form {
    margin-bottom: 0.8em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input {
    width: 80%;
    height: 53px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 17px;
    padding-left: 10px;
    border: 2px solid #D3CEC9;
    font-size: 1em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::-ms-input-placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap li.buttons input {
    background-color: #FFCF3B;
    border: #ABA093 1px solid;
    font-size: 17px;
    padding: 10px 50px;
    color: #78716b;
    text-align: center;
    cursor: pointer;
    margin-bottom: 50px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap form ul {
    list-style: none;
    padding-left: unset;
  }
  .page-not-applicated .page-footer {
    background: #FFFAF4 !important;
    position: relative;
    width: 100%;
    bottom: -52%;
    display: block;
    padding-left: 10%;
    text-align: center;
  }
}
@media screen and (min-width: 478px) and (max-width: 896px) {
  .page-not-applicated body {
    width: 100%;
  }
  .page-not-applicated .not-applicated-header {
    text-align: center;
    padding-top: 5em;
  }
  .page-not-applicated .not-applicated-header img {
    width: 50%;
    position: relative;
    right: 18%;
  }
  .page-not-applicated .not-applicated-contents-wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #F5E7D5;
    height: 230px;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap {
    display: flex;
    position: relative;
    height: 13em;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap div:last-of-type {
    width: 100%;
    text-align: center;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .smart-text {
    font-size: 15px;
    text-align: center;
    color: #78716b;
    position: relative;
    top: 10%;
    right: 20%;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .device:before {
    content: "その他タブレット・スマートフォン";
    font-size: 14px;
    color: #78716b;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .not-applicated-contents-text-wrap .not-applicated-contents-text .tablet-text {
    display: none;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun {
    margin-top: -27%;
    margin-bottom: 20%;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun .stay-kitkun-img {
    position: relative;
    left: 61%;
    width: 37%;
    margin-top: -8%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap {
    text-align: center;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img {
    margin-bottom: 1.2em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img img {
    width: 35%;
    margin-top: -28%;
    position: relative;
    right: 24%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form {
    margin-bottom: 0.8em;
    margin-top: -21%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form .send-mail-text {
    position: relative;
    left: 14%;
    bottom: 0px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input {
    width: 45%;
    height: 55px;
    margin-bottom: 10px;
    margin-top: 4px;
    font-size: 17px;
    padding-left: 10px;
    border: 2px solid #D3CEC9;
    font-size: 1em;
    position: relative;
    left: 20%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::-ms-input-placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap li.buttons input {
    background-color: #FFCF3B;
    border: #ABA093 1px solid;
    font-size: 17px;
    padding: 10px 50px;
    color: #78716b;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 2%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap form ul {
    list-style: none;
    padding-left: unset;
  }
  .page-not-applicated .page-footer {
    background: #FFFAF4 !important;
    position: relative;
    width: 100%;
    bottom: -195px;
    display: block;
    padding-left: 5%;
    text-align: center;
  }
}
@media screen and (min-width: 898px) {
  .page-not-applicated .not-applicated-header {
    text-align: center;
    padding-top: 5em;
  }
  .page-not-applicated .not-applicated-header img {
    width: 400px;
  }
  .page-not-applicated .not-applicated-contents-wrap {
    width: 767px;
    margin: 0 auto;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun {
    margin-top: -10%;
    margin-bottom: 5%;
  }
  .page-not-applicated .not-applicated-contents-wrap .sub-base .stay-kitkun .stay-kitkun-img {
    width: 40%;
    position: relative;
    left: 60%;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-text-wrap {
    display: flex;
    position: relative;
    padding-top: 5em;
    height: 160px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-text-wrap div:last-of-type {
    width: 300px;
    position: absolute;
    right: 15px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-text-wrap .not-applicated-contents-text .tablet-text {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #78716b;
    position: absolute;
    left: -470px;
    top: 95px;
    width: 470px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-text-wrap .not-applicated-contents-text .smart-text {
    display: none;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap {
    text-align: center;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img {
    margin-bottom: 1.2em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form-img img {
    width: 300px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form {
    margin-bottom: 0.8em;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input {
    width: 380px;
    height: 53px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 17px;
    padding-left: 50px;
    border: 2px solid #D3CEC9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::-ms-input-placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap .not-applicated-contents-form div.input-form input::placeholder {
    color: #c8c9c9;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap li.buttons input {
    background-color: #FFCF3B;
    border: #ABA093 1px solid;
    font-size: 17px;
    padding: 10px 50px;
    color: #78716b;
    text-align: center;
    cursor: pointer;
    margin-bottom: 50px;
  }
  .page-not-applicated .not-applicated-contents-wrap .not-applicated-contents-form-wrap form ul {
    list-style: none;
    padding-left: unset;
  }
  .page-not-applicated .page-footer {
    background: #FFFAF4 !important;
    position: relative;
    width: 100%;
    bottom: 10px;
  }
}

.page__template {
  background: #f5e7d5;
}
.page__template .base-grid {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 50% 1fr 36px;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "content" "footer";
}
.page__template .top-half {
  grid-area: header;
  text-align: center;
  position: relative;
  background: #f9f0e5;
  color: #78716b;
}
.page__template .Kit4, .page__template .popkit-logo {
  display: inline-block;
}
.page__template .Kit4 {
  width: 190px;
  vertical-align: bottom;
}
.page__template .popkit-logo, .page__template .logo-label-img {
  margin-bottom: 1.5em;
}
.page__template .popkit-logo {
  height: 4em;
}
.page__template .logo-label-img {
  height: 5em;
}
.page__template .logo-wrapper {
  position: absolute;
  bottom: 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  user-drag: none;
  pointer-events: none;
}
.page__template .inline {
  display: inline;
}
.page__template .popset-info {
  display: inline-block;
  text-align: left;
}
.page__template .popset {
  height: 100%;
  display: flex;
  text-align: left;
  align-items: center;
  white-space: nowrap;
  margin: 1em 0;
  padding: 1em;
  background: white;
  width: 50vw;
  border: 1px solid #A59B91;
}
.page__template .popset-thumbnail {
  object-fit: contain;
  width: 100px;
  height: 100px;
  margin-right: 1vw;
}
.page__template .popset-texts {
  margin-right: auto;
  display: flex;
  flex-direction: column;
  min-height: 6.8vh;
}
.page__template .popset-name {
  font-weight: bold;
  line-height: 1.2;
}
.page__template .popset-creator {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.page__template .popset-creator, .page__template .popset-description {
  font-size: 0.8em;
  font-weight: 500;
  white-space: normal;
}
.page__template .popkit-button {
  background: #ffcf3b;
  background: var(--button-background, #ffcf3b);
  color: #78716b;
  border: #a59b91 1px solid;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-width: var(--button-min-width, 150px);
  height: 3em;
  text-decoration: none;
  font-size: 16px;
  font-size: var(--button-font-size, 16px);
  line-height: 1;
  margin: 0 0.5em 1em;
  cursor: pointer;
  cursor: var(--button-cursor, pointer);
}
.page__template .popkit-button.cancel {
  --button-background: var(--button-cancel-background, var(--button-cancel-background-default, #f0efef));
}
.page__template .template-login-ui {
  text-align: left;
  margin-top: 3em;
}
.page__template #creation_token {
  padding-left: 1em;
  width: 33vw;
  height: 3em;
}
.page__template #creation_token::-ms-input-placeholder {
  color: #b7afa7;
}
.page__template #creation_token::placeholder {
  color: #b7afa7;
}
.page__template .error-msg {
  font-weight: bold;
  color: #EC716A;
}
.page__template .template_token_submit_btn {
  height: 2em;
  --button-min-width: 3.5em;
  margin-right: -4.5em;
}

.exported-pop.page__exported-pop {
  overflow: scroll;
  overflow-x: hidden;
}
.exported-pop.page__exported-pop .exported-pop-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3em;
}
.exported-pop.page__exported-pop .exported-pop-item {
  text-align: left;
  margin: 3em 2% 0;
}
.exported-pop.page__exported-pop {
  --exported-pop-thumb-width: 13vw;
  --exported-pop-thumb-height: calc(var(--exported-pop-thumb-width) / 1.41);
}
.exported-pop.page__exported-pop .exported-pop-thumb {
  width: var(--exported-pop-thumb-width);
  height: var(--exported-pop-thumb-height);
  object-fit: contain;
}
.exported-pop.page__exported-pop .exported-pop-icons {
  --width: 32px;
  --height: 32px;
  width: var(--exported-pop-thumb-width);
  text-align: right;
  padding-bottom: 4px;
}
.exported-pop.page__exported-pop .exported-pop-icons .exported-pop-icons-form {
  display: inline-block;
}
.exported-pop.page__exported-pop .exported-pop-icons .exported-pop-icons-button {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  color: #a49a90;
}
.exported-pop.page__exported-pop .exported-pop-icons .clone-doc-icon:hover {
  color: #ffc30a;
}
.exported-pop.page__exported-pop .exported-pop-icons .trash-thin-icon:hover {
  color: #EC716A;
}
.exported-pop.page__exported-pop .exported-pop-item-link {
  display: block;
}
.exported-pop.page__exported-pop .exported-pop-meta-area {
  --side-padding: 0.2em;
  width: calc(var(--exported-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
  color: #77706B;
}
.exported-pop.page__exported-pop .pencil-icon {
  opacity: 0;
  --width: 32px;
  --height: 32px;
  color: #a49a90;
  position: absolute;
  right: -12px;
  bottom: 0;
}
.exported-pop.page__exported-pop .exported-pop-name-form {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.exported-pop.page__exported-pop .exported-pop-name {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 1px;
  font-weight: 500;
  color: #77706B;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exported-pop.page__exported-pop .exported-pop-name::selection {
  background: #FDF0CD;
}
.exported-pop.page__exported-pop .exported-pop-name:hover, .exported-pop.page__exported-pop .exported-pop-name:focus {
  outline: none;
  border-bottom: 1px solid #a49a90;
  padding-right: 12px;
  text-overflow: unset;
}
.exported-pop.page__exported-pop .exported-pop-name:hover ~ .pencil-icon, .exported-pop.page__exported-pop .exported-pop-name:focus ~ .pencil-icon {
  opacity: 1;
}
.exported-pop.page__exported-pop .exported-pop-updated_at {
  font-weight: 400;
  font-size: 0.9em;
  padding-left: 1px;
}
.exported-pop.page__exported-pop .exported-pop-updated_at-time {
  margin-left: 1em;
}
.exported-pop.page__exported-pop .header {
  width: 90%;
  margin: 2em auto;
  padding: 0 2em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .exported-pop.page__exported-pop .header {
    width: 100%;
    margin: 0;
    padding: 1em;
  }
}
.exported-pop.page__exported-pop .header .search-conditions {
  width: 100%;
  text-align: right;
  padding: 1em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .exported-pop.page__exported-pop .header .search-conditions {
    padding: 0;
  }
}
.exported-pop.page__exported-pop .header .search-conditions form {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .exported-pop.page__exported-pop .header .search-conditions form {
    margin: 0;
  }
}
.exported-pop.page__exported-pop .header .search-conditions form span {
  position: relative;
  margin: 0;
  height: 30px;
}
.exported-pop.page__exported-pop .header .search-conditions form span .input {
  width: 120px;
  height: 30px;
  border: #b7afa7 1px solid;
  background-color: #fff;
  padding: 0;
  margin: 0 10px;
}
.exported-pop.page__exported-pop .header .search-conditions form span .input input {
  width: calc(100% - 32px);
  margin-top: 2px;
  margin-left: 30px;
  height: 24px;
}
.exported-pop.page__exported-pop .header .search-conditions form span .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.exported-pop.page__exported-pop .header .search-conditions form span .wrapper {
  display: inline-block;
  padding: 0;
  height: 30px;
  border: 1px solid #aaa;
  text-align: left;
}
.exported-pop.page__exported-pop .header .search-conditions form span .wrapper input {
  border: 0;
  height: 24px;
  margin-top: 2px;
  margin-left: 2px;
  width: calc(100% - 30px);
}
.exported-pop.page__exported-pop .header .search-conditions form .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 10px;
}
.exported-pop.page__exported-pop .header .search-conditions form .keyword-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.exported-pop.page__exported-pop .header .search-conditions form button {
  margin-left: 0.5em;
  padding: 0 1em;
  height: 30px;
  white-space: nowrap;
  border: 0;
}
.exported-pop.page__exported-pop .header .search-conditions form button.master {
  background-color: #ff756d;
  color: #fff;
}
.exported-pop.page__exported-pop .header .search-conditions form button.partner {
  background-color: #00ac97;
  color: #fff;
}
.exported-pop.page__exported-pop .header .search-conditions form button.premium {
  background-color: #F5BD1F;
  color: #78716b;
  border: 1px solid #78716b;
}

.transitioned-guide {
  background: rgb(255, 250, 245);
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  .transitioned-guide body {
    width: 100%;
  }
  .transitioned-guide .transitioned-guide-wrap {
    position: relative;
    top: 25%;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header {
    text-align: center;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun .stay-kitkun-img {
    width: 150px;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun .shadow {
    width: 70px;
    height: 20px;
    background-color: rgb(227, 225, 223);
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: -14px;
    left: -3px;
    z-index: -1;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo {
    text-align: center;
    margin: 0 auto;
    width: 75%;
    color: #78716b;
    display: flex;
    align-items: flex-end;
    padding-left: 1.5rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo img {
    width: 80%;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo span {
    font-size: smaller;
    margin-left: 0.5rem;
    font-weight: bold;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text .text {
    font-size: 17px;
    text-align: center;
    color: #78716b;
    position: relative;
    top: 1rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text .device:before {
    content: "その他タブレット・スマートフォン";
    font-size: 14px;
    color: #78716b;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text .tablet-text {
    display: none;
  }
  .transitioned-guide .transitioned-guide-wrap .btn {
    width: 60%;
    background-color: rgb(255, 221, 57);
    height: 3.5rem;
    border: 1px solid lightgrey;
    border-radius: 10px;
    color: #78716b;
  }
}
@media screen and (min-width: 768px) {
  .transitioned-guide .transitioned-guide-wrap {
    position: relative;
    top: 25%;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header {
    text-align: center;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun .stay-kitkun-img {
    width: 200px;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .stay-kitkun .shadow {
    width: 100px;
    height: 30px;
    background-color: rgb(227, 225, 223);
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: -18px;
    left: -4px;
    z-index: -1;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo {
    text-align: center;
    margin: 0 auto;
    width: 50%;
    color: #78716b;
    display: flex;
    align-items: flex-end;
    padding-left: 5rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo img {
    width: 75%;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-header .logo span {
    margin-left: 0.5rem;
    font-weight: bold;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text {
    margin-top: 1rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text .text {
    font-size: 1.5rem;
    text-align: center;
    color: #78716b;
    position: relative;
    top: 1rem;
  }
  .transitioned-guide .transitioned-guide-wrap .transitioned-guide-contents-text .tablet-text {
    display: none;
  }
  .transitioned-guide .transitioned-guide-wrap .btn {
    width: 340px;
    background-color: rgb(255, 221, 57);
    height: 90px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    color: #78716b;
  }
}

.change-email-complete.page__change-email-complete .message {
  margin-top: 150px;
  margin-bottom: 50px;
  font-size: 1.2em;
}
.change-email-complete.page__change-email-complete .error {
  color: red;
}
.change-email-complete.page__change-email-complete button {
  padding: 7px 60px;
  border: 1px solid #b8b1a9;
  font-size: 17px;
  color: #78716b;
  background: #f0efef;
}

.member-register.page__member-register .main {
  width: 100%;
  height: 100%;
}
.member-register.page__member-register .main .main-content {
  width: 90%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  margin-top: 30px;
}
.member-register.page__member-register .main .main-content h1 {
  margin: 0;
  font-size: 25px;
  color: #88827d;
}
.member-register.page__member-register .main .main-content .content-button {
  width: 100%;
  padding-top: 20px;
}
.member-register.page__member-register .main .main-content .content-button button {
  display: inline-flex;
  border: #DAD6D2 1px solid;
  background: #fff;
  margin: 10px;
}
.member-register.page__member-register .main .main-content .content-button .others {
  margin-top: 20px;
}
.member-register.page__member-register .main .main-content .content-button .others span {
  font-size: 17px;
  color: #78716b;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-mail {
  display: inline-flex;
  text-align: center;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-mail button {
  width: 300px;
  align-items: center;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-mail button img {
  margin-left: 10px;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-mail button span {
  margin: 0;
  padding-left: 25px;
  font-size: 17px;
  color: #78716b;
  text-align: center;
  line-height: 50px;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-social {
  display: inline-flex;
  text-align: center;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-social .social {
  display: flex;
  flex-direction: column;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-social .social button {
  width: 60px;
  height: 60px;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-social .social button img {
  margin: auto;
}
.member-register.page__member-register .main .main-content .content-button .inside-content-button-social .social span {
  color: #78716b;
}
.member-register.page__member-register .main .main-content .login {
  display: inline-flex;
  margin-top: 30px;
}
.member-register.page__member-register .main .main-content .login span {
  margin: 0;
  margin-right: 1em;
  font-size: 17px;
  color: #78716b;
}
.member-register.page__member-register .main .main-content .login a {
  color: #41B69F;
  font-size: 17px;
  cursor: pointer;
}
.member-register.page__member-register .main .main-content .pop {
  text-align: center;
  margin-top: 40px;
}
.member-register.page__member-register .main .main-content .intro-popup {
  margin-top: 15px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 17px;
  margin-bottom: 40px;
  text-align: center;
}
.member-register.page__member-register .main .main-content .intro-popup span {
  background: #ffe287;
  padding: 8px 25px;
  border-radius: 10px;
  color: #78716b;
}
.member-register.page__member-register .main .main-content .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 1;
  visibility: hidden;
  transition: 0.4s;
  text-align: left;
}
.member-register.page__member-register .main .main-content .popup.is-show {
  opacity: 1;
  visibility: visible;
  z-index: 12px;
}
.member-register.page__member-register .main .main-content .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 700px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .member-register.page__member-register .main .main-content .popup-inner {
    max-height: 480px;
  }
}
.member-register.page__member-register .main .main-content .popup-inner {
  overflow-y: scroll;
  padding: 80px;
  background-color: #FBFBFB;
  border: #fff 1px solid;
  border-radius: 20px;
  z-index: 2;
}
.member-register.page__member-register .main .main-content .popup-inner .pop-head {
  display: inline-flex;
  align-items: center;
}
.member-register.page__member-register .main .main-content .popup-inner .pop-head h2 {
  font-size: 21px;
  margin: 0;
  color: #78716b;
}
.member-register.page__member-register .main .main-content .popup-inner img {
  margin-left: 90px;
}
.member-register.page__member-register .main .main-content .close-btn {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 1.2em;
  font-weight: bold;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  color: #A59B91;
}
.member-register.page__member-register .main .main-content .close-btn i {
  font-size: 20px;
  color: #a59b91;
}
.member-register.page__member-register .main .main-content .info {
  font-size: 18px;
  color: #78716b;
  margin-top: 20px;
}
.member-register.page__member-register .main .main-content .in-info {
  font-size: 18px;
  margin-top: 20px;
  color: #78716b;
  font-weight: 400;
}
.member-register.page__member-register .main .main-content strong {
  color: #ff5064;
  font-size: 18px;
  font-weight: 400;
}
.member-register.page__member-register .main .main-content .happy {
  margin: 0;
  font-size: 18px;
  color: #78716b;
}
.member-register.page__member-register .main .main-content .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 2;
  background-color: rgba(127, 127, 127, 0.5);
  z-index: 1;
  cursor: pointer;
}
.member-register.page__member-register .main .alert-text {
  text-align: left;
  width: 45em;
  margin: 20px auto 20px auto;
}
.member-register.page__member-register .main .alert-text ul {
  list-style: none;
}
.member-register.page__member-register .main .alert-text ul li {
  margin-left: 30px;
  font-size: 12.27px;
  color: #78716b;
}

.mail-register.page__mail-register .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.mail-register.page__mail-register .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.mail-register.page__mail-register .main-contents .contents2 h2 {
  margin-bottom: 0;
  font-size: 25px;
  font-weight: bold;
  color: #78716B;
  margin-top: 15px;
}
.mail-register.page__mail-register .main-contents .contents2 ::-ms-input-placeholder {
  color: #C9C6C4;
}
.mail-register.page__mail-register .main-contents .contents2 ::placeholder {
  color: #C9C6C4;
}
.mail-register.page__mail-register .main-contents .contents2 .nickname label {
  position: relative;
}
.mail-register.page__mail-register .main-contents .contents2 .nickname .user-o-icon {
  color: #A59B91;
  position: absolute;
  right: 39%;
  top: 0%;
}
.mail-register.page__mail-register .main-contents .contents2 .mailaddress label {
  position: relative;
}
.mail-register.page__mail-register .main-contents .contents2 .mailaddress .mail-icon {
  color: #A59B91;
  position: absolute;
  right: 39%;
  top: 0%;
}
.mail-register.page__mail-register .main-contents .contents2 .password label {
  position: relative;
}
.mail-register.page__mail-register .main-contents .contents2 .password .login-eye-invisible {
  width: 25px;
}
.mail-register.page__mail-register .main-contents .contents2 .password .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.mail-register.page__mail-register .main-contents .contents2 .password .key-icon {
  color: #A59B91;
  position: absolute;
  top: -2%;
  width: 75px;
  height: 75px;
}
.mail-register.page__mail-register .main-contents .contents2 .alerttext {
  color: #FF756D;
  margin: 0;
  font-size: 15px;
  margin-left: 60px;
  margin-top: -10px;
}
.mail-register.page__mail-register .main-contents {
  /* モーダルCSSここから1 */
}
.mail-register.page__mail-register .main-contents .modalArea {
  visibility: hidden; /* displayではなくvisibility */
  opacity: 0;
  position: fixed;
  z-index: 10; /* サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.mail-register.page__mail-register .main-contents .modalBg {
  width: 100%;
  height: 100%;
  background-color: #82868B;
  opacity: 0.5;
}
.mail-register.page__mail-register .main-contents .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  padding: 50px 30px 40px;
  background-color: #F3E5D4;
  height: 65%;
  border-radius: 15px;
}
.mail-register.page__mail-register .main-contents .modalWrapper h1 {
  text-align: left;
  font-size: 25px;
  font-weight: 300;
  margin-top: -20px;
  color: #77716B;
}
.mail-register.page__mail-register .main-contents .modalContents {
  background-color: #FFF;
  margin-top: 10px;
}
.mail-register.page__mail-register .main-contents .modalContents p {
  color: #78716b;
  padding: 0 40px 0 40px;
  text-align: left;
}
.mail-register.page__mail-register .main-contents .modalContents .description-text {
  padding: 0px 40px 60px 40px;
  text-align: left;
}
.mail-register.page__mail-register .main-contents .modalContents .description-text span {
  font-size: 15px;
  margin: 0;
  color: #78716b;
}
.mail-register.page__mail-register .main-contents .modalContents .description-text ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
.mail-register.page__mail-register .main-contents .modalContents .description-text ul li {
  padding: 2px 0px;
  color: #78716b;
  font-weight: 400;
  list-style: none;
}
.mail-register.page__mail-register .main-contents .modal-main {
  background-color: #FFF;
  overflow: auto;
  height: 95%;
  border: 2px solid #D7DAD4;
}
.mail-register.page__mail-register .main-contents .closeModal {
  position: absolute;
  top: 0.6rem;
  right: 1rem;
  cursor: pointer;
  font-weight: 600;
  color: #A49A90;
  font-size: 17px;
}
.mail-register.page__mail-register .main-contents .is-show { /* モーダル表示用クラス */
  visibility: visible;
  opacity: 1;
}
.mail-register.page__mail-register .main-contents {
  /* モーダルCSSここまで */
  /* 以下ボタンスタイル */
}
.mail-register.page__mail-register .main-contents button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}
.mail-register.page__mail-register .main-contents #openModal {
  cursor: pointer;
}
.mail-register.page__mail-register .main-contents {
  /* モーダルCSSここから2 */
}
.mail-register.page__mail-register .main-contents .modalArea2 {
  visibility: hidden; /* displayではなくvisibility */
  opacity: 0;
  position: fixed;
  z-index: 10; /* サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.mail-register.page__mail-register .main-contents .modalBg2 {
  width: 100%;
  height: 100%;
  background-color: #82868B;
  opacity: 0.5;
}
.mail-register.page__mail-register .main-contents .modalWrapper2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 800px;
  padding: 50px 30px 40px;
  background-color: #F3E5D4;
  height: 65%;
  border-radius: 15px;
}
.mail-register.page__mail-register .main-contents .modalWrapper2 h1 {
  text-align: left;
  font-size: 25px;
  font-weight: 300;
  margin-top: -20px;
  color: #77716B;
}
.mail-register.page__mail-register .main-contents .modalContents2 {
  background-color: #FFF;
  margin-top: 10px;
}
.mail-register.page__mail-register .main-contents .modalContents2 p {
  color: #78716b;
  padding: 0 40px 0 40px;
  text-align: left;
}
.mail-register.page__mail-register .main-contents .modalContents2 .description-text2 {
  padding: 0px 40px 60px 40px;
  text-align: left;
}
.mail-register.page__mail-register .main-contents .modalContents2 .description-text2 span {
  font-size: 15px;
  margin: 0;
  color: #78716b;
}
.mail-register.page__mail-register .main-contents .modalContents2 .description-text2 ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
.mail-register.page__mail-register .main-contents .modalContents2 .description-text2 ul li {
  padding: 2px 0px;
  color: #78716b;
  font-weight: 400;
  list-style: none;
}
.mail-register.page__mail-register .main-contents .modal-main2 {
  background-color: #FFF;
  overflow: auto;
  height: 95%;
  border: 2px solid #D7DAD4;
}
.mail-register.page__mail-register .main-contents .closeModal2 {
  position: absolute;
  top: 0.6rem;
  right: 1rem;
  cursor: pointer;
  font-weight: 600;
  color: #A49A90;
  font-size: 17px;
}
.mail-register.page__mail-register .main-contents .is-show2 { /* モーダル表示用クラス */
  visibility: visible;
  opacity: 1;
}
.mail-register.page__mail-register .main-contents {
  /* モーダルCSSここまで */
  /* 以下ボタンスタイル */
}
.mail-register.page__mail-register .main-contents button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}
.mail-register.page__mail-register .main-contents #openModal2 {
  cursor: pointer;
}
.mail-register.page__mail-register .main-contents .login-eye {
  width: 31%;
  position: absolute;
  top: 32%;
  right: -5%;
}
.mail-register.page__mail-register .main-contents .login-eye {
  color: #A59B91;
}
.mail-register.page__mail-register .main-contents .input {
  width: 320px;
  height: 50px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.mail-register.page__mail-register .main-contents a {
  color: #78716b;
}
.mail-register.page__mail-register .main-contents input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.mail-register.page__mail-register .main-contents .privacy {
  margin-top: 10px;
}
.mail-register.page__mail-register .main-contents .privacy a {
  color: #78716B;
  text-decoration: underline;
  font-size: 17px;
}
.mail-register.page__mail-register .main-contents .privacy .border {
  color: #78716B;
  text-decoration: underline;
}
.mail-register.page__mail-register .main-contents .privacy .color-span {
  font-size: 0.9rem;
  color: #78716B;
}
.mail-register.page__mail-register .main-contents .register-button {
  text-align: center;
}
.mail-register.page__mail-register .main-contents .register-button .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.mail-register.page__mail-register .main-contents .notes {
  font-size: 0.8rem;
  color: #78716B;
}

.complete-register.page__complete-register .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.complete-register.page__complete-register .main-contents .contents1 {
  width: 100%;
  grid-area: cont-1;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
  /* background: #f9f0e5; */
  position: relative;
}
.complete-register.page__complete-register .main-contents .logo {
  position: absolute;
  bottom: -10px;
  margin-left: 25%;
  margin-right: 25%;
}
.complete-register.page__complete-register .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.complete-register.page__complete-register .main-contents .contents2 h2 {
  margin: 20px;
  font-size: 25px;
  font-weight: bold;
  color: #78716B;
  margin-top: 40px;
}
.complete-register.page__complete-register .main-contents .contents2 .complete-text {
  margin-top: 50px;
}
.complete-register.page__complete-register .main-contents .contents2 .complete-text span {
  font-size: 19px;
  color: #78716B;
}
.complete-register.page__complete-register .main-contents .alert-text {
  text-align: left;
  width: 52em;
  margin: 40px auto;
}
.complete-register.page__complete-register .main-contents .alert-text h3 {
  font-size: 12.27px;
  color: #78716B;
  margin: 0;
}
.complete-register.page__complete-register .main-contents .alert-text ul {
  list-style: none;
}
.complete-register.page__complete-register .main-contents .alert-text ul li {
  font-size: 12.27px;
  color: #78716B;
  margin-left: 6px;
}

.questionary.page__questionary .contents1-main {
  height: fit-content;
  background: #F9F0E5;
  text-align: center;
}
.questionary.page__questionary .contents1-main h2 {
  font-size: 25px;
  font-weight: 600;
  position: relative;
  top: 70px;
  left: 40px;
  color: #78716B;
}
.questionary.page__questionary .contents1-main .popkit-logo {
  width: 390px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 10px;
}
.questionary.page__questionary .contents1-main .popkit-logo .kitkun {
  width: 35%;
  position: absolute;
  right: 95%;
  top: 30px;
}
.questionary.page__questionary .contents1-main .system-logo {
  margin-top: 130px;
  text-align: center;
  position: relative;
  left: 120px;
}
.questionary.page__questionary .contents1-main .welcome-user {
  margin-top: -2%;
  font-size: 25px;
  font-weight: 600;
  color: #78716B;
  position: relative;
  left: 25px;
}
.questionary.page__questionary .contents1-main .question-text {
  font-size: 18px;
  margin-top: 10px;
  color: #78716B;
}
.questionary.page__questionary .contents2 {
  margin-top: 40px;
}
.questionary.page__questionary .contents2 .questionary-label {
  margin-bottom: 16px;
}
.questionary.page__questionary .contents2 .questionary-label label {
  width: 27%;
  text-align: left;
  color: #78716B;
  font-size: 17px;
  margin: 0;
}
.questionary.page__questionary .contents2 .questionary-label select {
  width: 27%;
  height: 50px;
  border: solid 1px #CBC5BF;
  background: #fff;
  color: #78716b;
  font-size: 15px;
  padding-left: 20px;
}
.questionary.page__questionary .contents2 .questionary-label select option {
  color: #78716b;
  font-size: 15px;
  padding-left: 20px;
}
.questionary.page__questionary .contents2 .questionary-label .input-outer,
.questionary.page__questionary .contents2 .questionary-label .input-magazine-name,
.questionary.page__questionary .contents2 .questionary-label .input-route-name {
  display: flex;
  justify-content: center;
  align-items: center;
}
.questionary.page__questionary .contents2 .questionary-label input {
  margin-top: 10px;
  display: block;
  width: 27%;
  height: 50px;
  border: solid 0px #CBC5BF;
  border-bottom: solid 1px #CBC5BF;
  background: #fff;
  color: #78716b;
  font-size: 15px;
  padding-left: 20px;
}
.questionary.page__questionary .contents2 .questionary-label input.hide {
  display: none;
}
.questionary.page__questionary .contents2 .check {
  text-align: center;
  align-items: center;
}
.questionary.page__questionary .contents2 .check .checkbox {
  width: 25px;
}
.questionary.page__questionary .contents2 .check label {
  font-size: 15px;
  color: #78716B;
}
.questionary.page__questionary .contents2 .login_btn-div {
  text-align: center;
  margin-top: 20px;
}
.questionary.page__questionary .contents2 .login_btn-div .login_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 11px 35px;
  margin: 20px 0px 60px 0px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}

.contact.page__contact h2 {
  font-size: 20px;
  width: 85%;
  margin: 50px auto 10px auto;
  color: #77706B;
  font-weight: 500;
}
.contact.page__contact .type-text {
  width: 100%;
  height: 100%;
}
.contact.page__contact .type-text .text {
  width: 85%;
  margin: auto;
}
.contact.page__contact .type-text .text .name {
  display: inline-block;
  align-items: center;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .contact.page__contact .type-text .text .name {
    width: 28.3%;
  }
}
.contact.page__contact .type-text .text .name span {
  margin: 0;
  color: #FF8A84;
  float: right;
  font-size: 1em;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .contact.page__contact .type-text .text .name span {
    font-size: 1em;
  }
}
.contact.page__contact .type-text .text .name input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-indent: 10px;
  border: 1px solid #BBB3AC;
}
.contact.page__contact .type-text .text .name ::-ms-input-placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .type-text .text .name ::placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .type-text .text .mail {
  padding-left: 10px;
  display: inline-block;
  align-items: center;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .contact.page__contact .type-text .text .mail {
    width: 28.3%;
  }
}
.contact.page__contact .type-text .text .mail span {
  margin: 0;
  color: #FF8A84;
  float: right;
  font-size: 1em;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .contact.page__contact .type-text .text .mail span {
    font-size: 1em;
  }
}
.contact.page__contact .type-text .text .mail input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-indent: 10px;
  border: 1px solid #BBB3AC;
}
.contact.page__contact .type-text .text .mail ::-ms-input-placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .type-text .text .mail ::placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .type-text .text .company {
  padding-left: 10px;
  display: inline-block;
  align-items: center;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .contact.page__contact .type-text .text .company {
    width: 28.3%;
  }
}
.contact.page__contact .type-text .text .company input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-indent: 10px;
  border: 1px solid #BBB3AC;
}
.contact.page__contact .type-text .text .company ::-ms-input-placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .type-text .text .company ::placeholder {
  font-size: 15px;
  color: #BBB3AC;
  line-height: 50px;
}
.contact.page__contact .info-list {
  height: fit-content;
  width: 100%;
  margin-top: 25px;
}
.contact.page__contact .info-list .inside-info-list {
  width: 85%;
  margin: auto;
  list-style: none;
  font-size: 13px;
}
.contact.page__contact .info-list .inside-info-list li {
  padding: 0px 0px 5px 0px;
}
.contact.page__contact .info-border {
  width: 100%;
  height: fit-content;
  margin-top: 20px;
}
.contact.page__contact .info-border .inside-info-border {
  width: 85%;
  margin: auto;
}
.contact.page__contact .info-border .inside-info-border textarea {
  vertical-align: top;
  height: 35vh;
  width: 90%;
  border: 1px solid #C7C1BB;
}
.contact.page__contact .info-border .inside-info-border ::-ms-input-placeholder {
  font-size: 14px;
  color: #CBC5BF;
}
.contact.page__contact .info-border .inside-info-border ::placeholder {
  font-size: 14px;
  color: #CBC5BF;
}
.contact.page__contact .sent-button {
  width: 100%;
  height: fit-content;
  margin: 20px 0px 20px 0px;
}
.contact.page__contact .sent-button .button {
  text-align: center;
}
.contact.page__contact .sent-button .button button {
  background: #F7CA4B;
  border: 1px solid #ABA090;
  padding: 7px 60px;
  font-size: 15.7px;
  color: #8B7E66;
}

.password-reset.page__password-reset .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.password-reset.page__password-reset .main .contents {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.password-reset.page__password-reset .main .contents h1 {
  margin: 0;
  font-size: 25px;
  color: #78716B;
}
.password-reset.page__password-reset .main .contents .password .in-password {
  text-align: center;
  margin-top: 30px;
  height: 18vh;
}
.password-reset.page__password-reset .main .contents .password .in-password .new {
  margin: 0px 15px 0px 0px;
  font-size: 17px;
  color: #78716b;
}
.password-reset.page__password-reset .main .contents .password .in-password .mail-info {
  margin: 0;
}
.password-reset.page__password-reset .main .contents .password .in-password .mail-info .input {
  width: 325px;
  height: 53px;
  margin-top: 7px;
  padding-left: 55px;
  margin-left: 20px;
  font-size: 17px;
  border: 2px solid #D1CDC7;
}
.password-reset.page__password-reset .main .contents .password .in-password .mail-info ::-ms-input-placeholder {
  color: #C9C6C4;
  padding-left: 30px;
}
.password-reset.page__password-reset .main .contents .password .in-password .mail-info ::placeholder {
  color: #C9C6C4;
  padding-left: 30px;
}
.password-reset.page__password-reset .main .contents .password .in-password .mail-info .mail-icon {
  position: relative;
  height: 35px;
  left: 10px;
  width: 70px;
  bottom: 43px;
  color: #A59B91;
}
.password-reset.page__password-reset .main .contents .button {
  text-align: center;
}
.password-reset.page__password-reset .main .contents .button .reset-btn {
  background-color: #ffcf3b;
  border: #a59b91 1px solid;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 50px;
  font-size: 17px;
  cursor: pointer;
}
.password-reset.page__password-reset .main .contents .link {
  margin-top: 40px;
  margin-bottom: 50px;
}
.password-reset.page__password-reset .main .contents .link a {
  color: #78716b;
  font-size: 17px;
  text-decoration: underline;
}
.password-reset.page__password-reset .text-error {
  color: red;
  position: relative;
  top: -15px;
}

.password-reset-info.page__password-reset-info .main .contents2 {
  text-align: center;
  margin-top: 22vh;
}
.password-reset-info.page__password-reset-info .main .contents2 span {
  margin: 0;
  font-size: 19px;
  color: #78716B;
}

.change-password.page__change-password .main .contents2 {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.change-password.page__change-password .main .contents2 h1 {
  margin: 0;
  font-size: 25px;
  color: #78716b;
}
.change-password.page__change-password .main .contents2 .mail .inside-mail {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  margin-top: 20px;
}
.change-password.page__change-password .main .contents2 .mail .inside-mail .new {
  margin: 0;
  font-size: 17px;
  margin-right: 200px;
  color: #78716b;
}
.change-password.page__change-password .main .contents2 .mail .inside-mail label {
  position: relative;
  margin: 0;
}
.change-password.page__change-password .main .contents2 .mail .inside-mail label .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.change-password.page__change-password .main .contents2 .mail .inside-mail label .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.change-password.page__change-password .main .contents2 .mail-2 .inside-mail {
  text-align: center;
  font-size: 30px;
}
.change-password.page__change-password .main .contents2 .mail-2 .inside-mail .new {
  margin: 0;
  font-size: 17px;
  margin-right: 150px;
  color: #78716b;
}
.change-password.page__change-password .main .contents2 .mail-2 .inside-mail label {
  position: relative;
}
.change-password.page__change-password .main .contents2 .mail-2 .inside-mail label .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.change-password.page__change-password .main .contents2 .mail-2 .inside-mail label .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.change-password.page__change-password .main .contents2 .alert {
  font-size: 12.27px;
  margin-left: 75px;
  color: #ff756d;
  position: relative;
  bottom: 10px;
}
.change-password.page__change-password .main .contents2 .button {
  text-align: center;
}
.change-password.page__change-password .main .contents2 .button .login-btn {
  background-color: #ffcf3b;
  border: 1px solid #a59b91;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 45px;
  margin-top: 25px;
  cursor: pointer;
  color: #78716b;
  margin-bottom: 20px;
}
.change-password.page__change-password .text-error {
  color: red;
}

.option-change.page__option-change .main .main-content {
  width: 100%;
  height: 100%;
}
.option-change.page__option-change .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.option-change.page__option-change .main .popbox {
  font-size: 18px;
  width: 70%;
  min-width: 35em;
  margin: 70px auto 10px auto;
  color: #78716b;
}
.option-change.page__option-change .main .option-plan {
  width: 70%;
  min-width: 44em;
  background: #fdefef;
  height: 40px;
  margin: 15px auto 10px auto;
}
.option-change.page__option-change .main .option-plan span {
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  padding-left: 15px;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack {
  width: 65%;
  min-width: 44em;
  margin: auto;
  display: grid;
  grid-template-columns: 9em 1fr;
  border-bottom: 2px solid #DBD9D8;
  padding-bottom: 10px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-one span {
  margin-left: 30px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-two {
  font-size: 16px;
  margin-top: 10px;
  color: #78716b;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-two span {
  margin-left: 20px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-three {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-four {
  font-size: 16px;
  color: #78716b;
  margin-top: 5px;
}
.option-change.page__option-change .main .basic-pack .popbox-add-two .use-fee-four span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack {
  width: 65%;
  min-width: 44em;
  margin: 10px auto 20px auto;
  display: grid;
  grid-template-columns: 9em auto 9em;
}
.option-change.page__option-change .main .option-pack .option-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .option-pack .option-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-one {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-one span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-two {
  font-size: 13px;
  color: #C3BCB5;
  margin: 8px 0px 20px 0px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-three {
  font-size: 16px;
  color: #78716b;
  font-weight: 500;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-three span {
  margin-left: 20px;
}
.option-change.page__option-change .main .option-pack .option-add-two .use-option-four {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one {
  align-items: center;
  display: flex;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one span {
  font-size: 14px;
  color: #78716b;
  line-height: 30px;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one select {
  height: 30px;
  width: 5em;
  margin-left: 10px;
  border: 1px solid #CBC5BF;
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-one select option {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two span {
  font-size: 14px;
  color: #78716b;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two select {
  height: 30px;
  width: 5em;
  border: 1px solid #CBC5BF;
  margin-left: 10px;
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .option-pack .option-add-three .select-option-two select option {
  font-size: 13px;
  color: #C3BCB5;
}
.option-change.page__option-change .main .change-pack {
  width: 65%;
  min-width: 44em;
  margin: auto;
  display: grid;
  grid-template-columns: 9em 1fr;
  padding: 10px 0px 20px 0px;
  border-top: 2px solid #7D766F;
  background: #FDF0CB;
  margin-top: 30px;
}
.option-change.page__option-change .main .change-pack .pack-add-one {
  padding-left: 35px;
}
.option-change.page__option-change .main .change-pack .pack-add-one span {
  font-size: 16px;
  font-weight: 600;
  color: #78716b;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-one {
  font-size: 22px;
  color: #78716b;
  font-weight: 600;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-one span {
  margin-left: 30px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-two {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-two span {
  margin-left: 20px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-three {
  font-size: 16px;
  color: #78716b;
  margin-top: 10px;
}
.option-change.page__option-change .main .change-pack .pack-add-two .use-change-three span {
  margin-left: 20px;
}
.option-change.page__option-change .main .alert {
  width: 65%;
  min-width: 44em;
  margin: auto;
  text-align: right;
  font-size: 0.8em;
  color: #8E8782;
}
.option-change.page__option-change .main .plan-change-application {
  display: flex;
  width: 70%;
  min-width: 44em;
  margin: 20px auto 0px auto;
  align-items: center;
}
.option-change.page__option-change .main .plan-change-application .title {
  font-size: 17px;
  color: #78716b;
}
.option-change.page__option-change .main .plan-change-application .image {
  font-size: 17px;
  border-radius: 20px;
  margin-left: 20px;
  background: #EC716A;
  padding: 3px 15px;
  color: white;
}
.option-change.page__option-change .main .plan-Description {
  width: 70%;
  min-width: 44em;
  margin: auto;
}
.option-change.page__option-change .main .plan-Description section {
  font-size: 16px;
  color: #78716b;
  margin-top: 20px;
}
.option-change.page__option-change .main .plan-Description section span {
  font-size: 16px;
}
.option-change.page__option-change .main .plan-Description section p {
  margin: 0;
}
.option-change.page__option-change .main .plan-Description section strong {
  font-size: 16px;
  color: #EE7F79;
}
.option-change.page__option-change .main .button {
  text-align: center;
  margin: 40px 40px;
}
.option-change.page__option-change .main .button span button {
  background: #F7CA4B;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  margin-right: 20px;
  color: #78716b;
}
.option-change.page__option-change .main .button button {
  background: #F0EFEF;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  color: #78716b;
}

.translation-flow-contents {
  padding: 1.5em 3em 3em;
  overflow-y: scroll;
}
.translation-flow-contents .translation-inner-top-comment {
  font-weight: normal;
}
.translation-flow-contents .translation-inner-top-comment .question-img {
  width: 18px;
  margin-bottom: 3px;
}
.translation-flow-contents .inner-flow-contents {
  width: 810px;
  margin: 0 auto;
}
.translation-flow-contents .inner-flow-contents .display-f {
  display: flex;
}
.translation-flow-contents .inner-flow-contents .df-style {
  align-items: center;
}
.translation-flow-contents .inner-flow-contents .display-g {
  display: grid;
}
.translation-flow-contents .inner-flow-contents .note {
  margin-left: 13px;
}
.translation-flow-contents .inner-flow-contents .puestion-img {
  width: 18px;
  margin-right: 5px;
  padding-top: 2px;
}
.translation-flow-contents .inner-flow-contents .label-style {
  margin-bottom: 10px;
}
.translation-flow-contents .inner-flow-contents #translation-level {
  margin-right: 0.5em;
}
.translation-flow-contents .inner-flow-contents #choice-translation-level {
  grid-template-columns: 130px 1fr;
}
.translation-flow-contents .inner-flow-contents .link-text {
  border-bottom: 1px solid #78716b;
  cursor: pointer;
}
.translation-flow-contents .inner-flow-contents .link-text:hover {
  color: #78716b;
}
.translation-flow-contents .inner-flow-contents ul {
  list-style: none;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-list {
  border: 1px solid #d7d3cf;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item {
  border-bottom: 1px solid #d7d3cf;
  grid-template-columns: 5fr 1.5fr 1.5fr;
  grid-gap: 0 10px;
  padding: 1em;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item:last-of-type {
  border-bottom: 0;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .after-sentence-wrap {
  background: #fff1f0;
  padding: 0.3em 0.8em;
  justify-content: space-between;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .after-sentence-wrap .after-sentence {
  color: #ff756d;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .after-sentence-wrap .copy-btn {
  width: 50px;
  height: 25px;
  border: 1px solid #d7d3cf;
  background: #fff;
  border-radius: 5px;
  color: #78716b;
  cursor: pointer;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links {
  justify-content: flex-end;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .approval-link, .translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .fix-link {
  padding: 0.1em 0.5em;
  color: white;
  cursor: pointer;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .approval-link {
  background: #ff756d;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .fix-link {
  background: #66b4a4;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .auto-approval {
  color: #ada49b;
}
.translation-flow-contents .inner-flow-contents .selectable-sentences-item .step-links .approved {
  background: #dad6d2;
  padding: 0.1em 0.5em;
  margin-left: 1em;
}
.translation-flow-contents .inner-flow-contents .total {
  justify-content: space-between;
  padding-top: 1em;
  border-bottom: 2px solid #a6a19d;
  padding-bottom: 0.5em;
  width: 350px;
  margin-left: 460px;
}
.translation-flow-contents .inner-flow-contents .total .total-price {
  padding-left: 3em;
}
.translation-flow-contents .inner-flow-contents .about-standard-link {
  justify-content: flex-end;
}
.translation-flow-contents .inner-flow-contents .link-style {
  color: #ff756d;
  border-bottom: 1px solid #ff756d;
}
.translation-flow-contents .inner-flow-contents .link-style:hover {
  color: #ff756d;
}
.translation-flow-contents .btn-common-style {
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  margin-top: 1.5em;
  height: 50px;
}
.translation-flow-contents .approval-btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  margin: 0 auto;
  width: 250px;
}
.translation-flow-contents .approval-btn.disabled {
  background-color: #fff9e6;
  border: #c4c1be 1px solid;
  color: #c4c1be;
}
.translation-flow-contents .t-red {
  color: #ff756d;
}
.translation-flow-contents .input-style {
  border: 1px solid #d7d3cf;
  padding-left: 10px;
}
.translation-flow-contents .input-select {
  width: 230px;
  height: 45px;
  margin-left: 15px;
}
.translation-flow-contents .input-textarea {
  width: 100%;
  height: 70px;
  padding: 0.5em;
}
.translation-flow-contents ::-ms-input-placeholder {
  color: #b4aca4;
}
.translation-flow-contents ::placeholder {
  color: #b4aca4;
}
.translation-flow-contents .fs12 {
  font-size: 0.75rem;
}
.translation-flow-contents .note,
.translation-flow-contents .fs13 {
  font-size: 0.8rem;
}
.translation-flow-contents .fs15 {
  font-size: 0.9rem;
}
.translation-flow-contents .fs16 {
  font-size: 1rem;
}
.translation-flow-contents .fs24 {
  font-size: 1.4rem;
}
.translation-flow-contents .fw500 {
  font-weight: 500;
}
.translation-flow-contents .fw400 {
  font-weight: 400;
}
.translation-flow-contents .t-center {
  text-align: center;
}
.translation-flow-contents .t-right {
  text-align: right;
}
.translation-flow-contents .m0 {
  margin: 0;
}
.translation-flow-contents .mb05em {
  margin-bottom: 0.5em;
}
.translation-flow-contents .mb1em {
  margin-bottom: 1em;
}
.translation-flow-contents .mb2em {
  margin-bottom: 2em;
}
.translation-flow-contents .mt1em {
  margin-top: 1em;
}
.translation-flow-contents .mr1em {
  margin-right: 1em;
}
.translation-flow-contents .p0 {
  padding: 0;
}
.translation-flow-contents .pt05em {
  padding-top: 0.5em;
}
.translation-flow-contents .pl1em {
  padding-left: 1em;
}
.translation-flow-contents .ffs-palt {
  font-feature-settings: "palt";
}
.translation-flow-contents .comment-detail {
  position: relative;
  background: #f1f0ee;
  padding: 0.8em;
}
.translation-flow-contents .comment-label {
  justify-content: space-between;
  background: #f1f0ee;
  padding: 0 0.8em;
}
.translation-flow-contents .comment-label .accordion-arrow-wrap {
  width: 30px;
  transform: rotate(90deg);
}
.translation-flow-contents .inner-detail .back-white {
  background: #fff;
  padding: 0.5em 0.5em 1.5em;
}
.translation-flow-contents [id^=comment-accordion] ~ .comment-detail,
.translation-flow-contents [id^=comment-accordion] {
  display: none;
}
.translation-flow-contents [id^=comment-accordion]:checked ~ .comment-detail {
  display: block;
}
.translation-flow-contents .progress-wrap {
  position: relative;
  height: 50px;
}
.translation-flow-contents .progress-wrap .progress {
  width: 310px;
  display: flex;
  justify-content: space-between;
  z-index: 0;
  position: absolute;
  right: 0;
}
.translation-flow-contents .progress-wrap .progress .progress-bar {
  position: absolute;
  left: 4%;
  width: 90%;
  height: 2px;
  background-color: #a6a19d;
  z-index: -1;
  top: 8px;
  height: 2px;
}
.translation-flow-contents .progress-wrap .progress-item {
  color: #a6a19d;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.translation-flow-contents .progress-wrap .progress-item .circle {
  border-radius: 50%;
}
.translation-flow-contents .progress-wrap .progress-item.isactive {
  color: #ffc30a;
}
.translation-flow-contents .progress-wrap .progress-item-circleinner.isactive {
  background: #ffc30a;
}
.translation-flow-contents .progress-wrap .progress-item.variable-bar::before {
  content: "";
  display: inline-block;
  width: 95px;
  height: 2px;
  background: #ffc30a;
  margin: 0 10px 0 0px;
  position: absolute;
  top: 8px;
}
.translation-flow-contents .progress-wrap .progress-item.bar1::before {
  left: 10px;
}
.translation-flow-contents .progress-wrap .progress-item.bar2::before {
  left: 100px;
}
.translation-flow-contents .progress-wrap .progress-item.bar3::before {
  left: 200px;
}
.translation-flow-contents .progress-wrap .progress-item-circleinner {
  width: 16px;
  height: 16px;
  background-color: #a6a19d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.translation-flow-contents .progress-wrap .progress-item-circleinner:last-of-type::after {
  content: none;
}
.translation-flow-contents .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 750px;
  background-color: #fffaf5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 10;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.translation-flow-contents .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.translation-flow-contents [id*=pop-translation] {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.translation-flow-contents [id*=pop-translation]:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}

.page__translation-history-list .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__translation-history-list .main .main-contents {
  width: 90%;
  margin: 0 auto;
  padding-top: 3em;
}
.page__translation-history-list .main .main-contents .inner-title {
  font-size: 1.3rem;
}
.page__translation-history-list .main .main-contents .main-sections {
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.page__translation-history-list .main .main-contents .main-sections .in-month {
  position: relative;
}
.page__translation-history-list .main .main-contents .main-sections .in-month .calendar-style {
  width: 145px;
  height: 40px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 45px;
  -webkit-appearance: none;
}
.page__translation-history-list .main .main-contents .main-sections .in-month .calendar-icon {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__translation-history-list .main .main-contents .main-sections .radio-label {
    width: 8em;
  }
}
.page__translation-history-list .main .main-contents .main-sections .section .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.page__translation-history-list .main .main-contents .main-sections .section .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date {
  margin-left: 20px;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date .img-1 {
  cursor: pointer;
  padding-right: 10px;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date div label .input {
  height: 50px;
  margin: 10px;
  border: 1px solid #CEC8C2;
  padding: 5px 0 5px 50px;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__translation-history-list .main .main-contents .main-sections .section .month-and-date .img-2 {
  cursor: pointer;
  padding-left: 10px;
}
.page__translation-history-list .main .main-contents .main-sections .section-2 .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.page__translation-history-list .main .main-contents .main-sections .section-2 .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.page__translation-history-list .main .main-contents .main-sections .section-2 .month-and-date {
  margin-left: 20px;
}
.page__translation-history-list .main .main-contents .main-sections .section-2 .month-and-date .w-line label {
  margin-bottom: 0;
}
.page__translation-history-list .main .main-contents .main-sections .amount-wrap {
  border-bottom: #aaa9a8 solid 1px;
  justify-content: flex-end;
  display: flex;
  width: 20em;
  margin-left: auto;
  align-items: baseline;
}
.page__translation-history-list .main .main-contents .main-sections .amount-wrap .text {
  margin-right: auto;
}
.page__translation-history-list .main .main-contents .main-sections .amount-wrap .amount {
  font-size: 1.5em;
  padding-right: 5px;
}
.page__translation-history-list .main .main-contents .search {
  text-align: center;
  margin: auto;
  height: 50px;
  display: flex;
  justify-content: flex-end;
}
.page__translation-history-list .main .main-contents .search .in-search .input {
  width: 20em;
  height: 40px;
  border: 1px solid #D2CDC8;
  padding: 0 0 0 10px;
}
.page__translation-history-list .main .main-contents .search .in-search ::-ms-clear {
  visibility: hidden;
}
.page__translation-history-list .main .main-contents .search .in-search ::-ms-input-placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.page__translation-history-list .main .main-contents .search .in-search ::placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.page__translation-history-list .main .main-contents .search .in-search .search-icon {
  position: relative;
  width: 35px;
  height: 35px;
  left: 240px;
  color: #A49A90;
  bottom: 40px;
  cursor: pointer;
}
.page__translation-history-list .main .main-contents .d-flex {
  display: flex;
  align-items: center;
}
.page__translation-history-list .main .main-contents .history-list-table {
  width: 100%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5%;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table {
  width: 100%;
  table-layout: fixed;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .head {
  border-bottom: 2px solid;
  border-top: 2px solid;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .detail-wrap {
  border-bottom: 1px solid;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list {
  border-color: #78716b;
  text-align: center;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .inner-width {
  width: 7.5%;
  word-break: break-all;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .tier-width {
  width: 8%;
  word-break: break-all;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .wide {
  width: 15%;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .user {
  width: 10%;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .price {
  width: 10%;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .blank {
  width: 5%;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .t-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
  background: rgb(247, 246, 245);
  height: 40px;
  font-size: 0.9rem;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
    font-size: 1.2vw;
  }
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
  font-weight: 400;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
  font-size: 0.85rem;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
    font-size: 1.1vw;
  }
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
  height: 60px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.page__translation-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail .detail-link {
  color: #ec716a;
  border-bottom: 1px solid #ec716a;
}
.page__translation-history-list .page-footer {
  background: #FFFAF5;
}

.page__translation-history-details .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__translation-history-details .main .main-contents {
  width: 90%;
  margin: 0 auto;
  padding-top: 3em;
}
.page__translation-history-details .main .main-contents .inner-title {
  font-size: 1.3rem;
  border-bottom: 2px solid #78716b;
}
.page__translation-history-details .main .main-contents .detail-item-list {
  display: grid;
  grid-template-columns: 180px 1fr;
  grid-gap: 10px;
  padding: 1em;
  font-size: 1rem;
  margin-bottom: 0;
}
.page__translation-history-details .main .main-contents .detail-item-list .link {
  border-bottom: 1px solid #78716b;
  cursor: pointer;
}
.page__translation-history-details .main .main-contents .button {
  margin-bottom: 2em;
}
.page__translation-history-details .main .main-contents .button .back-btn {
  background: #f0efef;
  border: 1px solid #a49a90;
  width: 160px;
  height: 50px;
  display: block;
  margin: 0 30% auto;
  color: #78716b;
  font-size: 1.05rem;
}
.page__translation-history-details .page-footer {
  background: #FFFAF5;
}

.page__billing-history .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__billing-history .main .main-contents {
  width: 85%;
  margin: 0 auto;
  padding-top: 4em;
}
.page__billing-history .main .main-contents .inner-title {
  font-size: 1.3rem;
  margin-bottom: 1em;
}
.page__billing-history .main .main-contents .history-list-table {
  width: 100%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5%;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .head {
  border-bottom: 2px solid;
  border-top: 2px solid;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .detail-wrap {
  border-bottom: 1px solid;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list {
  border-color: #78716b;
  text-align: center;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list .inner-width {
  width: 13%;
  word-break: break-all;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list .wide {
  width: 22%;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
  background: rgb(247, 246, 245);
  height: 50px;
  font-size: 1rem;
  font-weight: 400;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
  font-size: 0.95rem;
  height: 60px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.page__billing-history .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail .detail-link {
  color: #ec716a;
  border-bottom: 1px solid #ec716a;
}
.page__billing-history .main .main-contents .note-wrap .note {
  margin: 0;
  font-size: 0.85rem;
  color: #a49a90;
}
.page__billing-history .main .main-contents .button {
  margin-bottom: 3em;
}
.page__billing-history .main .main-contents .button .back-btn {
  background: #f0efef;
  border: 1px solid #a49a90;
  width: 160px;
  height: 50px;
  display: block;
  margin: 1em auto 0;
  color: #78716b;
  font-size: 1.05rem;
}
.page__billing-history .page-footer {
  background: #FFFAF5;
}

.page__payment-history-list .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__payment-history-list .main h1 {
  font-size: 1.3rem;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.page__payment-history-list .main .main-contents {
  width: 85%;
  margin: 0 auto;
  padding-top: 3em;
}
.page__payment-history-list .main .main-contents .inner-title {
  font-size: 1.15rem;
  margin-bottom: 1em;
}
.page__payment-history-list .main .main-contents .history-list-table {
  width: 100%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5%;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .head {
  border-bottom: 2px solid;
  border-top: 2px solid;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .detail-wrap {
  border-bottom: 1px solid;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list {
  border-color: #78716b;
  text-align: center;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .inner-width {
  word-break: break-all;
  padding: 0 0.5em;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-1 {
  width: 20%;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-2, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-3, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-4 {
  width: 23%;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-5 {
  width: 13%;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-1, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-2, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-3, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .w-4 {
  text-align: left;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
  background: rgb(247, 246, 245);
  height: 50px;
  font-size: 1rem;
  font-weight: 400;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label.w-1, .page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label.w-2 {
  padding-left: 2em;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label.w-4 {
  text-align: center;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
  font-size: 0.95rem;
  height: 60px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.page__payment-history-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail .detail-link {
  color: #ec716a;
  border-bottom: 1px solid #ec716a;
}
.page__payment-history-list .main .main-contents .note-wrap .note {
  margin: 0;
  font-size: 0.75rem;
  color: #a49a90;
}
.page__payment-history-list .main .main-contents .button {
  margin-bottom: 3em;
}
.page__payment-history-list .main .main-contents .button .back-btn {
  background: #f0efef;
  border: 1px solid #a49a90;
  width: 160px;
  height: 50px;
  display: block;
  margin: 1em auto 0;
  color: #78716b;
  font-size: 1.05rem;
}

.dashboard.page__request .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.dashboard.page__request .main-contents .contents-1 .headline {
  width: 100%;
  align-items: center;
  background-color: #F7ECDD;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
}
.dashboard.page__request .main-contents .contents-1 .headline .headline-contents {
  height: 45px;
  width: 50px;
  margin-right: 10px;
}
.dashboard.page__request .main-contents .contents-2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.dashboard.page__request .main-contents .contents-2 .pickup {
  margin: 20px 0 10px 0;
  text-align: right;
}
.dashboard.page__request .main-contents .contents-2 .pickup .pickup-contents {
  align-items: right;
}
.dashboard.page__request .main-contents .contents-2 .pickup .export {
  display: inline-flex;
  align-items: center;
  background: #FFF1C7;
  height: 40px;
  width: 150px;
  padding: 0 5px;
  border: #a59b91 1px solid;
}
.dashboard.page__request .main-contents .contents-2 .pickup .export .export-contents {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.dashboard.page__request .main-contents .contents-2 table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  width: 100%;
}
.dashboard.page__request .main-contents .contents-2 table tr {
  border-bottom: solid 1px #b7afa7;
}
.dashboard.page__request .main-contents .contents-2 table td.left-padding {
  padding: 0 30px 0 40px;
}
.dashboard.page__request .main-contents .contents-2 table th,
.dashboard.page__request .main-contents .contents-2 table td {
  text-align: left;
  padding: 10px;
  font-size: 14px;
}
.dashboard.page__request .main-contents .contents-2 table tr:first-child {
  background-color: #f7f6f5;
}
.dashboard.page__request .main-contents .contents-2 table td:nth-child(3) {
  text-align: center;
}
.dashboard.page__request .main-contents .contents-2 table td:nth-child(4) {
  text-align: center;
}
.dashboard.page__request .main-contents .contents-2 table td:last-child {
  width: 40%;
}
.dashboard.page__request .main-contents .contents-2 table .edit-page {
  color: #049e93;
  border: solid 1px #049e93;
  border-radius: 10px;
  background: #fff;
  padding: 0px 10px;
}

.upgrade.page__upgrade #main .main-content {
  width: 91%;
  margin: 60px auto 20px auto;
}
.upgrade.page__upgrade #main .main-content h1 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
}
.upgrade.page__upgrade #main .main-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade.page__upgrade #main .main-title .image {
  font-size: 21px;
  color: #78716b;
  padding-bottom: 5px;
  margin-top: 50px;
  font-weight: 500;
  border-bottom: 4px solid #FFD950;
}
.upgrade.page__upgrade #main .main-title img {
  width: 138px;
}
.upgrade.page__upgrade #main .payment-plan {
  display: grid;
  grid-template-columns: 25% 37.5% 37.5%;
  width: 91%;
  margin: 10px auto 0px auto;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan {
    width: 98%;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-one {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list-one {
  height: 200px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list {
  height: 70px;
  font-size: 17px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-one .payment-list {
    font-size: 1.7vw;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-one .payment-list {
  line-height: 70px;
  color: #78716b;
  border-bottom: 2px solid #D1CCC7;
  font-weight: 500;
}
.upgrade.page__upgrade #main .payment-plan .payment-two {
  border: 2px solid #D1CCC7;
  text-align: center;
  margin-left: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one {
  height: 200px;
  background: #E0EFE9;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .green-border {
  background: #65CFB9;
  height: 10px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .way {
  font-size: 17px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .way {
    font-size: 1.7vw;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .way {
  font-weight: 500;
  color: #78716b;
  padding: 10px 0px 10px 0px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
  font-size: 26px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
    font-size: 2.2vw;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one .free-plan {
  color: #41AA93;
  padding: 20px;
  font-weight: 600;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-one button {
  background: #E0EFE9;
  font-size: 16px;
  border: 1px solid #ACA69C;
  color: #ADA79D;
  padding: 3px 13px;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title {
  background: #FFF6F1;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title .present-plan {
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  color: #78716b;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-two .present-plan-title .present-plan-last {
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three {
  text-align: center;
  border: 2px solid #D1CCC7;
  margin-left: 10px;
  background: #FFF6F1;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one {
  height: 200px;
  background: #F2E4DC;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .red-border {
  height: 10px;
  background: #F2908E;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .inside {
  font-size: 17px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .inside {
    font-size: 1.7vw;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .inside {
  color: #78716b;
  font-weight: 500;
  padding: 10px 0px 10px 0px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image {
  text-align: center;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan, .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan-smaregi {
  font-size: 26px;
  color: #EC716A;
  font-weight: 600;
  margin: 0;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan, .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan-smaregi {
    font-size: 22px;
    margin: 0;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .enjoy-plan-smaregi {
  padding: 20px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .banner {
  background: #FFF6F1;
  line-height: 40px;
  margin: 0.5em;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image .banner .highlight {
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one .text-image img {
  height: 60px;
  object-fit: contain;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-one button {
  background: #EC716A;
  font-size: 16px;
  border: 1px solid #EFA49C;
  color: #FFFF50;
  padding: 5px 25px;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-two {
  margin-left: 10px;
  margin-right: 10px;
  height: 70px;
  font-size: 17px;
  line-height: 70px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-three {
  height: 70px;
  line-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 17px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-one {
  font-size: 17px;
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
  font-size: 13px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
    font-size: 1.2vw;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-four .option-two {
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-five {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 70px;
  font-size: 17px;
  color: #EE7E77;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six {
  height: 70px;
  padding-top: 10px;
  border-bottom: 2px solid #D1CCC7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-one {
  font-size: 17px;
  color: #EE7E77;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
  font-size: 13px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
    font-size: 10px;
  }
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-six .add-two {
  color: #78716b;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-seven {
  height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 70px;
  font-size: 17px;
  color: #EE7E77;
  border-bottom: 2px solid #d1ccc7;
}
.upgrade.page__upgrade #main .payment-plan .payment-three .enjoy-plan-eight {
  height: 70px;
  margin-left: 0px 10px 0px 10px;
  line-height: 70px;
  font-size: 17px;
  color: #EE7E77;
}
.upgrade.page__upgrade .smaregi-text {
  width: 91%;
  margin: 20px auto 50px;
}
.upgrade.page__upgrade .smaregi-text .smaregi-text-border {
  border: #EA605D 2px solid;
  margin: auto;
  padding: 15px 20px;
  width: 420px;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.upgrade.page__upgrade .smaregi-text .smaregi-text-border p {
  margin: auto 20px;
  line-height: 1.2em;
}
.upgrade.page__upgrade .imp-text {
  width: 91%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  font-size: 13px;
  color: #78716b;
  margin-bottom: 40px;
}
.upgrade.page__upgrade .release-plan {
  text-align: center;
  font-size: 18.67px;
  color: #EE7E77;
  margin: 20px 0px 40px 0px;
}

.credit-card-register.page__credit-card-register h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.credit-card-register.page__credit-card-register .payment-method {
  width: 60%;
  border-bottom: 2px solid #C4C1BF;
  height: 40px;
  margin: 15px auto 30px auto;
}
.credit-card-register.page__credit-card-register .payment-method span {
  margin: 0;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  color: #78716b;
}
.credit-card-register.page__credit-card-register .input-details {
  width: 60%;
  margin: auto;
}
.credit-card-register.page__credit-card-register .input-details label {
  font-size: 15px;
  width: 13em;
  text-align: right;
}
.credit-card-register.page__credit-card-register .input-details input {
  height: 40px;
  border: 1px solid #C4C1BE;
  margin-left: 20px;
  padding-left: 15px;
}
.credit-card-register.page__credit-card-register .month-and-date {
  width: 60%;
  margin: auto;
  display: flex;
  margin-top: 20px;
}
.credit-card-register.page__credit-card-register .month-and-date label {
  width: 15em;
  font-size: 13px;
  text-align: right;
  color: #78716b;
}
.credit-card-register.page__credit-card-register .month-and-date .part-1 {
  width: 15%;
  height: 40px;
  padding-left: 10px;
  margin-left: 20px;
  border: 1px solid #C4C1BE;
}
.credit-card-register.page__credit-card-register .month-and-date span {
  margin-left: 10px;
}
.credit-card-register.page__credit-card-register .month-and-date .part-2 {
  width: 15%;
  height: 40px;
  padding-left: 10px;
  margin-left: 10px;
  border: 1px solid #C4C1BE;
}
.credit-card-register.page__credit-card-register .month-and-date ::-ms-input-placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-register.page__credit-card-register .month-and-date ::placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-register.page__credit-card-register .month-and-date .privat {
  align-items: center;
  display: flex;
}
.credit-card-register.page__credit-card-register .month-and-date .privat label {
  width: 13em;
  font-size: 13px;
  text-align: center;
  margin: 0;
  color: #78716b;
}
.credit-card-register.page__credit-card-register .month-and-date .privat .part-3 {
  width: 90%;
  height: 40px;
  border: 1px solid #C4C1BE;
  padding-left: 10px;
}
.credit-card-register.page__credit-card-register .credit-iteam {
  display: flex;
  align-items: center;
  width: 53%;
  margin: 30px auto 10px auto;
}
.credit-card-register.page__credit-card-register .credit-iteam .iteam-text {
  font-size: 16px;
  color: #78716b;
}
.credit-card-register.page__credit-card-register .credit-iteam .iteam-image {
  margin-left: 10px;
}
.credit-card-register.page__credit-card-register .credit-iteam .iteam-image img {
  height: 50px;
  width: 65px;
  object-fit: contain;
  padding: 0px 5px 0px 5px;
}
.credit-card-register.page__credit-card-register .Description {
  width: 53%;
  margin: auto;
  padding-bottom: 20px;
  font-size: 13px;
  color: #A7A29E;
}
.credit-card-register.page__credit-card-register .line {
  width: 60%;
  margin: auto;
  border-top: 2px solid #C4C1BF;
}
.credit-card-register.page__credit-card-register .button-btn {
  text-align: center;
  margin-top: 40px;
}
.credit-card-register.page__credit-card-register button {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 16px;
  padding: 10px 60px;
  color: #78716b;
}

.credit-card-change.page__credit-card-change nav .icon-button[data-v-48c18036] {
  max-height: 77px;
}
.credit-card-change.page__credit-card-change nav .icon-button .icon-button-icon[data-v-48c18036] {
  max-height: 61px;
}
.credit-card-change.page__credit-card-change nav .popkit-icon[data-v-cc6d9aae] {
  max-height: 61px;
}
.credit-card-change.page__credit-card-change .main .main-content {
  width: 100%;
  height: 100%;
}
.credit-card-change.page__credit-card-change .main .main-content h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.credit-card-change.page__credit-card-change .main .credit-card {
  width: 70%;
  margin: 40px auto 10px auto;
  font-size: 18px;
  border-bottom: 1px solid #A39E9A;
  padding-bottom: 20px;
  color: #78716b;
  font-weight: 500;
}
.credit-card-change.page__credit-card-change .main .present-credit-card {
  width: 63%;
  margin: auto;
  font-size: 16px;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .secure {
  width: 63%;
  margin: auto;
  text-align-last: right;
  padding-right: 30px;
}
.credit-card-change.page__credit-card-change .main .secure .one {
  font-size: 18px;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .secure .two {
  font-size: 12px;
  color: #A7A29F;
  padding-bottom: 20px;
}
.credit-card-change.page__credit-card-change .main .secure dl div {
  display: flex;
}
.credit-card-change.page__credit-card-change .main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  width: 70%;
  margin: auto;
}
.credit-card-change.page__credit-card-change .main .card-change {
  font-size: 16px;
  width: 63%;
  margin: auto;
  padding: 15px 0px 30px 0px;
}
.credit-card-change.page__credit-card-change .main .input-details {
  width: 60%;
  margin: auto;
}
.credit-card-change.page__credit-card-change .main .input-details label {
  font-size: 15px;
  width: 13em;
  text-align: right;
}
.credit-card-change.page__credit-card-change .main .input-details input {
  height: 40px;
  border: 1px solid #C4C1BE;
  margin-left: 20px;
  padding-left: 15px;
}
.credit-card-change.page__credit-card-change .main .month-and-date {
  width: 60%;
  margin: auto;
  display: flex;
  margin-top: 20px;
}
.credit-card-change.page__credit-card-change .main .month-and-date label {
  width: 15em;
  font-size: 13px;
  text-align: right;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .month-and-date .part-1 {
  width: 15%;
  height: 40px;
  margin-left: 20px;
  border: 1px solid #C4C1BE;
}
.credit-card-change.page__credit-card-change .main .month-and-date span {
  margin-left: 10px;
}
.credit-card-change.page__credit-card-change .main .month-and-date .part-2 {
  width: 15%;
  height: 40px;
  padding-left: 10px;
  margin-left: 10px;
  border: 1px solid #C4C1BE;
}
.credit-card-change.page__credit-card-change .main .month-and-date ::-ms-input-placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-change.page__credit-card-change .main .month-and-date ::placeholder {
  padding-left: 20px;
  color: #D5D1CD;
  font-size: 15px;
}
.credit-card-change.page__credit-card-change .main .month-and-date .privat {
  align-items: center;
  display: flex;
}
.credit-card-change.page__credit-card-change .main .month-and-date .privat label {
  width: 13em;
  font-size: 13px;
  text-align: center;
  margin: 0;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .month-and-date .privat .part-3 {
  width: 90%;
  height: 40px;
  border: 1px solid #C4C1BE;
}
.credit-card-change.page__credit-card-change .main .credit-iteam {
  display: flex;
  align-items: center;
  width: 53%;
  margin: 30px auto 10px auto;
}
.credit-card-change.page__credit-card-change .main .credit-iteam .iteam-text {
  font-size: 16px;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .credit-iteam .iteam-image {
  margin-left: 10px;
}
.credit-card-change.page__credit-card-change .main .credit-iteam .iteam-image img {
  height: 50px;
  width: 65px;
  object-fit: contain;
  padding: 0px 5px 0px 5px;
}
.credit-card-change.page__credit-card-change .main .Description {
  width: 53%;
  margin: auto;
  padding-bottom: 20px;
  font-size: 13px;
  color: #A7A29E;
}
.credit-card-change.page__credit-card-change .main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  width: 70%;
  margin: auto;
}
.credit-card-change.page__credit-card-change .main .button {
  text-align: center;
  margin: 40px 40px 60px 40px;
}
.credit-card-change.page__credit-card-change .main .button span button {
  background: #F7CA4B;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 60px;
  margin-right: 20px;
  color: #78716b;
}
.credit-card-change.page__credit-card-change .main .button button {
  background: #F0EFEF;
  border: 1px solid #D5CEC1;
  font-size: 17px;
  padding: 7px 40px;
  color: #78716b;
}

.policy-top.page__policy-top .terms-of-service {
  height: 100%;
  width: 100%;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service {
  width: 85%;
  height: fit-content;
  margin: 50px auto auto auto;
  border: 1px solid #b6aea6;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .service {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 15px 0px 0px 5px;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .service .arrow-icon {
  color: #F5BD1E;
  height: 40px;
  width: 40px;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .service h2 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
  position: relative;
  right: 8px;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service p {
  font-size: 15px;
  margin: 0;
  margin-top: 10px;
  padding-left: 10px;
  color: #78716b;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service p span {
  padding-left: 10px;
  color: #78716b;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .input {
  align-items: center;
  display: inline-flex;
  margin: 20px 0px 20px 0px;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .input .check {
  height: 25px;
  width: 20px;
  margin-left: 20px;
  background: white;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .input .checkbox-text {
  color: #FF8882;
  text-indent: 10px;
  font-size: 15px;
  margin: 0;
}
.policy-top.page__policy-top .terms-of-service .in-terms-of-service .input input[type=checkbox][readonly] {
  pointer-events: none;
}
.policy-top.page__policy-top .privacy-policy {
  height: 100%;
  width: 100%;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy {
  width: 85%;
  height: fit-content;
  margin: 20px auto auto auto;
  border: 1px solid #b6aea6;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .policy {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 15px 0px 0px 5px;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .policy .arrow-icon {
  color: #F5BD1E;
  height: 40px;
  width: 40px;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .policy h2 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
  position: relative;
  right: 8px;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy p {
  font-size: 15px;
  padding-left: 15px;
  margin: 0;
  margin-top: 10px;
  color: #78716b;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .input {
  align-items: center;
  display: inline-flex;
  margin: 20px 0px 20px 0px;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .input .check {
  height: 25px;
  width: 20px;
  margin-left: 20px;
  background: white;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .input .checkbox-text {
  color: #FF8882;
  text-indent: 10px;
  font-size: 15px;
  margin: 0;
}
.policy-top.page__policy-top .privacy-policy .in-privacy-policy .input input[type=checkbox][readonly] {
  pointer-events: none;
}
.policy-top.page__policy-top .specific-commerce {
  width: 100%;
  height: 100%;
}
.policy-top.page__policy-top .specific-commerce .in-specific-commerce {
  width: 85%;
  margin: 30px auto auto auto;
  border: 1px solid #b6aea6;
}
.policy-top.page__policy-top .specific-commerce .in-specific-commerce .commerce {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 10px 0px 10px 5px;
}
.policy-top.page__policy-top .specific-commerce .in-specific-commerce .commerce .arrow-icon {
  color: #F5BD1E;
  height: 40px;
  width: 40px;
}
.policy-top.page__policy-top .specific-commerce .in-specific-commerce .commerce h2 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
  position: relative;
  right: 8px;
}
.policy-top.page__policy-top .terms-and-conditions-policy {
  width: 100%;
  height: 100%;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy {
  width: 85%;
  margin: 30px auto auto auto;
  border: 1px solid #b6aea6;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .terms-and-conditions {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 10px 0px 0px 5px;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .terms-and-conditions .arrow-icon {
  color: #F5BD1E;
  height: 40px;
  width: 40px;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .terms-and-conditions h2 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
  position: relative;
  right: 8px;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy p {
  font-size: 15px;
  padding-left: 15px;
  margin: 0;
  margin-top: 10px;
  color: #78716b;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .input {
  align-items: center;
  display: inline-flex;
  margin: 20px 0px 20px 0px;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .input .check {
  height: 25px;
  width: 20px;
  margin-left: 20px;
  background: white;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .input .checkbox-text {
  color: #FF8882;
  text-indent: 10px;
  font-size: 15px;
  margin: 0;
}
.policy-top.page__policy-top .terms-and-conditions-policy .in-terms-and-conditions-policy .input input[type=checkbox][readonly] {
  pointer-events: none;
}
.policy-top.page__policy-top .recommended-environment {
  width: 100%;
  height: 100%;
}
.policy-top.page__policy-top .recommended-environment .in-recommended-environment {
  width: 85%;
  margin: 20px auto 10px auto;
  border: 1px solid #b6aea6;
}
.policy-top.page__policy-top .recommended-environment .in-recommended-environment .environment {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 10px 0px 10px 5px;
}
.policy-top.page__policy-top .recommended-environment .in-recommended-environment .environment .arrow-icon {
  color: #F5BD1E;
  height: 40px;
  width: 40px;
}
.policy-top.page__policy-top .recommended-environment .in-recommended-environment .environment h2 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
  position: relative;
  right: 8px;
}

.term-policy.page__term-policy .top {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.term-policy.page__term-policy .top span {
  color: #F5bd1e;
  font-weight: 400;
  margin-left: 10px;
}
.term-policy.page__term-policy .terms-of-service {
  width: 84%;
  margin: auto;
  border: 1px solid #b6aea6;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.term-policy.page__term-policy .terms-of-service .section {
  padding: 0px 40px;
}
.term-policy.page__term-policy .terms-of-service .section h2 {
  margin: 0;
  font-size: 20px;
  padding: 20px 0 20px 0;
  color: #78716b;
  font-weight: 500;
}
.term-policy.page__term-policy .terms-of-service .section p {
  margin: 0;
  color: #78716b;
  font-size: 16px;
  padding-bottom: 30px;
}
.term-policy.page__term-policy .terms-of-service .info-service {
  padding: 0px 40px;
  position: relative;
  bottom: 10px;
}
.term-policy.page__term-policy .terms-of-service .info-service span {
  font-size: 15px;
  margin: 0;
  color: #78716b;
}
.term-policy.page__term-policy .terms-of-service .info-service ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
.term-policy.page__term-policy .terms-of-service .info-service ul li {
  padding: 5px 0px;
  color: #78716b;
  font-weight: 400;
  list-style: none;
}

.privacy-policy.page__privacy-policy .content {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.privacy-policy.page__privacy-policy .content span {
  color: #F5bd1e;
  font-weight: 400;
  margin-left: 10px;
}
.privacy-policy.page__privacy-policy .terms-of-service {
  width: 100%;
  height: 100%;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service {
  width: 84%;
  margin: auto;
  border: 1px solid #B6AEA6;
  margin-bottom: 30px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service h2 {
  margin: 0;
  font-size: 20px;
  padding: 30px 40px 30px 40px;
  color: #78716b;
  font-size: 500;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service p {
  margin: 0;
  color: #78716b;
  font-size: 16px;
  padding: 0px 40px 20px 40px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text {
  padding: 0px 40px 60px 40px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text span {
  font-size: 15px;
  margin: 0;
  color: #78716b;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text ul li {
  padding: 2px 0px;
  color: #78716b;
  font-weight: 400;
  list-style: none;
}

.notation-base-policy.page__notation-base-policy .main .content {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.notation-base-policy.page__notation-base-policy .main .content span {
  color: #F5bd1e;
  font-weight: 500;
  margin-left: 10px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific {
  width: 84%;
  margin: 10px auto 40px auto;
  border: 1px solid #b6aea6;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific {
  padding-left: 40px;
  padding-bottom: 50px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific h2 {
  margin: 0;
  font-size: 20px;
  padding: 30px 0 10px 0;
  color: #78716b;
  font-weight: 500;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section {
  padding: 15px 0px 15px 0px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section div {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section span {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section p {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}

.recommended-policy.page__recommended-policy .main .content {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.recommended-policy.page__recommended-policy .main .content span {
  color: #F5bd1e;
  font-weight: 500;
  margin-left: 10px;
}
.recommended-policy.page__recommended-policy .main .recommended-environment {
  width: 84%;
  margin: auto;
  border: 1px solid #b6aea6;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment {
  padding-left: 40px;
  padding-bottom: 50px;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment h2 {
  margin: 0;
  font-size: 20px;
  padding: 30px 0 10px 0;
  color: #78716b;
  font-weight: 500;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment section p {
  margin: 0;
  font-size: 15px;
  color: #78716b;
  padding: 10px 0px 30px 0px;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment section span {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment section div {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}

.terms-and-conditions.page__terms-and-conditions .main .content {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .content span {
  color: #F5bd1e;
  font-weight: 500;
  margin-left: 10px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific {
  width: 84%;
  margin: 10px auto 40px auto;
  border: 1px solid #b6aea6;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific {
  padding-left: 40px;
  padding-bottom: 50px;
  padding: 0px 40px 40px 40px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific h2 {
  margin: 0;
  font-size: 20px;
  padding: 30px 0 0px 0;
  color: #78716b;
  font-weight: 500;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific p {
  font-size: 16px;
  margin: 0;
  color: #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .check {
  margin-top: 20px;
  font-size: 16px;
  color: #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .first-look {
  font-size: 12px;
  color: #78716b;
  margin-top: 10px;
  margin-bottom: 30px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table table {
  border: 1px solid #78716b;
  width: 100%;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 {
  margin-top: 30px;
  border: 1px solid #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 table {
  width: 100%;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 table td.count {
  width: 5%;
  border-right: 1px solid #808287;
  text-align: center;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .in-notation-base-specific .table1 table td.title {
  width: 20%;
  border-right: 1px solid #808287;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 {
  margin-top: 30px;
  border: 1px solid #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table {
  width: 100%;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table span.right-button {
  background: #ff756d;
  color: #fff;
  float: right;
  margin-right: 7px;
  padding: 2px 10px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table td.count {
  width: 5%;
  border-right: 1px solid #808287;
  text-align: center;
}
.terms-and-conditions.page__terms-and-conditions .main .notation-base-specific .table2 table td.title {
  width: 20%;
  border-right: 1px solid #808287;
  padding: 10px 10px;
}
.terms-and-conditions.page__terms-and-conditions .main span.date {
  float: right;
  margin: 10px 0px;
  font-size: 16px;
  color: #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2em;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button {
  text-align: center;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style {
  width: 45vw;
  height: 68vh;
  background-color: white;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont {
  width: 87%;
  margin: 0 auto;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-title {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text {
  background: none;
  padding: 0;
  overflow: none;
  font-size: 1rem;
  height: auto;
  border: none;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text .text-head {
  margin-bottom: 1.5em;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list {
  width: 100%;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap {
  font-size: 1.05rem;
  border-bottom: 1px solid #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:first-of-type, .terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:last-of-type {
  border-bottom: 2px solid #78716b;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap th {
  font-weight: normal;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .title {
  text-align: center;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .right {
  width: 70%;
  text-align: center;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .left {
  width: 30%;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .text-right {
  text-align: right;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td {
  padding: 0.2em 0;
}
.terms-and-conditions.page__terms-and-conditions .main .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td :first-of-type {
  padding-right: 1em;
}
.terms-and-conditions.page__terms-and-conditions .main #about-account {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.terms-and-conditions.page__terms-and-conditions .main #about-account:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}

.policy.page__policy .terms-of-service {
  height: 100%;
  width: 100%;
}
.policy.page__policy .terms-of-service .in-terms-of-service {
  width: 85%;
  height: fit-content;
  margin: 50px auto auto auto;
  border: 2px solid #D8D4CF;
}
.policy.page__policy .terms-of-service .in-terms-of-service .service {
  display: inline-flex;
  list-style: none;
  padding: 20px 0px 0px 20px;
}
.policy.page__policy .terms-of-service .in-terms-of-service .service .next {
  color: #F5BD1E;
}
.policy.page__policy .terms-of-service .in-terms-of-service .service h2 {
  margin: 0;
  font-size: 20px;
  text-indent: 7px;
  color: #77706B;
}
.policy.page__policy .terms-of-service .in-terms-of-service p {
  font-size: 15px;
  margin: 0;
  margin-top: 10px;
  padding-left: 10px;
  color: #78716b;
}
.policy.page__policy .terms-of-service .in-terms-of-service p span {
  padding-left: 15px;
  color: #78716b;
}
.policy.page__policy .terms-of-service .in-terms-of-service .input {
  align-items: center;
  display: inline-flex;
  margin: 20px 0px 20px 0px;
}
.policy.page__policy .terms-of-service .in-terms-of-service .input .check {
  height: 25px;
  width: 20px;
  margin-left: 20px;
  background: white;
}
.policy.page__policy .terms-of-service .in-terms-of-service .input .checkbox-text {
  color: #FF8882;
  text-indent: 10px;
  font-size: 15px;
  margin: 0;
}
.policy.page__policy .privacy-policy {
  height: 100%;
  width: 100%;
}
.policy.page__policy .privacy-policy .in-privacy-policy {
  width: 85%;
  height: fit-content;
  margin: 20px auto auto auto;
  border: 2px solid #D8D4CF;
}
.policy.page__policy .privacy-policy .in-privacy-policy .policy {
  display: inline-flex;
  list-style: none;
  padding: 20px 0px 0px 20px;
}
.policy.page__policy .privacy-policy .in-privacy-policy .policy .next {
  color: #F5BD1E;
}
.policy.page__policy .privacy-policy .in-privacy-policy .policy h2 {
  margin: 0;
  font-size: 20px;
  text-indent: 7px;
  color: #77706B;
}
.policy.page__policy .privacy-policy .in-privacy-policy p {
  font-size: 15px;
  padding-left: 15px;
  margin: 0;
  margin-top: 10px;
  color: #78716b;
}
.policy.page__policy .privacy-policy .in-privacy-policy .input {
  align-items: center;
  display: inline-flex;
  margin: 20px 0px 20px 0px;
}
.policy.page__policy .privacy-policy .in-privacy-policy .input .check {
  height: 25px;
  width: 20px;
  margin-left: 20px;
  background: white;
}
.policy.page__policy .privacy-policy .in-privacy-policy .input .checkbox-text {
  color: #FF8882;
  text-indent: 10px;
  font-size: 15px;
  margin: 0;
}
.policy.page__policy .specific-commerce {
  width: 100%;
  height: 100%;
}
.policy.page__policy .specific-commerce .in-specific-commerce {
  width: 85%;
  margin: 30px auto auto auto;
  border: 2px solid #D8D4CF;
}
.policy.page__policy .specific-commerce .in-specific-commerce .commerce {
  display: inline-flex;
  list-style: none;
  padding: 10px 0px 10px 20px;
}
.policy.page__policy .specific-commerce .in-specific-commerce .commerce .next {
  color: #F5BD1E;
}
.policy.page__policy .specific-commerce .in-specific-commerce .commerce h2 {
  margin: 0;
  font-size: 20px;
  text-indent: 7px;
  color: #77706B;
}
.policy.page__policy .recommended-environment {
  width: 100%;
  height: 100%;
}
.policy.page__policy .recommended-environment .in-recommended-environment {
  width: 85%;
  margin: 20px auto 10px auto;
  border: 2px solid #D8D4CF;
}
.policy.page__policy .recommended-environment .in-recommended-environment .environment {
  display: inline-flex;
  list-style: none;
  padding: 10px 0px 10px 20px;
}
.policy.page__policy .recommended-environment .in-recommended-environment .environment .next {
  color: #F5BD1E;
}
.policy.page__policy .recommended-environment .in-recommended-environment .environment h2 {
  margin: 0;
  font-size: 20px;
  text-indent: 7px;
  color: #77706B;
}

.privacy-policy.page__privacy-policy .main-content {
  width: 100%;
  height: 100%;
  background: #f5e7d5;
  display: inline-flex;
}
.privacy-policy.page__privacy-policy .main-content .document-icon {
  position: relative;
  height: 120px;
  width: 105px;
  bottom: 2px;
  left: 13px;
  overflow: hidden;
}
.privacy-policy.page__privacy-policy .main-content .document-icon svg {
  width: 100%;
  height: 100%;
}
.privacy-policy.page__privacy-policy .main-content p {
  margin: 0;
  font-size: 30px;
  line-height: 110px;
  font-weight: bold;
}
.privacy-policy.page__privacy-policy .content {
  width: 100%;
  height: 100%;
}
.privacy-policy.page__privacy-policy .content .inside-content {
  width: 80%;
  height: 80px;
  margin: auto;
  position: relative;
  top: 30px;
}
.privacy-policy.page__privacy-policy .content .inside-content p {
  margin: 0;
}
.privacy-policy.page__privacy-policy .content .inside-content p span {
  color: orange;
}
.privacy-policy.page__privacy-policy .terms-of-service {
  width: 100%;
  height: 100%;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service {
  width: 80%;
  margin: auto;
  border: 2px solid #ccc;
  padding-left: 40px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service h1 {
  margin: 0;
  font-size: 25px;
  padding-top: 30px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service p {
  margin: 0;
  padding: 30px 0 30px 0;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text h2 {
  margin: 0;
  font-size: 20px;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text li {
  list-style-type: decimal;
}
.privacy-policy.page__privacy-policy .terms-of-service .inside-terms-of-service .description-text .text {
  padding: 30px 0 10px 0;
}

.notation-base-policy.page__notation-base-policy .main .main-content {
  width: 100%;
  height: 100%;
  background: #f5e7d5;
  display: inline-flex;
}
.notation-base-policy.page__notation-base-policy .main .main-content .document-icon {
  position: relative;
  height: 120px;
  width: 105px;
  bottom: 2px;
  left: 13px;
  overflow: hidden;
}
.notation-base-policy.page__notation-base-policy .main .main-content .document-icon svg {
  width: 100%;
  height: 100%;
}
.notation-base-policy.page__notation-base-policy .main .main-content p {
  margin: 0;
  font-size: 30px;
  line-height: 110px;
  font-weight: bold;
}
.notation-base-policy.page__notation-base-policy .main .content {
  width: 100%;
  height: 100%;
}
.notation-base-policy.page__notation-base-policy .main .content .inside-content {
  width: 90%;
  height: 80px;
  margin: auto;
  position: relative;
  top: 30px;
}
.notation-base-policy.page__notation-base-policy .main .content .inside-content p {
  margin: 0;
}
.notation-base-policy.page__notation-base-policy .main .content .inside-content p span {
  color: orange;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific {
  width: 80%;
  margin: auto;
  border: 2px solid #ccc;
  margin-top: 10px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific {
  width: 95%;
  margin: auto;
  padding-top: 20px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific h1 {
  margin: 0;
  font-size: 25px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section {
  margin-top: 10px;
  padding: 20px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section h1 {
  margin: 0;
  font-size: 20px;
}
.notation-base-policy.page__notation-base-policy .main .notation-base-specific .in-notation-base-specific section p {
  margin: 0;
  font-size: 20px;
}

.recommended-policy.page__recommended-policy .main .main-content {
  width: 100%;
  height: 100%;
  background: #f5e7d5;
  display: inline-flex;
}
.recommended-policy.page__recommended-policy .main .main-content .document-icon {
  position: relative;
  height: 120px;
  width: 105px;
  bottom: 2px;
  left: 13px;
  overflow: hidden;
}
.recommended-policy.page__recommended-policy .main .main-content .document-icon svg {
  width: 100%;
  height: 100%;
}
.recommended-policy.page__recommended-policy .main .main-content p {
  margin: 0;
  font-size: 30px;
  line-height: 110px;
  font-weight: bold;
}
.recommended-policy.page__recommended-policy .main .content {
  width: 100%;
  height: 100%;
}
.recommended-policy.page__recommended-policy .main .content .inside-content {
  width: 90%;
  height: 80px;
  margin: auto;
  position: relative;
  top: 30px;
}
.recommended-policy.page__recommended-policy .main .content .inside-content p {
  margin: 0;
}
.recommended-policy.page__recommended-policy .main .content .inside-content p span {
  color: orange;
}
.recommended-policy.page__recommended-policy .main .recommended-environment {
  width: 90%;
  margin: auto;
  border: 2px solid #ccc;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment {
  width: 95%;
  margin: auto;
  padding: 30px 0 50px 0;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment h1 {
  margin: 0;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment section h2 {
  margin: 0;
  font-size: 24px;
  margin: 20px 0 20px 0;
}
.recommended-policy.page__recommended-policy .main .recommended-environment .inside-recommended-environment section p {
  margin: 0;
}

.term-policy.page__term-policy {
  width: 100%;
  height: 100%;
}
.term-policy.page__term-policy .top {
  width: 84%;
  margin: 20px auto 20px auto;
  font-size: 15px;
  color: #78716b;
}
.term-policy.page__term-policy .top span {
  color: #F7CC51;
  font-weight: 400;
}
.term-policy.page__term-policy .terms-of-service {
  width: 84%;
  margin: auto;
  border: 2px solid #CFC9C4;
  padding-left: 40px;
}
.term-policy.page__term-policy .terms-of-service .section h2 {
  margin: 0;
  font-size: 20px;
  padding: 30px 0 30px 0;
  color: #77706B;
}
.term-policy.page__term-policy .terms-of-service .section p {
  margin: 0;
  color: #78716b;
  font-size: 16px;
  padding-bottom: 30px;
}
.term-policy.page__term-policy .terms-of-service .info-service {
  position: relative;
  bottom: 10px;
}
.term-policy.page__term-policy .terms-of-service .info-service span {
  font-size: 15px;
  margin: 0;
  color: #78716b;
}
.term-policy.page__term-policy .terms-of-service .info-service ul {
  font-size: 15px;
  padding-left: 15px;
  margin: 0;
}
.term-policy.page__term-policy .terms-of-service .info-service ul li {
  padding: 5px 0px;
  color: #78716b;
  font-weight: 400;
}

.top.page__top .base-grid {
  min-height: 100%;
  height: auto;
}
.top.page__top {
  background: rgb(247, 236, 221);
}
.top.page__top .main-content-logo {
  text-align: center;
}
.top.page__top .main-content-logo img {
  width: 28%;
  margin-top: 90px;
}
.top.page__top .text {
  font-size: 25px;
  text-align: center;
  color: #FF756D;
  margin-top: 5px;
  font-weight: 600;
}
.top.page__top .date-and-checkbox {
  margin-top: 30px;
  text-align: center;
  align-items: center;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox {
  display: inline-flex;
  align-items: center;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div input {
  margin: 0px;
  padding-left: 35px;
  font-size: 14px;
  height: 40px;
  border: 1px solid #CEC8C2;
  margin-left: 20px;
  color: #BBB4AD;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div .month {
  height: 20px;
  width: 30px;
  position: relative;
  top: 5px;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div .calendar-icon {
  width: 30px;
  position: relative;
  left: 145px;
  bottom: 35px;
  color: #B0A79E;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox div label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox span {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 25px;
  color: #78716b;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test {
  margin-left: 20px;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test label {
  margin: 0;
  font-size: 15px;
  text-indent: 10px;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test .timeselect {
  padding-left: 35px;
  font-size: 14px;
  height: 40px;
  border: 1px solid #CEC8C2;
  color: #BBB4AD;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test .calendar-icon {
  width: 30px;
  position: relative;
  left: 153px;
  bottom: 35px;
  color: #B0A79E;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .test-1 .calendar-icon {
  width: 30px;
  position: relative;
  left: 23px;
  bottom: 35px;
  color: #B0A79E;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .button {
  margin-left: 20px;
}
.top.page__top .date-and-checkbox .inside-date-and-checkbox .button button {
  padding: 2px 15px;
  background: #FF756D;
  border: 1px solid #ccc;
  color: white;
  font-size: 15.7px;
}
.top.page__top .account-and-sale {
  width: 90%;
  margin: 40px auto 40px auto;
  margin-top: 40px;
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.top.page__top .account-and-sale .account {
  width: 95%;
  background: #fff;
}
.top.page__top .account-and-sale .account .user {
  margin: 25px 0px 15px 30px;
  display: flex;
}
.top.page__top .account-and-sale .account .user .user-info-icon {
  width: 30px;
  color: #FF756D;
}
.top.page__top .account-and-sale .account .user .ac-no {
  margin: 0;
  font-size: 18px;
  text-indent: 10px;
  color: #78716b;
}
.top.page__top .account-and-sale .account .account-info {
  margin-left: 30px;
  display: flex;
  align-items: baseline;
  font-size: 37.54px;
  color: #78716b;
}
.top.page__top .account-and-sale .account .account-info span {
  font-size: 18px;
  margin: 0;
  color: #78716b;
  text-indent: 15px;
}
.top.page__top .account-and-sale .account .account-upgrade {
  margin-top: 20px;
  margin-left: 30px;
  align-items: center;
  width: 13%;
  height: 35px;
  background: #F0EFEF;
  display: flex;
}
.top.page__top .account-and-sale .account .account-upgrade .upgrade-icon {
  width: 30px;
  color: #FF6670;
  margin-left: 5px;
}
.top.page__top .account-and-sale .account .account-upgrade span {
  margin: 0;
  color: #78716b;
  font-size: 16.53px;
}
.top.page__top .account-and-sale .account .account-details {
  text-align: right;
}
.top.page__top .account-and-sale .account .account-details ul {
  list-style: none;
  margin-right: 20px;
}
.top.page__top .account-and-sale .account .account-details ul li {
  font-size: 16px;
  color: #78716b;
}
.top.page__top .account-and-sale .account .account-details ul li label {
  font-size: 16px;
  min-width: 6em;
  color: #78716b;
  white-space: nowrap;
}
.top.page__top .account-and-sale .sale {
  width: 95%;
  background: #fff;
}
.top.page__top .account-and-sale .sale .graph {
  margin: 25px 0px 15px 30px;
  display: flex;
}
.top.page__top .account-and-sale .sale .graph .graph-icon {
  width: 30px;
  color: #FF756D;
}
.top.page__top .account-and-sale .sale .graph .sale-no {
  margin: 0;
  font-size: 18px;
  text-indent: 10px;
  color: #78716b;
}
.top.page__top .account-and-sale .sale .sale-info {
  margin-left: 30px;
  display: flex;
  align-items: baseline;
  font-size: 37.54px;
  color: #78716b;
}
.top.page__top .account-and-sale .sale .sale-info span {
  font-size: 18px;
  margin: 0;
  color: #78716b;
  text-indent: 15px;
}
.top.page__top .account-and-sale .sale .sale-upgrade {
  margin-top: 20px;
  margin-left: 30px;
  align-items: center;
  width: 20%;
  height: 35px;
  background: #F0EFEF;
  display: flex;
}
.top.page__top .account-and-sale .sale .sale-upgrade .upgrade-icon {
  width: 30px;
  color: #41B39C;
  margin-left: 5px;
}
.top.page__top .account-and-sale .sale .sale-upgrade span {
  margin: 0;
  color: #78716b;
  font-size: 16.53px;
}
.top.page__top .account-and-sale .sale .sale-details {
  text-align: right;
}
.top.page__top .account-and-sale .sale .sale-details ul {
  list-style: none;
  margin-right: 20px;
}
.top.page__top .account-and-sale .sale .sale-details ul li {
  font-size: 16px;
  color: #78716b;
}
.top.page__top .account-and-sale .sale .sale-details ul li label {
  font-size: 16px;
  min-width: 7em;
  color: #78716b;
  white-space: nowrap;
}

.master-login.page__master-login .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.master-login.page__master-login .main-contents .mailaddress label {
  position: relative;
}
.master-login.page__master-login .main-contents .mailaddress img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.master-login.page__master-login .main-contents .password label {
  position: relative;
}
.master-login.page__master-login .main-contents .password img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 7%;
}
.master-login.page__master-login .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.master-login.page__master-login .main-contents ::placeholder {
  color: #CAC7C5;
}
.master-login.page__master-login .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.master-login.page__master-login .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.master-login.page__master-login .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.master-login.page__master-login .main-contents .contents2 a {
  color: #78716b;
}
.master-login.page__master-login .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.master-login.page__master-login .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.master-login.page__master-login .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #FE8B81;
}
.master-login.page__master-login .main-contents .contents2 .password-forgot a {
  color: #FE8B81;
}
.master-login.page__master-login .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.master-login.page__master-login .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.first-password-change.page__first-password-change .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.first-password-change.page__first-password-change .main-contents .mailaddress label {
  position: relative;
}
.first-password-change.page__first-password-change .main-contents .mailaddress img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.first-password-change.page__first-password-change .main-contents .password label {
  position: relative;
}
.first-password-change.page__first-password-change .main-contents .password .key {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 15%;
  color: #C9C6C4;
}
.first-password-change.page__first-password-change .main-contents .password p.password-p {
  padding-right: 70%;
  margin-bottom: -12px;
  font-size: 17px;
}
.first-password-change.page__first-password-change .main-contents .password p.sixfont {
  color: #FF756D;
  margin: 0;
  font-size: 14px;
  margin-top: -1%;
  margin-bottom: 1%;
}
.first-password-change.page__first-password-change .main-contents .POPST {
  text-align: center;
}
.first-password-change.page__first-password-change .main-contents .return-login p {
  margin: 0;
}
.first-password-change.page__first-password-change .main-contents .return-login span {
  border-bottom: solid 1px #78716B;
}
.first-password-change.page__first-password-change .main-contents .return-login a {
  color: #78716B;
}
.first-password-change.page__first-password-change .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.first-password-change.page__first-password-change .main-contents ::placeholder {
  color: #CAC7C5;
}
.first-password-change.page__first-password-change .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.first-password-change.page__first-password-change .main-contents .contents2 .contents2-main h2 {
  margin-bottom: 0;
  font-size: 1.25em;
  padding-top: 0.8em;
}
.first-password-change.page__first-password-change .main-contents .contents2 .contents2-main p {
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 2%;
  font-size: 0.9rem;
  width: 320px;
  display: block;
}
.first-password-change.page__first-password-change .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.first-password-change.page__first-password-change .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.first-password-change.page__first-password-change .main-contents .contents2 a {
  color: #78716b;
}
.first-password-change.page__first-password-change .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.first-password-change.page__first-password-change .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.first-password-change.page__first-password-change .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #FF756D;
}
.first-password-change.page__first-password-change .main-contents .contents2 .password-forgot a {
  color: #FF756D;
}
.first-password-change.page__first-password-change .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.first-password-change.page__first-password-change .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.master-reset-password.page__master-reset-password .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.master-reset-password.page__master-reset-password .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.master-reset-password.page__master-reset-password .main-contents ::placeholder {
  color: #CAC7C5;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 a {
  color: #78716b;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.master-reset-password.page__master-reset-password .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.password-reset-info.page__password-reset-info .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.password-reset-info.page__password-reset-info .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.password-reset-info.page__password-reset-info .main-contents ::placeholder {
  color: #CAC7C5;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 p.password-reset {
  font-size: 1.3em;
  margin-bottom: -6px;
  margin-top: 2%;
  margin-right: 80px;
  position: relative;
  left: 4%;
  margin-bottom: 5%;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 a {
  color: #78716b;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.password-reset-info.page__password-reset-info .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.dashboard.page__performance .main-content {
  width: 100%;
}
.dashboard.page__performance .main-content .head {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.dashboard.page__performance .main-content .head .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.dashboard.page__performance .main-content .head h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.dashboard.page__performance .main-content .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 52px;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #AFABA8;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  align-items: center;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
  color: #7E7772;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown-content {
  width: 20.5%;
  display: none;
  position: absolute;
  top: 166px;
  left: 41%;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
  background-color: #FFF1F0;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.dashboard.page__performance .main-content .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.dashboard.page__performance .main-content .top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.dashboard.page__performance .main-content .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.dashboard.page__performance .content {
  height: 100%;
  width: 100%;
  background: white;
}
.dashboard.page__performance .content .inside-content {
  width: 100%;
  height: 9em;
  padding: 31px 0 0 74px;
}
.dashboard.page__performance .content .inside-content h1 {
  font-size: 20px;
  font-weight: 400;
}
.dashboard.page__performance .content .inside-content p {
  font-size: 14px;
}
.dashboard.page__performance .check-box {
  height: 100%;
  width: 100%;
  background: white;
}
.dashboard.page__performance .check-box .inside-check-box {
  width: 80%;
  height: 100%;
  margin: auto;
  border: 2px solid #ccc;
}
.dashboard.page__performance .check-box .inside-check-box h2 {
  font-size: 20px;
  padding-left: 30px;
  font-weight: 400;
}
.dashboard.page__performance .check-box .inside-check-box h3 {
  font-weight: 400;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar {
  width: 100%;
  padding-left: 60px;
  display: inline-flex;
  list-style: none;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar p {
  margin: 0;
  line-height: 50px;
  position: relative;
  right: 12px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar .box {
  display: inline-flex;
  padding-left: 40px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar li {
  text-indent: 20px;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar .calendar {
  display: inline-flex;
  margin: 0px 0px 0px 15px;
  border: 1px solid #ccc;
  width: 160px;
  height: 35px;
  position: relative;
  top: 7px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar .calendar .form-control {
  position: relative;
  bottom: 9px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-calendar .calendar .calendar-icon {
  display: inline-flex;
  height: 40px;
  width: 66px;
  position: relative;
  bottom: 5px;
  left: -10px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-list {
  display: inline-flex;
  height: 50px;
  padding-left: 36px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-list p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-list .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-list .list input {
  transform: scale(1.2);
}
.dashboard.page__performance .check-box .inside-check-box .check-box-list .list label {
  padding: 0px 47px 0px 10px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type {
  padding-left: 50px;
  display: inline-flex;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type .list input {
  transform: scale(1.2);
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type .list label {
  padding: 0px 20px 0px 10px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-type .list .official-material {
  padding: 0 52px 0 10px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price {
  padding-left: 75px;
  display: flex;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price .list input {
  transform: scale(1.2);
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price .list label {
  padding: 0px 20px 0px 10px;
}
.dashboard.page__performance .check-box .inside-check-box .check-box-price .list .paid-material {
  padding: 0 52px 0 10px;
}
.dashboard.page__performance .check-box .inside-check-box .button {
  text-align: center;
}
.dashboard.page__performance .check-box .inside-check-box .button .btn {
  padding: 7px 60px;
  border: 1px solid #ccc;
  background: #ffc30a;
  margin: 10px 0px 10px 0px;
}
.dashboard.page__performance .export {
  width: 100%;
  background: white;
}
.dashboard.page__performance .export .inside-export {
  width: 80%;
  margin: auto;
}
.dashboard.page__performance .export .inside-export .export-button {
  display: inline-flex;
  border: 1px solid #ccc;
  margin-top: 35px;
  background: #fff1c7;
  float: right;
  height: 40px;
  align-items: center;
  padding: 0px 10px;
  margin-bottom: 10px;
}
.dashboard.page__performance .export .inside-export .export-button .export-icon {
  width: 30px;
}
.dashboard.page__performance .export .inside-export .export-button p {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
  text-indent: 10px;
}
.dashboard.page__performance .table-bar {
  width: 100%;
  background: white;
  margin-bottom: 40px;
}
.dashboard.page__performance .table-bar .inside-table-bar {
  width: 80%;
  margin: auto;
}
.dashboard.page__performance .table-bar .inside-table-bar table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 14em;
  text-align: center;
}
.dashboard.page__performance .table-bar .inside-table-bar table tr {
  border: 1px solid #ccc;
}
.dashboard.page__performance .table-bar .inside-table-bar table tr td {
  padding: 10px 0 10px 0px;
}
.dashboard.page__performance .table-bar .inside-table-bar table tr th {
  background: #f7f6f5;
  padding: 10px 0px 10px 0;
}

.master-users.page__master-users .main .content {
  width: 100%;
  padding-left: 30px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.master-users.page__master-users .main .content .sale-icon {
  width: 60px;
  color: #78716b;
}
.master-users.page__master-users .main .content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.master-users.page__master-users .main h2 {
  padding: 35px 50px 20px 40px;
  margin: 0;
  font-size: 17px;
}
.master-users.page__master-users .main form {
  margin: 0px 40px;
  padding: 0px 0px 0px 10px;
  border: 2px solid #ccc;
}
.master-users.page__master-users .main form .main-section {
  display: inline-flex;
  margin-top: 20px;
}
.master-users.page__master-users .main form .main-section .in-section-one {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .in-section-one .section-one .radio-box {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.master-users.page__master-users .main form .main-section .in-section-one .section-one label {
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.master-users.page__master-users .main form .main-section .in-section-one img {
  margin: 5px 5px 0px 5px;
}
.master-users.page__master-users .main form .main-section .in-section-one .input input {
  padding-left: 40px;
  height: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .in-section-one input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-one input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-one .icon {
  width: 30px;
  position: relative;
  right: 185px;
}
.master-users.page__master-users .main form .main-section .in-section-two {
  display: flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .in-section-two .section-two .radio-box {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.master-users.page__master-users .main form .main-section .in-section-two .section-two label {
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.master-users.page__master-users .main form .main-section .in-section-two .input {
  margin-left: 10px;
}
.master-users.page__master-users .main form .main-section .in-section-two .input input {
  padding-left: 40px;
  height: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .in-section-two input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-two input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-two .icon {
  width: 30px;
  position: relative;
  right: 166px;
}
.master-users.page__master-users .main form .main-section .input-two {
  margin: 0px 5px 0px 0px;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .section-three {
  display: flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .section-three .input {
  margin-left: 10px;
}
.master-users.page__master-users .main form .main-section .section-three .input input {
  padding-left: 40px;
  height: 40px;
  color: #78716b;
  font-size: 15px;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .section-three input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .section-three input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .section-three .icon {
  width: 30px;
  position: relative;
  right: 166px;
}
.master-users.page__master-users .main form .main-section .section-four {
  display: flex;
  align-items: center;
}
.master-users.page__master-users .main form .main-section .section-four input {
  height: 40px;
  width: 180px;
  padding-left: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .section-four .icon {
  width: 30px;
  position: relative;
  right: 177px;
  color: #78716b;
}
.master-users.page__master-users .main form .do-check {
  display: inline-flex;
  align-items: center;
  margin: 15px 15px 15px 0px;
}
.master-users.page__master-users .main form .do-check .checker-box {
  display: inline-flex;
  margin: 0 40px 0 15px;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan {
  display: inline-flex;
  margin: 10px;
  align-items: center;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan label {
  margin: 0;
  line-height: 25px;
  font-size: 15px;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan input[type=checkbox] {
  width: 30px;
  height: 25px;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: sub;
}
.master-users.page__master-users .main form .buttons {
  text-align: center;
  margin-bottom: 15px;
}
.master-users.page__master-users .main form .buttons .search_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.master-users.page__master-users .main .pickup {
  margin: 20px 0 10px 0;
  text-align: right;
}
.master-users.page__master-users .main .pickup .in-pickup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 40px;
}
.master-users.page__master-users .main .pickup .in-pickup span {
  margin: 0;
  font-size: 15px;
}
.master-users.page__master-users .main .pickup .in-pickup .export {
  display: inline-flex;
  align-items: center;
  background: #fff1c7;
  height: 45px;
  width: 180px;
  border: #a59b91 1px solid;
  margin-left: auto;
  margin-right: 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .export .export-icon {
  width: 35px;
  height: 35px;
  margin: 0px 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .export .export-section {
  margin: 0;
}
.master-users.page__master-users .main .pickup .in-pickup .export form {
  font-size: 15px;
  display: contents;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export {
  display: inline-flex;
  align-items: center;
  background: #fff1c7;
  height: 45px;
  width: 200px;
  border: #a59b91 1px solid;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export .export-icon {
  width: 35px;
  height: 35px;
  margin: 0px 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export .export-section {
  margin: 0;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export form {
  font-size: 15px;
  display: contents;
}
.master-users.page__master-users .main .export-table {
  margin: 0px 40px;
}
.master-users.page__master-users .main .export-table table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  width: 100%;
}
.master-users.page__master-users .main .export-table table tr {
  border-bottom: solid 1px #b7afa7;
}
.master-users.page__master-users .main .export-table table tr th {
  height: 45px;
  font-size: 14px;
  background: rgb(247, 246, 245);
  text-align: center;
  color: #78716b;
}
.master-users.page__master-users .main .export-table table tr td {
  height: 70px;
  color: #78716b;
  text-align: center;
}
.master-users.page__master-users .main .export-table table tr .edit-page {
  color: rgb(4, 158, 147);
  border: solid 1px rgb(4, 158, 147);
  border-radius: 10px;
  background: #fff;
  padding: 0px 10px;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table table .figure-none {
  margin: 0;
}
.master-users.page__master-users .main .export-table.sticky-table {
  overflow-x: scroll;
  max-width: calc(100vw - 9rem);
  border-left: 2px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.master-users.page__master-users .main .export-table.sticky-table table {
  width: 100%;
  border: none;
}
.master-users.page__master-users .main .export-table.sticky-table table tr {
  text-align: center;
  border: 1px solid #ccc;
  border-left: none;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th {
  height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td {
  white-space: nowrap;
  min-width: 6em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(8), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(9) {
  min-width: 7em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(10), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(11), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(12), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(13), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(14), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(15), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(16), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(17) {
  min-width: 12em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(18), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(19), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(20), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(21), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(22), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(23), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(24), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(25) {
  min-width: 16em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td {
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  background: #fff;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:last-child {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white);
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(4), .master-users.page__master-users .main .export-table.sticky-table table tr td:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  position: -webkit-sticky;
  position: sticky;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3) {
  white-space: inherit;
  word-break: break-all;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:first-child {
  left: 0;
  min-width: 4rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2) {
  left: 4rem;
  min-width: 8rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3) {
  left: 12rem;
  min-width: 12rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(4), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  left: 24rem;
  min-width: 8rem;
}
.master-users.page__master-users .main .export-table .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  text-align: left;
}
.master-users.page__master-users .main .export-table .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.master-users.page__master-users .main .export-table .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  padding: 40px 40px 20px 40px;
  background-color: #fffaf5;
  border: #fffaf5 1px solid;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgb(94, 91, 91);
  z-index: 2;
}
.master-users.page__master-users .main .export-table .popup-inner img {
  margin-left: 70px;
}
.master-users.page__master-users .main .export-table .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table .close-btn i {
  font-weight: bold;
  font-size: 20px;
  color: #a59b91;
}
.master-users.page__master-users .main .export-table .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table .form-base {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 50% 1fr;
  border: none;
}
.master-users.page__master-users .main .export-table .form-label {
  text-align: right;
  align-self: center;
  margin-right: 10px;
  font-size: 17px;
}
.master-users.page__master-users .main .export-table .form-input {
  font-size: 17px;
  margin-left: 10px;
  word-break: break-all;
}
.master-users.page__master-users .main .export-table .outside-delete-btn {
  text-align: center;
  margin: 30px 0 0 0;
}
.master-users.page__master-users .main .export-table .delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
  color: #ff756d;
  height: 43px;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.master-users.page__master-users .main .export-table .delete-btn .trash-icon {
  height: 30px;
  width: 50px;
}
.master-users.page__master-users .main .export-table .form-1 {
  border: none;
}
.master-users.page__master-users .main .export-table p {
  margin: 0;
}

/* SafariのPosition：Sticky で borderが表示されないための対応*/
:root .export-table.sticky-table .nodata {
  transform: scaleY(0.97);
}

.dashboard.page__performance-share .main-content {
  width: 100%;
}
.dashboard.page__performance-share .main-content .head {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.dashboard.page__performance-share .main-content .head .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.dashboard.page__performance-share .main-content .head h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.dashboard.page__performance-share .main-content .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 52px;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #AFABA8;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  align-items: center;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
  color: #7E7772;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown-content {
  width: 20.5%;
  display: none;
  position: absolute;
  top: 166px;
  left: 41%;
  background-color: #ffffff;
  z-index: 1;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
  background-color: #FFF1F0;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.dashboard.page__performance-share .main-content .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.dashboard.page__performance-share .main-content .top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.dashboard.page__performance-share .main-content .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.dashboard.page__performance-share .content {
  height: 100%;
  width: 100%;
  background: white;
}
.dashboard.page__performance-share .content .inside-content {
  width: 100%;
  height: 9em;
  padding: 31px 0 0 74px;
}
.dashboard.page__performance-share .content .inside-content h1 {
  font-size: 20px;
  font-weight: 400;
}
.dashboard.page__performance-share .content .inside-content p {
  font-size: 14px;
}
.dashboard.page__performance-share .check-box {
  height: 100%;
  width: 100%;
  background: white;
}
.dashboard.page__performance-share .check-box .inside-check-box {
  width: 80%;
  height: 100%;
  margin: auto;
  border: 2px solid #ccc;
}
.dashboard.page__performance-share .check-box .inside-check-box h2 {
  font-size: 20px;
  padding-left: 30px;
  font-weight: 400;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar {
  width: 100%;
  padding-left: 60px;
  display: inline-flex;
  list-style: none;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar p {
  margin: 0;
  line-height: 50px;
  position: relative;
  right: 12px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar .box {
  display: inline-flex;
  padding-left: 40px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar li {
  text-indent: 20px;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar .calendar {
  display: inline-flex;
  margin: 0px 0px 0px 15px;
  border: 1px solid #ccc;
  width: 150px;
  height: 35px;
  position: relative;
  top: 7px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar .calendar .form-control {
  position: relative;
  bottom: 9px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-calendar .calendar .calendar-icon {
  display: inline-flex;
  height: 50px;
  width: 66px;
  position: relative;
  bottom: 15px;
  left: -10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-list {
  display: inline-flex;
  height: 50px;
  padding-left: 36px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-list p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-list .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-list .list input {
  transform: scale(1.2);
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-list .list label {
  padding: 0px 47px 0px 10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type {
  padding-left: 50px;
  display: inline-flex;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type .list input {
  transform: scale(1.2);
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type .list label {
  padding: 0px 20px 0px 10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-type .list .official-material {
  padding: 0 52px 0 10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price {
  padding-left: 75px;
  display: flex;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price p {
  margin: 0;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price .list {
  padding-left: 40px;
  line-height: 50px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price .list input {
  transform: scale(1.2);
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price .list label {
  padding: 0px 20px 0px 10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .check-box-price .list .paid-material {
  padding: 0 52px 0 10px;
}
.dashboard.page__performance-share .check-box .inside-check-box .button {
  text-align: center;
}
.dashboard.page__performance-share .check-box .inside-check-box .button .btn {
  padding: 7px 60px;
  border: 1px solid #ccc;
  background: #ffc30a;
  margin: 10px 0px 10px 0px;
}
.dashboard.page__performance-share .export {
  width: 100%;
  background: white;
}
.dashboard.page__performance-share .export .inside-export {
  width: 80%;
  margin: auto;
}
.dashboard.page__performance-share .export .inside-export .export-button {
  display: inline-flex;
  border: 1px solid #ccc;
  margin-top: 35px;
  background: #fff1c7;
  float: right;
  padding: 0px 10px;
  align-items: center;
  margin-bottom: 10px;
}
.dashboard.page__performance-share .export .inside-export .export-button .export-icon {
  width: 40px;
}
.dashboard.page__performance-share .export .inside-export .export-button p {
  margin: 0;
  text-indent: 10px;
  font-size: 16px;
}
.dashboard.page__performance-share .table-bar {
  width: 100%;
  background: white;
  margin-bottom: 40px;
}
.dashboard.page__performance-share .table-bar .inside-table-bar {
  width: 80%;
  margin: auto;
}
.dashboard.page__performance-share .table-bar .inside-table-bar table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 14em;
  text-align: center;
}
.dashboard.page__performance-share .table-bar .inside-table-bar table tr {
  border: 1px solid #ccc;
}
.dashboard.page__performance-share .table-bar .inside-table-bar table tr td {
  padding: 10px 0 10px 0px;
}
.dashboard.page__performance-share .table-bar .inside-table-bar table tr th {
  background: #f7f6f5;
  padding: 10px 0px 10px 0;
}

.material-register.page__material-register .contents .contents1 {
  width: 100%;
}
.material-register.page__material-register .contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.material-register.page__material-register .contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.material-register.page__material-register .contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.material-register.page__material-register .contents .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
  background-color: #FFF1F0;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.material-register.page__material-register .contents .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.material-register.page__material-register .contents .contents1 .top-nav .dropdown {
  float: left;
  position: relative;
}
.material-register.page__material-register .contents .contents1 .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.material-register.page__material-register .contents .contents1 h2 {
  margin: 15px 0px 0px 60px;
  font-size: 20px;
  margin-bottom: 20px;
}
.material-register.page__material-register .contents .contents1 span {
  margin: 5px 0px 0px 60px;
  font-size: 15px;
}
.material-register.page__material-register .contents .contents1 hr {
  width: 90%;
  color: #E8E5E2;
}
.material-register.page__material-register .contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.material-register.page__material-register .contents .contents2 .form-test {
  display: grid;
  grid-template-columns: 20% auto;
  grid-gap: 20px;
}
.material-register.page__material-register .contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
}
.material-register.page__material-register .contents .contents2 p {
  margin: 0;
}
.material-register.page__material-register .contents .contents2 .form-base {
  border: none;
  width: 90%;
  margin: auto;
  margin-top: 10%;
}
.material-register.page__material-register .contents .contents2 .form-base .originalFileBtn {
  border: #b7afa7 1px solid;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  margin: 0 5px;
  width: 100px;
}
.material-register.page__material-register .contents .contents2 .form-base .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: solid 1px #ccc;
}
.material-register.page__material-register .contents .contents2 .form-base input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.material-register.page__material-register .contents .contents2 .form-base input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.material-register.page__material-register .contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.material-register.page__material-register .contents .contents2 .form-label .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}
.material-register.page__material-register .contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0px;
  font-size: 17px;
  color: #78716b;
}
.material-register.page__material-register .contents .contents2 input[type=date].form-input {
  height: 2rem;
  width: 250px;
  margin: 5px;
  padding: 5px;
  border: solid 1px #CCC7C1;
}
.material-register.page__material-register .contents .contents2 input[type=text].form-input {
  border: 1px solid #CCC7C1;
  font-size: 15px;
  margin: 5px;
  padding: 5px 5px 5px 10px;
}
.material-register.page__material-register .contents .contents2 .text-box {
  padding-left: 10px;
}
.material-register.page__material-register .contents .contents2 select {
  padding: 5px;
  height: 45px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.material-register.page__material-register .contents .contents2 textarea {
  resize: none;
  padding: 5px 5px 5px 10px;
  margin: 5px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.material-register.page__material-register .contents .contents2 .new-icon {
  border: #ff9f00 1px solid;
  border-radius: 10px;
  color: #ff9f00;
  margin: 5px;
  font-size: 15px;
  padding: 0 7px;
}
.material-register.page__material-register .contents .contents2 .add-icon {
  border: #ff7d7e 1px solid;
  border-radius: 10px;
  color: #ff7d7e;
  margin: 5px;
  font-size: 15px;
  padding: 0 7px;
}
.material-register.page__material-register .contents .contents2 .label-radio {
  margin: 5px;
}
.material-register.page__material-register .contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.material-register.page__material-register .contents .contents2 .label-radio span {
  font-size: 17px;
  color: #78716b;
}
.material-register.page__material-register .contents .contents2 .memo-buttom {
  color: #41b39c;
  font-size: 12px;
}
.material-register.page__material-register .contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.material-register.page__material-register .contents .contents2 .appid {
  display: inline-flex;
  width: 100%;
}
.material-register.page__material-register .contents .contents2 .appid input {
  border: solid 1px #ccc;
  padding-left: 10px;
}
.material-register.page__material-register .contents .contents2 .img-upload-area {
  margin: 40px 0;
}
.material-register.page__material-register .contents .contents2 .img-upload-area .img-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
}
.material-register.page__material-register .contents .contents2 .img-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.material-register.page__material-register .contents .contents2 .img-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.material-register.page__material-register .contents .contents2 .img-upload-area .img-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  background: none;
  border: #b7afa7 2px dashed;
}
.material-register.page__material-register .contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.material-register.page__material-register .contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  border: solid 1px #ccc;
}
.material-register.page__material-register .contents .contents2 .make-tamplate {
  margin: 20px 0;
}
.material-register.page__material-register .contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.material-register.page__material-register .contents .contents2 .buttons {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}
.material-register.page__material-register .contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.material-register.page__material-register .contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.material-register.page__material-register #modal-checkbox {
  display: none;
}
.material-register.page__material-register #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.material-register.page__material-register #modal-content {
  position: relative;
  top: 45px;
  left: 130px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.material-register.page__material-register #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.material-register.page__material-register #modal-content .modal-checkbox {
  position: absolute;
  bottom: 40px;
  right: 30px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.material-register.page__material-register #modal-content .add {
  background: #A59B91;
  padding: 0px 10px;
  width: 48px;
  font-size: 14px;
  color: #fff;
}
.material-register.page__material-register #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.material-register.page__material-register #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.material-register.page__material-register .in-popup {
  display: flex;
  align-items: center;
}
.material-register.page__material-register .in-popup input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.material-register.page__material-register #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.material-register.page__material-register .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.material-register.page__material-register .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.material-register.page__material-register .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.material-register.page__material-register .in-pop-info {
  min-width: 400px;
}
.material-register.page__material-register .space {
  margin-bottom: 100px;
}
.material-register.page__material-register .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.material-register.page__material-register .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.material-register.page__material-register #popup-checkbox {
  display: none;
}
.material-register.page__material-register #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.material-register.page__material-register #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.material-register.page__material-register #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.material-register.page__material-register #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.material-register.page__material-register #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.material-register.page__material-register #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.material-register.page__material-register #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.material-register.page__material-register .popup-inside {
  display: flex;
  align-items: center;
}
.material-register.page__material-register .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.material-register.page__material-register #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.material-register.page__material-register .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.material-register.page__material-register .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.material-register.page__material-register .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.material-register.page__material-register .in-pop-info {
  min-width: 400px;
}
.material-register.page__material-register .space {
  margin-bottom: 100px;
}
.material-register.page__material-register .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.material-register.page__material-register .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.material-register.page__material-register .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
}
.material-register.page__material-register .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.material-register.page__material-register .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.material-register.page__material-register .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.line-up {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.line-up button {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 10px;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.line-up button .trash-all {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.line-up button p {
  font-size: 17px;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.material-register.page__material-register .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}

.material-register-edit.page__material-register-edit .contents {
  width: 100%;
  height: 100%;
}
.material-register-edit.page__material-register-edit .contents .contents1 {
  width: 100%;
}
.material-register-edit.page__material-register-edit .contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.material-register-edit.page__material-register-edit .contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.material-register-edit.page__material-register-edit .contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 20.5%;
  display: none;
  position: absolute;
  top: 5.5%;
  left: 41%;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
  background-color: #FFF1F0;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
  margin-top: 10px;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.material-register-edit.page__material-register-edit .contents .contents1 .top-nav .inside-top-nav .dropdown:hover .dropdown-content {
  display: block;
}
.material-register-edit.page__material-register-edit .contents .contents1 h2 {
  margin: 25px 0px 20px 100px;
  font-size: 20px;
}
.material-register-edit.page__material-register-edit .contents .contents1 span {
  margin: 5px 0px 0px 100px;
  font-size: 15px;
}
.material-register-edit.page__material-register-edit .contents .contents1 hr {
  width: 92%;
  color: #E8E5E2;
}
.material-register-edit.page__material-register-edit .contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-test {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 20px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
}
.material-register-edit.page__material-register-edit .contents .contents2 p {
  margin: 0;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-base {
  border: none;
  width: 90%;
  margin: auto;
  margin-top: 10%;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-base .originalFileBtn {
  border: #b7afa7 1px solid;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 80px;
  margin: 0 5px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-base input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-base input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-base .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-label {
  text-align: right;
  align-self: center;
  font-size: 16px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0;
}
.material-register-edit.page__material-register-edit .contents .contents2 input[type=date].form-input {
  height: 2rem;
  margin: 5px;
  padding: 5px;
  border: solid 1px #CCC7C1;
}
.material-register-edit.page__material-register-edit .contents .contents2 input[type=text].form-input {
  height: 2rem;
  width: 250px;
  margin: 5px;
  padding: 5px;
  border: solid 1px #ccc;
}
.material-register-edit.page__material-register-edit .contents .contents2 select {
  padding: 5px;
  height: 45px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.material-register-edit.page__material-register-edit .contents .contents2 textarea {
  resize: none;
  padding: 5px 5px 5px 10px;
  margin: 5px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.material-register-edit.page__material-register-edit .contents .contents2 .new-icon {
  border: #ff9f00 1px solid;
  border-radius: 10px;
  color: #ff9f00;
  margin: 5px;
  padding: 0 7px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .add-icon {
  border: #ff7d7e 1px solid;
  border-radius: 10px;
  color: #ff7d7e;
  margin: 5px;
  padding: 0 7px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .label-radio {
  margin: 5px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.material-register-edit.page__material-register-edit .contents .contents2 .memo-buttom {
  margin: 5px;
  color: #41b39c;
  font-size: 12px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .keywords {
  display: block;
}
.material-register-edit.page__material-register-edit .contents .contents2 .keywords span {
  background: #f7ecdd;
  border: none;
  border-radius: 20px;
  margin-right: 5px;
  padding: 2px 10px 4px 14px;
  white-space: nowrap;
  line-height: 2.4;
}
.material-register-edit.page__material-register-edit .contents .contents2 .keywords span::before {
  content: "#";
}
.material-register-edit.page__material-register-edit .contents .contents2 .keywords span::after {
  content: "✖";
  margin-left: 15px;
  cursor: pointer;
}
.material-register-edit.page__material-register-edit .contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.material-register-edit.page__material-register-edit .contents .contents2 .appid {
  display: inline-flex;
  width: 100%;
}
.material-register-edit.page__material-register-edit .contents .contents2 .appid input {
  border: solid 1px #ccc;
  padding-left: 10px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 10px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button .trash-all {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button p {
  font-size: 17px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.material-register-edit.page__material-register-edit .contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
  margin: 40px 0 20px 0;
}
.material-register-edit.page__material-register-edit .contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  border: solid 1px #ccc;
}
.material-register-edit.page__material-register-edit .contents .contents2 .make-tamplate {
  margin: 20px 0;
}
.material-register-edit.page__material-register-edit .contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .buttons {
  text-align: center;
  margin-top: 20px;
}
.material-register-edit.page__material-register-edit .contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.material-register-edit.page__material-register-edit .contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.material-register-edit.page__material-register-edit #modal-checkbox {
  display: none;
}
.material-register-edit.page__material-register-edit #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.material-register-edit.page__material-register-edit #modal-content {
  position: relative;
  top: 45px;
  left: 130px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.material-register-edit.page__material-register-edit #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.material-register-edit.page__material-register-edit #modal-content .modal-checkbox {
  position: absolute;
  bottom: 40px;
  right: 30px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.material-register-edit.page__material-register-edit #modal-content .add {
  background: #A59B91;
  padding: 0px 10px;
  width: 48px;
  font-size: 14px;
  color: #fff;
}
.material-register-edit.page__material-register-edit #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.material-register-edit.page__material-register-edit #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.material-register-edit.page__material-register-edit .in-popup {
  display: flex;
  align-items: center;
}
.material-register-edit.page__material-register-edit .in-popup input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.material-register-edit.page__material-register-edit #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.material-register-edit.page__material-register-edit .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.material-register-edit.page__material-register-edit .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.material-register-edit.page__material-register-edit .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.material-register-edit.page__material-register-edit .in-pop-info {
  min-width: 400px;
}
.material-register-edit.page__material-register-edit .space {
  margin-bottom: 100px;
}
.material-register-edit.page__material-register-edit .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.material-register-edit.page__material-register-edit .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.material-register-edit.page__material-register-edit #popup-checkbox {
  display: none;
}
.material-register-edit.page__material-register-edit #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.material-register-edit.page__material-register-edit #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.material-register-edit.page__material-register-edit #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.material-register-edit.page__material-register-edit #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.material-register-edit.page__material-register-edit #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.material-register-edit.page__material-register-edit #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.material-register-edit.page__material-register-edit #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.material-register-edit.page__material-register-edit .popup-inside {
  display: flex;
  align-items: center;
}
.material-register-edit.page__material-register-edit .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.material-register-edit.page__material-register-edit #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.material-register-edit.page__material-register-edit .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.material-register-edit.page__material-register-edit .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.material-register-edit.page__material-register-edit .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.material-register-edit.page__material-register-edit .in-pop-info {
  min-width: 400px;
}
.material-register-edit.page__material-register-edit .space {
  margin-bottom: 100px;
}
.material-register-edit.page__material-register-edit .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.material-register-edit.page__material-register-edit .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.material-register-edit.page__material-register-edit button#delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 20px;
}
.material-register-edit.page__material-register-edit button .trash-btn {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.material-register-edit.page__material-register-edit button p {
  font-size: 17px;
}

.dashboard.page__creator_information .contents1 {
  width: 100%;
}
.dashboard.page__creator_information .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.dashboard.page__creator_information .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.dashboard.page__creator_information .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.dashboard.page__creator_information .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 20.5%;
  display: none;
  position: absolute;
  top: 166px;
  left: 41%;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.dashboard.page__creator_information .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.dashboard.page__creator_information .contents1 .top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.dashboard.page__creator_information .contents1 .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.dashboard.page__creator_information h2 {
  margin: 45px 0px 0px 120px;
  font-size: 20px;
  margin-bottom: 20px;
}
.dashboard.page__creator_information .creator_head {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
}
.dashboard.page__creator_information .creator_head .creator_main {
  margin-right: 10px;
  width: 100%;
  margin: auto;
  position: relative;
  left: 250px;
  bottom: 40px;
}
.dashboard.page__creator_information .creator_head .creator_main .icon_frame {
  border: 1px solid #C8C2BC;
  height: 90px;
  width: 90px;
  position: relative;
  left: 150px;
  top: 40px;
}
.dashboard.page__creator_information .creator_head .creator_main input {
  width: 330px;
  height: 40px;
  font-size: 17px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #DCD8D4;
}
.dashboard.page__creator_information .creator_head .creator_main label {
  width: 130px;
  text-align: right;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 17px;
  color: #78716b;
  margin: 0;
  height: 50px;
}
.dashboard.page__creator_information .creator_head .creator_main textarea {
  vertical-align: middle;
  height: 90px;
  margin-left: 15px;
  font-size: 17px;
  padding-left: 10px;
  border: solid 1px #DCD8D4;
  resize: none;
}
.dashboard.page__creator_information .creator_head .creator_main select {
  margin-left: 15px;
  font-size: 17px;
  border: 1px solid #DCD8D4;
  color: #78716b;
  padding-left: 10px;
  width: 330px;
  height: 40px;
}
.dashboard.page__creator_information .creator_head .creator_main select option {
  color: #78716b;
}
.dashboard.page__creator_information .creator_head .creator_main .profil_text {
  width: 20px;
  text-align: right;
  line-height: 110px;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 50px;
}
.dashboard.page__creator_information .creator_head .creator_main .avatar {
  opacity: 0;
}
.dashboard.page__creator_information .creator_head .caption {
  font-size: 18px;
  color: #78716b;
  margin: auto;
  margin-bottom: 5px;
  width: 80%;
}
.dashboard.page__creator_information .creator_head .popset-table {
  width: 80%;
  margin: auto;
}
.dashboard.page__creator_information .creator_head .popset-table table {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
}
.dashboard.page__creator_information .creator_head .popset-table table tr {
  border: 1px solid #ccc;
}
.dashboard.page__creator_information .creator_head .popset-table table tr th {
  background: #F7F6F5;
  height: 40px;
  font-size: 16px;
  color: #78716b;
  font-weight: 400;
}
.dashboard.page__creator_information .creator_head .popset-table table tr td {
  height: 55px;
  color: #78716b;
  font-size: 16px;
}
.dashboard.page__creator_information .creator_head .popset-table table tr img {
  text-align: center;
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.dashboard.page__creator_information .creator_head .popset-table table tr .info-creator {
  color: #049e93;
  border: solid 1px #10A398;
  border-radius: 10px;
  background: #fff;
  padding: 3px 10px;
  font-size: 16px;
}
.dashboard.page__creator_information .creator_head .popset {
  width: 100%;
  margin-top: 10px;
}
.dashboard.page__creator_information .creator_head .button {
  text-align: center;
  margin: 40px 0px 40px 0px;
}
.dashboard.page__creator_information .creator_head .button button {
  background: #FFCF3B;
  padding: 5px 50px;
  font-size: 16px;
  color: #78716b;
  border: 1px solid #CBC6C0;
}
.dashboard.page__creator_information .creator_head .button .return {
  background: #F0EFEF;
  padding: 5px 50px;
  font-size: 16px;
  margin-left: 20px;
  color: #78716b;
  border: 1px solid #CBC6C0;
}
.dashboard.page__creator_information .creator_head .trash {
  text-align: center;
  margin-bottom: 40px;
}
.dashboard.page__creator_information .creator_head .trash .trash-all {
  display: inline-flex;
  color: #ff756d;
  align-items: center;
  border: #FF9891 1px solid;
  background: #fff;
  padding: 5px 10px;
}
.dashboard.page__creator_information .creator_head .trash .trash-all span {
  margin: 0;
}
.dashboard.page__creator_information .creator_head .trash .trash-all span a {
  font-size: 16px;
  color: #FF8983;
}

.dashboard.page__creator_list .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.dashboard.page__creator_list .main-contents .contents1 {
  width: 100%;
}
.dashboard.page__creator_list .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.dashboard.page__creator_list .main-contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.dashboard.page__creator_list .main-contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .dropdown {
  float: left;
  position: relative;
}
.dashboard.page__creator_list .main-contents .contents1 .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.dashboard.page__creator_list .main-contents .new-creator {
  margin: 30px auto 10px auto;
  width: 85%;
  justify-content: space-between;
  display: flex;
}
.dashboard.page__creator_list .main-contents .new-creator .creator {
  font-size: 20px;
  color: #78716b;
  font-weight: 500;
}
.dashboard.page__creator_list .main-contents .new-creator .in-new-creator {
  display: inline-flex;
  border: 1px solid #D1CCC7;
  padding: 2px 10px;
  align-items: center;
}
.dashboard.page__creator_list .main-contents .new-creator .in-new-creator .circle-icon {
  width: 30px;
  color: #A59B91;
}
.dashboard.page__creator_list .main-contents .new-creator .in-new-creator span {
  font-size: 15px;
  color: #78716b;
  text-indent: 10px;
}
.dashboard.page__creator_list .main-contents .popset-table {
  width: 85%;
  margin: 10px auto 0px auto;
  padding-bottom: 40px;
}
.dashboard.page__creator_list .main-contents .popset-table table {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
}
.dashboard.page__creator_list .main-contents .popset-table table tr {
  border: 1px solid #ccc;
}
.dashboard.page__creator_list .main-contents .popset-table table tr th {
  background: #F7F6F5;
  height: 40px;
  font-size: 16px;
  color: #78716b;
}
.dashboard.page__creator_list .main-contents .popset-table table tr td {
  height: 55px;
  color: #78716b;
  font-size: 16px;
}
.dashboard.page__creator_list .main-contents .popset-table table tr .info-creator {
  color: #049e93;
  border: solid 1px #10A398;
  border-radius: 10px;
  background: #fff;
  padding: 3px 10px;
  font-size: 16px;
}

.dashboard.page__creator_register .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.dashboard.page__creator_register .main-contents .contents1 {
  width: 100%;
}
.dashboard.page__creator_register .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.dashboard.page__creator_register .main-contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.dashboard.page__creator_register .main-contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown {
  float: left;
  overflow: hidden;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 20.5%;
  display: none;
  position: absolute;
  top: 19%;
  left: 41%;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
  margin-top: 10px;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.dashboard.page__creator_register .main-contents .contents1 .top-nav .inside-top-nav .dropdown:hover .dropdown-content {
  display: block;
}
.dashboard.page__creator_register .main-contents h2 {
  margin: 45px 0px 0px 120px;
  font-size: 20px;
  margin-bottom: 20px;
}
.dashboard.page__creator_register .main-contents .creator_head {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main {
  margin-right: 10px;
  width: 100%;
  margin: auto;
  position: relative;
  left: 250px;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main .icon_frame {
  border: 1px solid #C8C2BC;
  height: 90px;
  width: 90px;
  position: relative;
  left: 150px;
  top: 40px;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main input {
  width: 330px;
  height: 40px;
  font-size: 17px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #DCD8D4;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main label {
  width: 130px;
  text-align: right;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 17px;
  color: #78716b;
  margin: 0;
  height: 50px;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main textarea {
  vertical-align: middle;
  height: 60px;
  margin-left: 15px;
  font-size: 17px;
  padding-left: 10px;
  border: solid 1px #DCD8D4;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main select {
  margin-left: 15px;
  font-size: 17px;
  border: 1px solid #DCD8D4;
  color: #78716b;
  padding-left: 10px;
  width: 330px;
  height: 40px;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main select option {
  color: #78716b;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main .profil_text {
  width: 20px;
  text-align: right;
  line-height: 110px;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 50px;
}
.dashboard.page__creator_register .main-contents .creator_head .creator_main .avatar {
  opacity: 0;
}
.dashboard.page__creator_register .main-contents .creator_head .button {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
.dashboard.page__creator_register .main-contents .creator_head .button button {
  width: 150px;
  font-size: 17px;
  color: #78716b;
  padding: 6px 20px;
  background: #FFCF3B;
  border: 1px solid #AFA69E;
}
.dashboard.page__creator_register .main-contents .creator_head .button .return {
  width: 150px;
  font-size: 17px;
  padding: 6px 20px;
  margin-left: 20px;
  background: #F0EFEF;
  color: #78716b;
  border: 1px solid #AFA69E;
}

.management-member.page__management-member {
  width: 100%;
  height: 100%;
}
.management-member.page__management-member .main-content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 90px;
}
.management-member.page__management-member .main-content .inside-main-content {
  padding: 0px 0px 0px 50px;
}
.management-member.page__management-member .main-content .inside-main-content h1 {
  margin: 0;
  font-size: 20px;
  line-height: 90px;
}
.management-member.page__management-member .member-list {
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 3em;
}
.management-member.page__management-member .member-list .add-member {
  border: 2px solid #ccc;
  float: right;
  padding: 10px 25px 10px 20px;
  display: flex;
  margin-top: 50px;
  margin-bottom: 20px;
  cursor: pointer;
}
.management-member.page__management-member .member-list .add-member .add-icon {
  height: 35px;
  width: 35px;
}
.management-member.page__management-member .member-list .add-member p {
  margin: 0;
  font-size: 15px;
  line-height: 35px;
  text-indent: 10px;
}
.management-member.page__management-member .member-list .table-of-member {
  width: 100%;
}
.management-member.page__management-member .member-list .table-of-member table {
  width: 100%;
  top: 40px;
}
.management-member.page__management-member .member-list .table-of-member table tr {
  border: 1px solid #ccc;
}
.management-member.page__management-member .member-list .table-of-member table tr th {
  height: 45px;
  font-size: 17px;
  font-weight: 200;
  background: #F7F6F5;
  padding-left: 5.5em;
}
.management-member.page__management-member .member-list .table-of-member table tr td {
  height: 70px;
  font-size: 17px;
  padding-left: 5em;
}
.management-member.page__management-member .member-list .table-of-member table .user-icon {
  height: 30px;
  width: 40px;
  padding-left: unset;
  margin-left: 4em;
  margin-top: 0.6em;
  position: relative;
}
.management-member.page__management-member .member-list .table-of-member table .user-icon div {
  width: 30px;
  position: absolute;
  bottom: 0;
  left: 4em;
}
.management-member.page__management-member .member-list .table-of-member table .user-icon div svg rect {
  fill: #F7F6F5;
}
.management-member.page__management-member .member-list .table-of-member table .user-icon img {
  width: 30px;
  position: absolute;
  bottom: 10px;
  left: 4em;
}
.management-member.page__management-member .member-list .table-of-member table button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 2px 10px;
}

.master-account-setting.page__master-account-setting .main-header {
  background: #F7ECDD;
  height: 100px;
}
.master-account-setting.page__master-account-setting .main-header h1 {
  font-size: 20px;
  color: #78716b;
  line-height: 100px;
  padding: 10px 0px 10px 70px;
}
.master-account-setting.page__master-account-setting .user-details {
  width: 83%;
  margin: auto;
  margin-top: 100px;
  display: grid;
  grid-template-columns: 25% auto;
}
.master-account-setting.page__master-account-setting .user-details .inside-user-details {
  padding-top: 20px;
}
.master-account-setting.page__master-account-setting .user-details .inside-user-details .photo-farm-icon {
  height: 100px;
  width: 110px;
  border: 1px solid #ccc;
  margin-left: 15px;
}
.master-account-setting.page__master-account-setting .user-details .inside-user-details .user-icon {
  width: 100px;
  border: 1px solid #C2BCB6;
  margin-left: 20px;
  color: #A59B91;
}
.master-account-setting.page__master-account-setting .user-details .inside-user-details .pic-upload {
  background: rgb(255, 219, 217);
  width: 140px;
  height: 50px;
  font-size: 14px;
  margin-top: 20px;
  padding-left: 5px;
  border-radius: 5px;
  line-height: 50px;
}
.master-account-setting.page__master-account-setting .user-details .personal-details label {
  font-size: 15px;
  margin: 10px 0px;
  color: #78716b;
}
.master-account-setting.page__master-account-setting .user-details .personal-details label input {
  height: 50px;
  margin-top: 5px;
  width: 150%;
  font-size: 14px;
  padding-left: 20px;
  border: 1px solid #CAC5BF;
}
.master-account-setting.page__master-account-setting .user-details .personal-details label ::-ms-input-placeholder {
  color: #C0B9B2;
}
.master-account-setting.page__master-account-setting .user-details .personal-details label ::placeholder {
  color: #C0B9B2;
}
.master-account-setting.page__master-account-setting .user-details .personal-details .text {
  margin: 0;
  font-size: 15px;
  margin: 15px 0px;
}
.master-account-setting.page__master-account-setting .user-details .personal-details .change-button button {
  font-size: 16px;
  padding: 10px 30px;
  background: rgb(255, 207, 59);
  border: 1px solid #DCD8D4;
  margin: 10px 0px 40px 0px;
  color: #78716b;
}
.master-account-setting.page__master-account-setting hr {
  width: 83%;
  margin: auto;
  border: 0.5px solid #C0B9B2;
}
.master-account-setting.page__master-account-setting .change-password {
  width: 42%;
  margin: auto;
  margin-top: 30px;
}
.master-account-setting.page__master-account-setting .change-password h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.master-account-setting.page__master-account-setting .change-password label {
  font-size: 15px;
  padding: 5px 0px;
}
.master-account-setting.page__master-account-setting .change-password label .input {
  width: 110%;
  margin-top: 5px;
  height: 50px;
  font-size: 14px;
  border: 1px solid #CAC5BF;
  padding-left: 20px;
}
.master-account-setting.page__master-account-setting .change-password label input {
  font-size: 14px;
  height: 50px;
  margin-top: 5px;
  padding-left: 20px;
  border: 1px solid #CAC5BF;
  width: 100%;
}
.master-account-setting.page__master-account-setting .change-password .confirm {
  font-size: 12px;
  color: #78716b;
}
.master-account-setting.page__master-account-setting .change-password .change-button button {
  font-size: 16px;
  padding: 10px 30px;
  background: rgb(255, 207, 59);
  border: 1px solid #DCD8D4;
  margin-top: 10px;
  margin-bottom: 40px;
  color: #78716b;
}

.master-logout.page__master-logout .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.master-logout.page__master-logout .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.master-logout.page__master-logout .main-contents ::placeholder {
  color: #CAC7C5;
}
.master-logout.page__master-logout .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.master-logout.page__master-logout .main-contents .contents2 h2 {
  font-size: 25px;
  margin-top: 4%;
}
.master-logout.page__master-logout .main-contents .contents2 .return-login {
  margin-top: 55px;
}
.master-logout.page__master-logout .main-contents .contents2 .return-login p {
  margin: 0;
}
.master-logout.page__master-logout .main-contents .contents2 .return-login span {
  border-bottom: solid 1px #78716B;
}
.master-logout.page__master-logout .main-contents .contents2 .return-login a {
  color: #78716B;
  font-size: 17px;
}
.master-logout.page__master-logout .main-contents .contents2 p.password-reset {
  font-size: 1.3em;
  margin-bottom: -6px;
  margin-top: 30px;
  margin-right: 80px;
  position: relative;
  left: 4%;
  margin-bottom: 5%;
  font-size: 19px;
}
.master-logout.page__master-logout .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.master-logout.page__master-logout .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.master-logout.page__master-logout .main-contents .contents2 a {
  color: #78716b;
}
.master-logout.page__master-logout .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.master-logout.page__master-logout .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.master-password-reset-info.page__master-password-reset-info .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.master-password-reset-info.page__master-password-reset-info .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.master-password-reset-info.page__master-password-reset-info .main-contents ::placeholder {
  color: #CAC7C5;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 h2 {
  font-size: 1.25em;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .return-login {
  margin-top: 25px;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .return-login p {
  margin: 0;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .return-login span {
  border-bottom: solid 1px #78716B;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .return-login a {
  color: #78716B;
  font-size: 0.9rem;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 p.password-reset {
  font-size: 1.3em;
  margin-bottom: -6px;
  margin-top: 30px;
  margin-right: 80px;
  position: relative;
  left: 4%;
  margin-bottom: 5%;
  font-size: 1rem;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 a {
  color: #78716b;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.master-password-reset-info.page__master-password-reset-info .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.master-password-reset.page__master-password-reset .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.master-password-reset.page__master-password-reset .main-contents .mailaddress label {
  position: relative;
}
.master-password-reset.page__master-password-reset .main-contents .mailaddress img {
  position: absolute;
  top: 18px;
  left: 19px;
  width: 5.5%;
}
.master-password-reset.page__master-password-reset .main-contents .mailaddress p {
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 3em;
  font-size: 0.9rem;
  width: 320px;
  display: block;
  text-align: left;
}
.master-password-reset.page__master-password-reset .main-contents .POPST {
  text-align: center;
}
.master-password-reset.page__master-password-reset .main-contents .return-login {
  padding-top: 1em;
}
.master-password-reset.page__master-password-reset .main-contents .return-login p {
  margin: 0;
}
.master-password-reset.page__master-password-reset .main-contents .return-login span {
  border-bottom: solid 1px #78716B;
}
.master-password-reset.page__master-password-reset .main-contents .return-login a {
  color: #78716B;
}
.master-password-reset.page__master-password-reset .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
  font-size: 0.9rem;
}
.master-password-reset.page__master-password-reset .main-contents ::placeholder {
  color: #CAC7C5;
  font-size: 0.9rem;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .contents2-main h2 {
  font-size: 1.25em;
  padding-top: 0.8em;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .contents2-main p {
  margin-bottom: 0;
  margin-top: 2%;
  font-size: 17px;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
  color: #A59B91;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 5px 10px 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 a {
  color: #78716b;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #41B39C;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .password-forgot a {
  color: #41B39C;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.master-password-reset.page__master-password-reset .main-contents .contents2 .reset_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.master-sales.page__master-sales .main .content1 {
  width: 100%;
  padding-left: 70px;
  background: #f5e7d5;
  height: 90px;
}
.master-sales.page__master-sales .main .content1 .sale-icon {
  width: 45px;
  color: #A59B91;
}
.master-sales.page__master-sales .main .content1 h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.master-sales.page__master-sales .main .contents2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5em;
}
.master-sales.page__master-sales .main .contents2 .main-sections {
  width: 100%;
}
.master-sales.page__master-sales .main .contents2 .main-sections .in-month {
  position: relative;
}
.master-sales.page__master-sales .main .contents2 .main-sections .in-month .calendar-style {
  width: 145px;
  height: 40px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 45px;
  -webkit-appearance: none;
}
.master-sales.page__master-sales .main .contents2 .main-sections .in-month .calendar-icon {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date {
  margin-left: 20px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date .img-1 {
  cursor: pointer;
  padding-right: 10px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date div label .input {
  height: 50px;
  margin: 10px;
  border: 1px solid #CEC8C2;
  padding: 5px 0 5px 50px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section .month-and-date .img-2 {
  cursor: pointer;
  padding-left: 10px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section-2 {
  margin-left: 1em;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section-2 .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section-2 .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section-2 .month-and-date {
  margin-left: 20px;
}
.master-sales.page__master-sales .main .contents2 .main-sections .section-2 .month-and-date .apply_btn {
  background-color: #ffcf3b;
  border: 1px solid #B4A895;
  color: #78716b;
  padding: 0px 15px;
  text-align: center;
  margin-left: 10px;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.master-sales.page__master-sales .main .contents2 .month-total {
  justify-content: flex-end;
  padding-top: 2em;
}
.master-sales.page__master-sales .main .contents2 .month-total .total {
  width: 230px;
  font-size: 14px;
  position: relative;
  margin-left: 4em;
}
.master-sales.page__master-sales .main .contents2 .month-total .total .total-label {
  border-bottom: 1px solid #b7afa7;
}
.master-sales.page__master-sales .main .contents2 .month-total .total .total-label .total-price {
  font-size: 22px;
  position: absolute;
  bottom: 13px;
  right: 15px;
}
.master-sales.page__master-sales .main .contents2 .info-table table {
  width: 100%;
  border: 2px solid #ccc;
}
.master-sales.page__master-sales .main .contents2 .info-table table tr {
  text-align: center;
  border: 2px solid #ccc;
}
.master-sales.page__master-sales .main .contents2 .info-table table tr th {
  background: rgb(247, 246, 245);
  height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.master-sales.page__master-sales .main .contents2 .info-table table tr td {
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
  font-size: 16px;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table {
  overflow-x: scroll;
  max-width: calc(100vw - 6rem);
  border-left: 2px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table {
  width: 100%;
  border: none;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr {
  text-align: center;
  border-left: none;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th {
  height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td {
  white-space: nowrap;
  min-width: 5em;
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:first-child,
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:nth-of-type(2),
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:nth-of-type(3) {
  position: sticky;
  position: -webkit-sticky;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:first-child,
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:nth-of-type(2),
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:nth-of-type(3) {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:first-child,
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:first-child {
  left: 0;
  min-width: 8rem;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:nth-of-type(2),
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:nth-of-type(2) {
  left: 8rem;
  min-width: 8rem;
}
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr th:nth-of-type(3),
.master-sales.page__master-sales .main .contents2 .info-table.sticky-table table tr td:nth-of-type(3) {
  left: 16rem;
  min-width: 12rem;
}
.master-sales.page__master-sales .main .contents2 .sale-ex {
  margin-bottom: 10px;
  text-align: right;
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
}
.master-sales.page__master-sales .main .contents2 .sale-ex .tax-excluded {
  color: #41B39C;
  vertical-align: bottom;
  font-size: 13px;
}
.master-sales.page__master-sales .main .contents2 .sale-ex .in-sale-ex {
  border: 1px solid #CAC0AD;
  background: #fff1c7;
  padding: 0px 10px 0px 3px;
  margin-left: 0.5em;
}
.master-sales.page__master-sales .main .contents2 .sale-ex .in-sale-ex .icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
}
.master-sales.page__master-sales .main .contents2 .sale-ex .in-sale-ex a {
  font-size: 13px;
  color: #78716b;
}
.master-sales.page__master-sales .main .contents2 .sale-ex .in-sale-ex span {
  display: inline-flex;
  vertical-align: middle;
}
.master-sales.page__master-sales .main .contents2 .sale-individual {
  width: 100%;
  text-align: right;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual {
  margin: 10px;
  text-align: center;
  justify-content: flex-end;
  display: inline-flex;
  align-items: flex-end;
  border: 1px solid #a59b91;
  padding: 10px;
  width: auto;
  min-width: 12rem;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .tax-excluded {
  color: #41B39C;
  vertical-align: bottom;
  font-size: 13px;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .sale-label {
  margin-bottom: 5px;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .in-sale-ex {
  border: 1px solid #CAC0AD;
  background: #fff1c7;
  padding: 0px 10px 0px 3px;
  margin-left: 0.5em;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .in-sale-ex .icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .in-sale-ex a {
  font-size: 13px;
  color: #78716b;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .in-sale-individual .in-sale-ex span {
  display: inline-flex;
  vertical-align: middle;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5em;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled form {
  max-width: 100%;
  margin-left: auto;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled form div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled button {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #78716b;
  border: 1px solid #CAC0AD;
  background: #fff1c7;
  height: 35px;
  padding: 0px 10px;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled button span {
  white-space: nowrap;
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled p {
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
}
.master-sales.page__master-sales .main .contents2 .sale-individual .unsettled p.error {
  color: #e9340a;
}
.master-sales.page__master-sales .main .contents2 .in-sale-printing {
  padding: 0;
}
.master-sales.page__master-sales .main .contents2 .in-sale-printing .to-printing-sales {
  width: 100%;
  margin: auto;
}
.master-sales.page__master-sales .d-flex {
  display: flex;
  align-items: center;
}
.master-sales.page__master-sales .separation {
  width: 3px;
  height: 60px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: #ccc 3px solid;
}
.master-sales.page__master-sales label {
  margin-bottom: 0;
}
.master-sales.page__master-sales .button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 4px 10px;
  font-size: 15px;
}

/* SafariのPosition：Sticky で borderが表示されないための対応*/
_::-webkit-full-page-media, _:future, :root .info-table.sticky-table .nodata {
  transform: scaleY(0.97);
}

.page__master-password-reset-new {
  overflow: hidden;
}
.page__master-password-reset-new .master-top-line .header_contents {
  top: 60px;
}
.page__master-password-reset-new .main .contents2 {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.page__master-password-reset-new .main .contents2 h1 {
  margin: 0;
  font-size: 25px;
  color: #78716b;
}
.page__master-password-reset-new .main .contents2 .password .inside-password {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  margin-top: 20px;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 200px;
  color: #78716b;
}
.page__master-password-reset-new .main .contents2 .password .inside-password label {
  position: relative;
  margin: 0;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .login-eye-invisible {
  width: 25px;
}
.page__master-password-reset-new .main .contents2 .password .inside-password .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password {
  text-align: center;
  font-size: 30px;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 150px;
  color: #78716b;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label {
  position: relative;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye-invisible {
  width: 25px;
}
.page__master-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__master-password-reset-new .main .contents2 .alert {
  font-size: 12.27px;
  margin-left: 75px;
  color: #ff756d;
  position: relative;
  bottom: 10px;
}
.page__master-password-reset-new .main .contents2 .button {
  text-align: center;
}
.page__master-password-reset-new .main .contents2 .button .login-btn {
  background-color: #ffcf3b;
  border: 1px solid #a59b91;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 45px;
  margin-top: 25px;
  cursor: pointer;
  color: #78716b;
  margin-bottom: 20px;
}
.page__master-password-reset-new .text-error {
  color: red;
}

.master-questionnaire.page__master-questionnaire .main .apply_btn {
  width: 120px;
  background-color: #ffcf3b;
  border: 1px solid #B4A895;
  color: #78716b;
  padding: 0px 10px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
}
.master-questionnaire.page__master-questionnaire .main span.nowrap {
  white-space: nowrap;
}
.master-questionnaire.page__master-questionnaire .main .category-button-box {
  display: flex;
  margin: 10px 0px;
}
.master-questionnaire.page__master-questionnaire .main .category-button-box .category-button {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0px 10px;
  border: 1px solid #a59b91;
  background-color: #fffaf5;
  height: 40px;
  margin-right: 8px;
  font-size: 15px;
  text-align: center;
}
.master-questionnaire.page__master-questionnaire .main .category-button-box input[type=radio] {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.master-questionnaire.page__master-questionnaire .main .content1 {
  width: 100%;
  padding-left: 70px;
  background: #f5e7d5;
  height: 90px;
}
.master-questionnaire.page__master-questionnaire .main .content1 .sale-icon {
  width: 45px;
  color: #A59B91;
}
.master-questionnaire.page__master-questionnaire .main .content1 h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.master-questionnaire.page__master-questionnaire .main .contents2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5em;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .date-select-area {
  display: flex;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .in-month {
  position: relative;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .in-month .calendar-style {
  width: 145px;
  height: 40px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 45px;
  -webkit-appearance: none;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .in-month .calendar-icon {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month {
  margin-right: 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date {
  margin: 0px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date .img-1 {
  cursor: pointer;
  padding-right: 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date div label .input {
  height: 50px;
  margin: 10px;
  border: 1px solid #CEC8C2;
  padding: 5px 0 5px 50px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section .month-and-date .img-2 {
  cursor: pointer;
  padding-left: 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section-2 {
  margin-left: 1em;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section-2 .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section-2 .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .main-sections .section-2 .month-and-date {
  margin: 0px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .month-total {
  justify-content: flex-end;
  padding-top: 2em;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .month-total .total {
  width: 230px;
  font-size: 14px;
  position: relative;
  margin-left: 4em;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .month-total .total .total-label {
  border-bottom: 1px solid #b7afa7;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .month-total .total .total-label .total-price {
  font-size: 22px;
  position: absolute;
  bottom: 13px;
  right: 15px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table table {
  width: 100%;
  border: 2px solid #ccc;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table table tr {
  text-align: center;
  border: 2px solid #ccc;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table table tr th {
  background: rgb(247, 246, 245);
  height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table table tr td {
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
  font-size: 16px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line {
  overflow-x: scroll;
  max-width: calc(100vw - 6rem);
  border-left: 2px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table {
  width: 100%;
  border: none;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr {
  text-align: center;
  border-left: none;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr th {
  height: 50px;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  padding: 0px 10px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr td {
  white-space: nowrap;
  min-width: 5em;
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr th:first-child,
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr th:nth-of-type(2) {
  position: sticky;
  position: -webkit-sticky;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr td:first-child,
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr td:nth-of-type(2) {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr th:first-child,
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr td:first-child {
  left: 0;
  min-width: 140px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr th:nth-of-type(2),
.master-questionnaire.page__master-questionnaire .main .contents2 .info-table.sticky-table-2-line table tr td:nth-of-type(2) {
  left: 140px;
  min-width: 100px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .second-section {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .second-section .export-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  width: 150px;
  height: 40px;
  border: 1px solid #CAC0AD;
  background: #fff1c7;
  padding: 0px 10px 0px 3px;
  margin-left: 0.5em;
  white-space: nowrap;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .second-section .export-button .icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .second-section .export-button a {
  color: #78716b;
}
.master-questionnaire.page__master-questionnaire .main .contents2 .second-section .export-button span {
  display: inline-flex;
  vertical-align: middle;
}
.master-questionnaire.page__master-questionnaire .d-flex {
  display: flex;
  align-items: center;
}
.master-questionnaire.page__master-questionnaire .separation {
  width: 3px;
  height: 60px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: #ccc 3px solid;
}
.master-questionnaire.page__master-questionnaire label {
  margin-bottom: 0;
}
.master-questionnaire.page__master-questionnaire .button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 4px 10px;
  font-size: 15px;
}

/* SafariのPosition：Sticky で borderが表示されないための対応*/
_::-webkit-full-page-media, _:future, :root .info-table.sticky-table .nodata {
  transform: scaleY(0.97);
}

.master-users.page__master-users .main .content {
  width: 100%;
  padding-left: 30px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.master-users.page__master-users .main .content .sale-icon {
  width: 60px;
  color: #78716b;
}
.master-users.page__master-users .main .content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.master-users.page__master-users .main h2 {
  padding: 35px 50px 20px 40px;
  margin: 0;
  font-size: 17px;
}
.master-users.page__master-users .main form {
  margin: 0px 40px;
  padding: 0px 0px 0px 10px;
  border: 2px solid #ccc;
}
.master-users.page__master-users .main form .main-section {
  display: inline-flex;
  margin-top: 20px;
}
.master-users.page__master-users .main form .main-section .in-section-one {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .in-section-one .section-one .radio-box {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.master-users.page__master-users .main form .main-section .in-section-one .section-one label {
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.master-users.page__master-users .main form .main-section .in-section-one img {
  margin: 5px 5px 0px 5px;
}
.master-users.page__master-users .main form .main-section .in-section-one .input input {
  padding-left: 40px;
  height: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .in-section-one input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-one input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-one .icon {
  width: 30px;
  position: relative;
  right: 185px;
}
.master-users.page__master-users .main form .main-section .in-section-two {
  display: flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .in-section-two .section-two .radio-box {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
}
.master-users.page__master-users .main form .main-section .in-section-two .section-two label {
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.master-users.page__master-users .main form .main-section .in-section-two .input {
  margin-left: 10px;
}
.master-users.page__master-users .main form .main-section .in-section-two .input input {
  padding-left: 40px;
  height: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .in-section-two input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-two input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .in-section-two .icon {
  width: 30px;
  position: relative;
  right: 166px;
}
.master-users.page__master-users .main form .main-section .input-two {
  margin: 0px 5px 0px 0px;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .section-three {
  display: flex;
  align-items: center;
  line-height: 40px;
}
.master-users.page__master-users .main form .main-section .section-three .input {
  margin-left: 10px;
}
.master-users.page__master-users .main form .main-section .section-three .input input {
  padding-left: 40px;
  height: 40px;
  color: #78716b;
  font-size: 15px;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .section-three input[type=month]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .section-three input[type=month]::-webkit-clear-button {
  -webkit-appearance: none;
}
.master-users.page__master-users .main form .main-section .section-three .icon {
  width: 30px;
  position: relative;
  right: 166px;
}
.master-users.page__master-users .main form .main-section .section-four {
  display: flex;
  align-items: center;
}
.master-users.page__master-users .main form .main-section .section-four input {
  height: 40px;
  width: 180px;
  padding-left: 40px;
  font-size: 15px;
  color: #78716b;
  border: 1px solid #C5BFB9;
}
.master-users.page__master-users .main form .main-section .section-four .icon {
  width: 30px;
  position: relative;
  right: 177px;
  color: #78716b;
}
.master-users.page__master-users .main form .do-check {
  display: inline-flex;
  align-items: center;
  margin: 15px 15px 15px 0px;
}
.master-users.page__master-users .main form .do-check .checker-box {
  display: inline-flex;
  margin: 0 40px 0 15px;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan {
  display: inline-flex;
  margin: 10px;
  align-items: center;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan label {
  margin: 0;
  line-height: 25px;
  font-size: 15px;
}
.master-users.page__master-users .main form .do-check .checker-box .checkbox-plan input[type=checkbox] {
  width: 30px;
  height: 25px;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: sub;
}
.master-users.page__master-users .main form .buttons {
  text-align: center;
  margin-bottom: 15px;
}
.master-users.page__master-users .main form .buttons .search_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.master-users.page__master-users .main .pickup {
  margin: 20px 0 10px 0;
  text-align: right;
}
.master-users.page__master-users .main .pickup .in-pickup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 40px;
}
.master-users.page__master-users .main .pickup .in-pickup span {
  margin: 0;
  font-size: 15px;
}
.master-users.page__master-users .main .pickup .in-pickup .export {
  display: inline-flex;
  align-items: center;
  background: #fff1c7;
  height: 45px;
  width: 180px;
  border: #a59b91 1px solid;
  margin-left: auto;
  margin-right: 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .export .export-icon {
  width: 35px;
  height: 35px;
  margin: 0px 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .export .export-section {
  margin: 0;
}
.master-users.page__master-users .main .pickup .in-pickup .export form {
  font-size: 15px;
  display: contents;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export {
  display: inline-flex;
  align-items: center;
  background: #fff1c7;
  height: 45px;
  width: 200px;
  border: #a59b91 1px solid;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export .export-icon {
  width: 35px;
  height: 35px;
  margin: 0px 10px;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export .export-section {
  margin: 0;
}
.master-users.page__master-users .main .pickup .in-pickup .log-export form {
  font-size: 15px;
  display: contents;
}
.master-users.page__master-users .main .export-table {
  margin: 0px 40px;
}
.master-users.page__master-users .main .export-table table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  width: 100%;
}
.master-users.page__master-users .main .export-table table tr {
  border-bottom: solid 1px #b7afa7;
}
.master-users.page__master-users .main .export-table table tr th {
  height: 45px;
  font-size: 14px;
  background: rgb(247, 246, 245);
  text-align: center;
  color: #78716b;
}
.master-users.page__master-users .main .export-table table tr td {
  height: 70px;
  color: #78716b;
  text-align: center;
}
.master-users.page__master-users .main .export-table table tr .edit-page {
  color: rgb(4, 158, 147);
  border: solid 1px rgb(4, 158, 147);
  border-radius: 10px;
  background: #fff;
  padding: 0px 10px;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table table .figure-none {
  margin: 0;
}
.master-users.page__master-users .main .export-table.sticky-table {
  overflow-x: scroll;
  max-width: calc(100vw - 9rem);
  border-left: 2px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.master-users.page__master-users .main .export-table.sticky-table table {
  width: 100%;
  border: none;
}
.master-users.page__master-users .main .export-table.sticky-table table tr {
  text-align: center;
  border: 1px solid #ccc;
  border-left: none;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th {
  height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td {
  white-space: nowrap;
  min-width: 6em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(8), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(9) {
  min-width: 7em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(10), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(11), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(12), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(13), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(14), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(15), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(16), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(17) {
  min-width: 12em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(18), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(19), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(20), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(21), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(22), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(23), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(24), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(25) {
  min-width: 16em;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td {
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  background: #fff;
}
.master-users.page__master-users .main .export-table.sticky-table table tr td:last-child {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white);
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(4), .master-users.page__master-users .main .export-table.sticky-table table tr td:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  position: -webkit-sticky;
  position: sticky;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3) {
  white-space: inherit;
  word-break: break-all;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:first-child, .master-users.page__master-users .main .export-table.sticky-table table tr td:first-child {
  left: 0;
  min-width: 4rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(2), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(2) {
  left: 4rem;
  min-width: 8rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(3), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(3) {
  left: 12rem;
  min-width: 12rem;
}
.master-users.page__master-users .main .export-table.sticky-table table tr th:nth-of-type(4), .master-users.page__master-users .main .export-table.sticky-table table tr td:nth-of-type(4) {
  left: 24rem;
  min-width: 8rem;
}
.master-users.page__master-users .main .export-table .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  text-align: left;
}
.master-users.page__master-users .main .export-table .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.master-users.page__master-users .main .export-table .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  padding: 40px 40px 20px 40px;
  background-color: #fffaf5;
  border: #fffaf5 1px solid;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgb(94, 91, 91);
  z-index: 2;
}
.master-users.page__master-users .main .export-table .popup-inner img {
  margin-left: 70px;
}
.master-users.page__master-users .main .export-table .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table .close-btn i {
  font-weight: bold;
  font-size: 20px;
  color: #a59b91;
}
.master-users.page__master-users .main .export-table .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}
.master-users.page__master-users .main .export-table .form-base {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: 50% 1fr;
  border: none;
}
.master-users.page__master-users .main .export-table .form-label {
  text-align: right;
  align-self: center;
  margin-right: 10px;
  font-size: 17px;
}
.master-users.page__master-users .main .export-table .form-input {
  font-size: 17px;
  margin-left: 10px;
  word-break: break-all;
}
.master-users.page__master-users .main .export-table .outside-delete-btn {
  text-align: center;
  margin: 30px 0 0 0;
}
.master-users.page__master-users .main .export-table .delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
  color: #ff756d;
  height: 43px;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.master-users.page__master-users .main .export-table .delete-btn .trash-icon {
  height: 30px;
  width: 50px;
}
.master-users.page__master-users .main .export-table .form-1 {
  border: none;
}
.master-users.page__master-users .main .export-table p {
  margin: 0;
}

/* SafariのPosition：Sticky で borderが表示されないための対応*/
:root .export-table.sticky-table .nodata {
  transform: scaleY(0.97);
}

.material-management-list.page__material-management-list .contents {
  width: 100%;
  height: 100%;
}
.material-management-list.page__material-management-list .contents .contents1 {
  width: 100%;
}
.material-management-list.page__material-management-list .contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.material-management-list.page__material-management-list .contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.material-management-list.page__material-management-list .contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
  position: relative;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav a span {
  margin: 0;
  font-size: 17px;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .upload-icon {
  height: 50px;
  width: 50px;
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  background-color: #ffffff;
  z-index: 1;
  position: absolute;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropdown-content a {
  float: none;
  color: black;
  text-decoration: none;
  display: block;
  align-items: center;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 15px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .inside-top-nav .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .dropdown {
  float: left;
}
.material-management-list.page__material-management-list .contents .contents1 .top-nav .dropdown:hover .dropdown-content {
  display: block;
  border: 1px solid #ccc;
  border-top: 0;
}
.material-management-list.page__material-management-list .contents h2 {
  margin: 40px 100px;
  font-size: 20px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .contents2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.material-management-list.page__material-management-list .contents .contents2 .search {
  text-align: center;
  height: 50px;
}
.material-management-list.page__material-management-list .contents .contents2 .search label {
  position: relative;
}
.material-management-list.page__material-management-list .contents .contents2 .search label input[type=search] {
  width: 290px;
  font-size: 15px;
  height: 50px;
  padding-left: 10px;
  border: #DCD8D5 1px solid;
}
.material-management-list.page__material-management-list .contents .contents2 .search label ::-ms-input-placeholder {
  color: #C8C2BC;
  padding-left: 10px;
}
.material-management-list.page__material-management-list .contents .contents2 .search label ::placeholder {
  color: #C8C2BC;
  padding-left: 10px;
}
.material-management-list.page__material-management-list .contents .contents2 .search label .search-icon {
  height: 35px;
  width: 35px;
  position: relative;
  left: 245px;
  bottom: 42px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .contents2 .select-pops {
  text-align: center;
  display: inline-flex;
  margin: auto;
  align-items: flex-end;
}
.material-management-list.page__material-management-list .contents .contents2 .select-pops label {
  margin: 20px;
  text-align: left;
  font-size: 16px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .contents2 .select-pops label select {
  width: 210px;
  height: 50px;
  color: #C8C2BC;
  background: #fff;
  border-radius: 0 !important;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 15px;
  border: #DCD8D5 1px solid;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam {
  width: 75%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-1 {
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-1 span {
  margin: 0;
  margin-right: 20px;
  font-size: 17px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-2 {
  margin-top: 15px;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-2 .new-element {
  display: inline-flex;
  border: #EBE9E6 2px solid;
  padding: 3px 15px;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-2 .new-element .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .contents2 .iteam .in-iteam-2 .new-element span {
  margin: 0;
  font-size: 15px;
  text-indent: 10px;
  color: #89837E;
}
.material-management-list.page__material-management-list .contents .pops-list1 {
  width: 60%;
  border: #DCD7D3 2px solid;
  background: #F1ECEB;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info .dummy-icon {
  width: 122px;
  height: 120px;
  margin-right: 15px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
  width: 24em;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div .dropdown:hover .dropdown-content {
  display: block;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .switch-main {
  position: relative;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === ボタンを表示するエリア ============================== */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea {
  line-height: 50px;
  letter-spacing: 0; /* 文字間             */
  text-align: center; /* 文字位置は中央     */
  font-size: 21px;
  position: absolute; /* 親要素が基点       */
  width: 90px;
  right: 20px;
  top: 90px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === チェックボックス ==================================== */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea input[type=checkbox] {
  display: none; /* チェックボックス非表示 */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === チェックボックスのラベル（標準） ==================== */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea label {
  display: block; /* ボックス要素に変更 */
  box-sizing: border-box; /* 枠線を含んだサイズ */
  height: 30px;
  border-radius: 30px; /* 角丸               */
  background: #B6AEA6;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === チェックボックスのラベル（ONのとき） ================ */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea input[type=checkbox]:checked + label {
  border-color: none; /* 選択タブの枠線     */
  background: #ffbd00;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === 表示する文字（標準） ================================ */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea label span:after {
  content: "非公開"; /* 表示する文字       */
  padding: 0 0 0 36px;
  color: #FFFFFF; /* 文字色             */
  position: relative;
  top: -12px;
  left: -10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === 表示する文字（ONのとき） ============================ */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開"; /* 表示する文字       */
  padding: 0 36px 0 0; /* 表示する位置       */
  color: #FFFFFF; /* 文字色             */
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === 丸部分のSTYLE（標準） =============================== */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea #swImg {
  position: absolute; /* 親要素からの相対位置*/
  width: 20px;
  height: 20px;
  background: #FFFFFF; /* カーソルタブの背景 */
  top: 5px;
  left: 4px;
  border-radius: 26px; /* 角丸               */
  transition: 0.2s; /* 滑らか変化         */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information {
  /* === 丸部分のSTYLE（ONのとき） =========================== */
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px); /* 丸も右へ移動       */
  background: #FFFFFF; /* カーソルタブの背景 */
  position: absolute; /* 親要素からの相対位置*/
  left: -24px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon, .material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid;
  border-radius: 10px;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
  font-weight: 600;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border-color: #FFBF00;
  color: #FDAC27;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.material-management-list.page__material-management-list .contents .pops-list1 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight {
  width: 100%;
  height: 60px;
  border-bottom: #A69D96 1px solid;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list1 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box {
  position: relative;
  background: #F7ECDD;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam1 .list1 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  padding-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam1 .iteam {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam1 .iteam div {
  padding-left: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam1 .iteam img {
  width: 150px;
  height: 140px;
  object-fit: contain;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam2 {
  margin-bottom: 20px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam2 .list2 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam2 .background {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam2 .background div {
  width: 25%;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam2 .background div img {
  width: 150px;
  height: 130px;
  object-fit: contain;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 {
  margin-top: 40px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 .list3 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 .template {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 30px;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 .template div {
  width: 25%;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 .template div img {
  width: 150px;
  height: 100px;
  object-fit: contain;
}
.material-management-list.page__material-management-list .contents .pops-list1 .image-box .inter-items .iteam3 .template .new img {
  transform: rotate(90deg);
  height: 130px;
}
.material-management-list.page__material-management-list .contents .pops-list2 {
  width: 60%;
  border: #DCD7D3 2px solid;
  background: #fff2d7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info .dummy-icon {
  width: 122px;
  height: 120px;
  margin-right: 15px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border: #FF9197 2px solid;
  border-radius: 10px;
  color: #FC9394;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41ad96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #ec716a;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.material-management-list.page__material-management-list .contents .pops-list2 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list2 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list3 {
  width: 60%;
  border: #DCD7D3 2px solid;
  background: #fff2d7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 5px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info .dummy-icon {
  width: 122px;
  height: 120px;
  margin-right: 15px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #ec716a;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.material-management-list.page__material-management-list .contents .pops-list3 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .contents .pops-list3 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.material-management-list.page__material-management-list .accbox .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.material-management-list.page__material-management-list .accbox span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.material-management-list.page__material-management-list .accbox label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.material-management-list.page__material-management-list .accbox input {
  display: none;
}
.material-management-list.page__material-management-list .accbox #accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  display: none;
}
.material-management-list.page__material-management-list [id^=test-test]:checked + #accshow {
  height: auto;
  opacity: 1;
  display: block;
}
.material-management-list.page__material-management-list .rotate180 {
  transition: all 0.5s;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}

.member-info.page__member-info {
  width: 100%;
  height: 100%;
}
.member-info.page__member-info .main-content {
  width: 100%;
  padding-left: 30px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.member-info.page__member-info .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.member-info.page__member-info h2 {
  padding: 35px 50px 20px 130px;
  margin: 0;
  font-size: 17px;
  color: #78716b;
}
.member-info.page__member-info .new-member-list {
  width: 85%;
  margin: auto;
  display: grid;
  grid-template-columns: 20% 2fr;
}
.member-info.page__member-info .new-member-list .inside-user-details {
  margin-top: 20px;
}
.member-info.page__member-info .new-member-list .inside-user-details .user-icon {
  height: 100px;
  width: 110px;
  border: 1px solid #ccc;
  margin-left: 20px;
}
.member-info.page__member-info .new-member-list .inside-user-details .pic-upload {
  margin-top: 10px;
}
.member-info.page__member-info .new-member-list .inside-user-details .pic-upload p {
  margin: 0;
  background: rgb(255, 219, 217);
  font-size: 16px;
  color: #78716b;
  padding: 8px 5px;
  border-radius: 5px;
}
.member-info.page__member-info .new-member-list .personal-details .details div label {
  width: 10em;
  text-align: right;
  padding-right: 0.5;
  font-size: 17px;
  color: #78716b;
}
.member-info.page__member-info .new-member-list .personal-details .details div input {
  height: 45px;
  color: #78716b;
  padding-left: 20px;
  margin-top: 15px;
  margin-left: 30px;
  font-size: 17px;
  border: 1px solid #E3E0DD;
}
.member-info.page__member-info .new-member-list .personal-details .details div .alert {
  position: relative;
  left: 97px;
  bottom: 15px;
  font-size: 13px;
}
.member-info.page__member-info .new-member-list .personal-details .checkbox-radio {
  margin-top: 20px;
  margin-left: 155px;
  align-items: center;
}
.member-info.page__member-info .new-member-list .personal-details .checkbox-radio .radio {
  display: inline-flex;
  align-items: center;
}
.member-info.page__member-info .new-member-list .personal-details .checkbox-radio .radio .gender {
  height: 20px;
  width: 30px;
  margin-left: 40px;
}
.member-info.page__member-info .new-member-list .personal-details .checkbox-radio .radio p {
  font-size: 16px;
  margin: 0;
  text-indent: 10px;
}
.member-info.page__member-info .new-member-list .personal-details .change-button {
  margin-left: 145px;
  margin-top: 40px;
}
.member-info.page__member-info .new-member-list .personal-details .change-button span button {
  padding: 7px 50px;
  background: rgb(255, 207, 59);
  border: 1px solid #ccc;
  font-size: 17px;
}
.member-info.page__member-info .new-member-list .personal-details .change-button button {
  padding: 7px 40px;
  background: rgb(240, 239, 239);
  border: 1px solid #ccc;
  margin-left: 30px;
  font-size: 17px;
}
.member-info.page__member-info .new-member-list .personal-details .delete-button {
  margin-bottom: 20px;
  margin-top: 30px;
  margin-left: 210px;
}
.member-info.page__member-info .new-member-list .personal-details .delete-button .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: inline-flex;
  padding: 5px 20px;
  align-items: center;
}
.member-info.page__member-info .new-member-list .personal-details .delete-button .in-delete-button .delete-icon {
  width: 30px;
  color: rgb(255, 134, 127);
}
.member-info.page__member-info .new-member-list .personal-details .delete-button .in-delete-button p {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: rgb(255, 134, 127);
}

.new-master-member.page__new-master-member {
  width: 100%;
  height: 100%;
}
.new-master-member.page__new-master-member .main-content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 100px;
}
.new-master-member.page__new-master-member .main-content h1 {
  margin: 0;
  font-size: 20px;
  color: #78716b;
  line-height: 100px;
  margin: 0px 70px;
  padding-top: 10px;
}
.new-master-member.page__new-master-member h2 {
  margin: 40px auto 20px 140px;
  color: #78716b;
  font-size: 20px;
  font-weight: bold;
}
.new-master-member.page__new-master-member .new-member-list {
  width: 90%;
  margin: auto;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: 20% 2fr;
}
.new-master-member.page__new-master-member .new-member-list .inside-user-details {
  margin-top: 20px;
}
.new-master-member.page__new-master-member .new-member-list .inside-user-details .user-icon {
  height: 100px;
  width: 110px;
  margin: auto;
}
.new-master-member.page__new-master-member .new-member-list .inside-user-details .user-icon .photo-farm-icon {
  height: 100px;
  width: 110px;
  border: 1px solid #D4D0CB;
}
.new-master-member.page__new-master-member .new-member-list .inside-user-details .pic-upload {
  margin-top: 20px;
  text-align: center;
}
.new-master-member.page__new-master-member .new-member-list .inside-user-details .pic-upload span {
  margin: 0;
  margin: auto;
  font-size: 15px;
  background: rgb(255, 219, 217);
  padding: 9px 5px;
  color: #78716b;
  border-radius: 5px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .details div label {
  width: 10em;
  text-align: right;
  padding-right: 0.5;
  font-size: 16px;
  color: #78716b;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .details div input {
  height: 45px;
  width: 30%;
  padding-left: 20px;
  margin-top: 30px;
  margin-left: 30px;
  font-size: 16px;
  color: #78716b;
  border: 1px solid #E1DEDB;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .details div .id {
  position: relative;
  left: 85px;
  bottom: 15px;
  font-size: 13px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .details .alert {
  font-size: 16px;
  line-height: 45px;
  margin-left: 10px;
  color: rgb(136, 207, 193);
}
.new-master-member.page__new-master-member .new-member-list .personal-details .checkbox-radio {
  margin-left: 210px;
  margin-top: 20px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .checkbox-radio .radio {
  display: inline-flex;
  align-items: center;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .checkbox-radio .radio .gender {
  height: 20px;
  width: 20px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .checkbox-radio .radio .gender-1 {
  margin-left: 20px;
  height: 20px;
  width: 20px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .checkbox-radio .radio span {
  font-size: 17px;
  text-indent: 10px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .change-button {
  margin-left: 195px;
  margin-top: 10px;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .change-button span button {
  padding: 10px 60px;
  background: rgb(255, 207, 59);
  border: 1px solid #ccc;
  margin: 20px 0px;
  font-size: 17px;
  color: #78716b;
}
.new-master-member.page__new-master-member .new-member-list .personal-details .change-button button {
  padding: 10px 60px;
  background: rgb(240, 239, 239);
  border: 1px solid #ccc;
  margin-left: 30px;
  font-size: 17px;
  color: #78716b;
}

.dashboard.page__request .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.dashboard.page__request .main-contents .contents-1 .headline {
  width: 100%;
  align-items: center;
  background-color: #F7ECDD;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
}
.dashboard.page__request .main-contents .contents-1 .headline .headline-contents {
  height: 45px;
  width: 50px;
  margin-right: 10px;
}
.dashboard.page__request .main-contents .contents-2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.dashboard.page__request .main-contents .contents-2 .pickup {
  margin: 20px 0 10px 0;
  text-align: right;
}
.dashboard.page__request .main-contents .contents-2 .pickup .pickup-contents {
  align-items: right;
}
.dashboard.page__request .main-contents .contents-2 .pickup .export {
  display: inline-flex;
  align-items: center;
  background: #FFF1C7;
  height: 40px;
  width: 150px;
  padding: 0 5px;
  border: #a59b91 1px solid;
}
.dashboard.page__request .main-contents .contents-2 .pickup .export .export-contents {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.dashboard.page__request .main-contents .contents-2 table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  width: 100%;
}
.dashboard.page__request .main-contents .contents-2 table tr {
  border-bottom: solid 1px #b7afa7;
}
.dashboard.page__request .main-contents .contents-2 table td.left-padding {
  padding: 0 30px 0 40px;
}
.dashboard.page__request .main-contents .contents-2 table th,
.dashboard.page__request .main-contents .contents-2 table td {
  text-align: left;
  padding: 10px;
  font-size: 14px;
}
.dashboard.page__request .main-contents .contents-2 table tr:first-child {
  background-color: #f7f6f5;
}
.dashboard.page__request .main-contents .contents-2 table td:nth-child(3) {
  text-align: center;
}
.dashboard.page__request .main-contents .contents-2 table td:nth-child(4) {
  text-align: center;
}
.dashboard.page__request .main-contents .contents-2 table td:last-child {
  width: 40%;
}
.dashboard.page__request .main-contents .contents-2 table .edit-page {
  color: #049e93;
  border: solid 1px #049e93;
  border-radius: 10px;
  background: #fff;
  padding: 0px 10px;
}

.partner-information.page__partner-information .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-information.page__partner-information .main .main-content {
  width: 100%;
}
.partner-information.page__partner-information .main .main-content .inside-main-content {
  width: 100%;
  padding-left: 50px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.partner-information.page__partner-information .main .main-content .inside-main-content .partner-icon {
  width: 55px;
  color: #A59B91;
}
.partner-information.page__partner-information .main .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 0px;
  font-size: 20px;
  color: #78716b;
}
.partner-information.page__partner-information .main .main-content h2 {
  width: 80%;
  margin: auto;
  font-size: 17px;
  margin-top: 32px;
}
.partner-information.page__partner-information .main .main-content .registration-details {
  width: 80%;
  margin: auto;
  padding-bottom: 5%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .in-registration-details {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
  padding-top: 3em;
}
.partner-information.page__partner-information .main .main-content .registration-details form .grid {
  display: grid;
  grid-template-columns: 1fr 3.5fr;
  grid-gap: 35px;
  padding-bottom: 1em;
}
.partner-information.page__partner-information .main .main-content .registration-details form .grid .input-label {
  text-align: right;
  margin-top: 0.3em;
  font-size: 16px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .grid .input-style {
  height: 40px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  font-size: 15px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .grid .mt0 {
  margin-top: 0;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid .in-grid-block {
  display: flex;
  align-items: center;
  padding-right: 4rem;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid .input-label {
  text-align: right;
  margin-top: 0.3em;
  font-size: 16px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid .input-style {
  height: 40px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  font-size: 15px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid .mt0 {
  margin-top: 0;
}
.partner-information.page__partner-information .main .main-content .registration-details form .secondary-grid .level-width {
  width: 45%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .cost-percentage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.partner-information.page__partner-information .main .main-content .registration-details form .cost-percentage span {
  margin-right: 3rem;
}
.partner-information.page__partner-information .main .main-content .registration-details form .cost-percentage .input-label {
  text-align: right;
  margin: 0;
  font-size: 16px;
  margin-right: 35px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .in-grid-block {
  display: flex;
  align-items: center;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type1 {
  width: 70%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type2 {
  width: 55%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type3 {
  width: 35%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type4 {
  width: 28%;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type5 {
  width: 100px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .w-type6 {
  width: 80px;
}
.partner-information.page__partner-information .main .main-content .registration-details form .supplier-code {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
  padding-bottom: 1em;
}
.partner-information.page__partner-information .main .main-content .registration-details form .save-button {
  text-align: center;
}
.partner-information.page__partner-information .main .main-content .registration-details form .save-button .button-style {
  font-size: 15px;
  border: 1px solid #a59b91;
  color: #78716b;
  cursor: pointer;
  width: 160px;
  padding: 10px 0;
}
.partner-information.page__partner-information .main .main-content .registration-details form .save-button .save {
  background: rgb(255, 207, 59);
}
.partner-information.page__partner-information .main .main-content .registration-details form .save-button .back {
  background: rgb(240, 239, 239);
  margin-left: 35px;
}
.partner-information.page__partner-information .main .main-content .registration-details .delete-button {
  width: 100%;
  margin: auto;
  text-align: center;
}
.partner-information.page__partner-information .main .main-content .registration-details .delete-button form .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: flex;
  align-items: center;
  width: 230px;
  margin: 0 auto;
  margin-top: 2em;
}
.partner-information.page__partner-information .main .main-content .registration-details .delete-button form .in-delete-button .delete-icon {
  height: 40px;
  width: 30px;
  color: #ff867f;
  margin-left: 10px;
}
.partner-information.page__partner-information .main .main-content .registration-details .delete-button form .in-delete-button p {
  margin: 0;
  font-size: 16px;
  margin-left: 10px;
  color: rgb(255, 134, 127);
}
.partner-information.page__partner-information .time {
  margin-top: 0.5em;
}
.partner-information.page__partner-information label {
  margin-bottom: 0;
}
.partner-information.page__partner-information .bet {
  margin: 0 0.5em;
}
.partner-information.page__partner-information .bet-last {
  margin-right: 0;
}
.partner-information.page__partner-information .checkbox-area {
  padding: 2em 0 1.5em;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap {
  display: flex;
  justify-content: center;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap .check-item {
  margin-right: 2.5em;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap .check-item:last-of-type {
  margin-right: 0;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-size: 14px;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.partner-information.page__partner-information .checkbox-area .checkbox-wrap .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.partner-information.page__partner-information .regenerate_password {
  padding: 2px 15px;
  background: #FF756D;
  border: 1px solid #ccc;
  color: white;
  font-size: 15.7px;
}
.partner-information.page__partner-information .pr05em {
  padding-right: 0.5em;
}
.partner-information.page__partner-information .pr1em {
  padding-right: 1em;
}
.partner-information.page__partner-information .mt-minus2 {
  margin-top: -1.8em;
}
.partner-information.page__partner-information .level {
  width: 35%;
}
.partner-information.page__partner-information .base {
  width: 27%;
}

.partner-list.page__partner-list .main-content .inside-main-content {
  width: 100%;
  padding-left: 50px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.partner-list.page__partner-list .main-content .inside-main-content .partner-icon {
  width: 55px;
  color: #A59B91;
}
.partner-list.page__partner-list .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 0px;
  font-size: 20px;
  color: #78716b;
}
.partner-list.page__partner-list .member-list {
  width: 90%;
  margin: auto;
}
.partner-list.page__partner-list .member-list .member-registration {
  width: 100%;
  margin: 30px auto 10px auto;
  display: inline-flex;
  justify-content: space-between;
}
.partner-list.page__partner-list .member-list .member-registration .list {
  font-size: 16px;
  color: #78716b;
  margin: 0;
  line-height: 42px;
}
.partner-list.page__partner-list .member-list .member-registration .add-member {
  border: 2px solid #E1DEDB;
  padding: 3px 20px;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}
.partner-list.page__partner-list .member-list .member-registration .add-member .add-icon {
  width: 35px;
}
.partner-list.page__partner-list .member-list .member-registration .add-member span {
  margin: 0;
  font-size: 15px;
  margin-left: 10px;
}
.partner-list.page__partner-list .member-list .partner-table table {
  width: 100%;
  border: 1px solid #D5D1CC;
  text-align: center;
}
.partner-list.page__partner-list .member-list .partner-table table tr {
  border: 1px solid #ccc;
}
.partner-list.page__partner-list .member-list .partner-table table tr th {
  height: 45px;
  font-size: 17px;
  font-weight: 200;
  background: #F7F6F5;
}
.partner-list.page__partner-list .member-list .partner-table table tr td {
  height: 70px;
  font-size: 17px;
}
.partner-list.page__partner-list .member-list .partner-table table tr .underline {
  text-decoration: underline;
  cursor: pointer;
}
.partner-list.page__partner-list .member-list .partner-table table tr button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 2px 10px;
}

.partner-registration.page__partner-registration .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-registration.page__partner-registration .main .main-content {
  width: 100%;
}
.partner-registration.page__partner-registration .main .main-content .inside-main-content {
  width: 100%;
  padding-left: 50px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.partner-registration.page__partner-registration .main .main-content .inside-main-content .partner-icon {
  width: 55px;
  color: #A59B91;
}
.partner-registration.page__partner-registration .main .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 0px;
  font-size: 20px;
  color: #78716b;
}
.partner-registration.page__partner-registration .main .main-content h2 {
  width: 80%;
  margin: auto;
  font-size: 17px;
  margin-top: 32px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details {
  width: 80%;
  margin: auto;
  padding-bottom: 5%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .in-registration-details {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
  padding-top: 3em;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .grid {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  grid-gap: 35px;
  padding-bottom: 1em;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .grid .input-label {
  text-align: right;
  margin-top: 0.3em;
  font-size: 16px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .grid .input-style {
  height: 40px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  font-size: 15px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .grid .mt0 {
  margin-top: 0;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid .in-grid-block {
  display: flex;
  align-items: center;
  padding-right: 4rem;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid .input-label {
  text-align: right;
  margin-top: 0.3em;
  font-size: 16px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid .input-style {
  height: 40px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  font-size: 15px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid .mt0 {
  margin-top: 0;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .secondary-grid .level-width {
  width: 45%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .cost-percentage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .cost-percentage span {
  margin-right: 3rem;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .cost-percentage .input-label {
  text-align: right;
  margin: 0;
  font-size: 16px;
  margin-right: 35px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .in-grid-block {
  display: flex;
  align-items: center;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type1 {
  width: 70%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type2 {
  width: 55%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type3 {
  width: 35%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type4 {
  width: 28%;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type5 {
  width: 100px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .w-type6 {
  width: 80px;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .supplier-code {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
  padding-bottom: 1em;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .save-button {
  text-align: center;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .save-button .button-style {
  font-size: 15px;
  border: 1px solid #a59b91;
  color: #78716b;
  cursor: pointer;
  width: 160px;
  padding: 10px 0;
}
.partner-registration.page__partner-registration .main .main-content .registration-details .save-button .register {
  background: rgb(255, 207, 59);
}
.partner-registration.page__partner-registration .main .main-content .registration-details .save-button .back {
  background: rgb(240, 239, 239);
  margin-left: 35px;
}
.partner-registration.page__partner-registration label {
  margin-bottom: 0;
}
.partner-registration.page__partner-registration ::-ms-input-placeholder {
  font-size: 14px;
  color: #c8c2bc;
}
.partner-registration.page__partner-registration ::placeholder {
  font-size: 14px;
  color: #c8c2bc;
}
.partner-registration.page__partner-registration .comment {
  font-size: 14px;
  margin-left: 1em;
  color: #41b29b;
}
.partner-registration.page__partner-registration .bet {
  margin: 0 0.5em;
}
.partner-registration.page__partner-registration .bet-last {
  margin-right: 0;
}
.partner-registration.page__partner-registration .checkbox-area {
  padding: 2em 0 1.5em;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap {
  display: flex;
  justify-content: center;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap .check-item {
  margin-right: 2.5em;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap .check-item:last-of-type {
  margin-right: 0;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-size: 14px;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.partner-registration.page__partner-registration .checkbox-area .checkbox-wrap .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.partner-registration.page__partner-registration .pr05em {
  padding-right: 0.5em;
}
.partner-registration.page__partner-registration .pr1em {
  padding-right: 1em;
}
.partner-registration.page__partner-registration .mt-minus2 {
  margin-top: -1.8em;
}
.partner-registration.page__partner-registration .level {
  width: 35%;
}
.partner-registration.page__partner-registration .base {
  width: 30%;
}

.master-partner-sales.page__master-partner-sales .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.master-partner-sales.page__master-partner-sales .main .contents-1 {
  width: 100%;
  padding-left: 50px;
  background: #f5e7d5;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.master-partner-sales.page__master-partner-sales .main .contents-1 .partner-icon {
  width: 55px;
  color: #A59B91;
}
.master-partner-sales.page__master-partner-sales .main .contents-1 h1 {
  margin: 0;
  text-indent: 0px;
  font-size: 20px;
  color: #78716b;
}
.master-partner-sales.page__master-partner-sales .main .partner-name {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5rem;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5em;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections {
  width: 100%;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .in-month {
  position: relative;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .in-month .calendar-style {
  width: 145px;
  height: 40px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 45px;
  -webkit-appearance: none;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .in-month .calendar-icon {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section {
  width: 100%;
  margin-bottom: 0.5em;
  display: grid;
  grid-template-columns: 1fr 66%;
  grid-gap: 20px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date {
  margin-left: 20px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date .img-1 {
  cursor: pointer;
  padding-right: 10px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date div label .input {
  height: 50px;
  margin: 10px;
  border: 1px solid #CEC8C2;
  padding: 5px 0 5px 50px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .month-and-date .img-2 {
  cursor: pointer;
  padding-left: 10px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .total {
  width: 32%;
  font-size: 14px;
  position: relative;
  margin-left: 2%;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .total .total-label {
  margin-bottom: 0;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .main-sections .section .total .total-label .total-price {
  font-size: 22px;
  position: absolute;
  bottom: -2px;
  right: 15px;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .export {
  display: flex;
  justify-content: flex-end;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .export .in-export {
  cursor: default;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .export .in-export .export-link {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 150px;
  background: #fff1c7;
  padding: 0.1em 0;
  border: 1px solid #a59b91;
}
.master-partner-sales.page__master-partner-sales .main .contents-2 .export .in-export .export-link .icon {
  width: 35px;
}
.master-partner-sales.page__master-partner-sales .main .tax-excluded {
  margin-top: 15px;
  margin-bottom: 0.3em;
  text-align: right;
}
.master-partner-sales.page__master-partner-sales .main .info-table {
  width: 100%;
  margin: auto;
  margin-bottom: 5%;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table {
  overflow-x: scroll;
  max-width: calc(100vw - 6rem);
  border-left: 1px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table {
  width: 100%;
  border: none;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr {
  text-align: center;
  border-left: none;
  border: 1px solid #b7afa7;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr .info-list-label {
  background: rgb(247, 246, 245);
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  min-width: 7rem;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr .detail {
  white-space: nowrap;
  min-width: 5em;
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:first-child,
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:nth-of-type(2),
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:nth-of-type(3) {
  position: sticky;
  position: -webkit-sticky;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:first-child,
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:nth-of-type(2),
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:nth-of-type(3) {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:first-child,
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:first-child {
  left: 0;
  min-width: 8rem;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:nth-of-type(2),
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:nth-of-type(2) {
  left: 8rem;
  min-width: 8rem;
}
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr th:nth-of-type(3),
.master-partner-sales.page__master-partner-sales .main .info-table.sticky-table table tr td:nth-of-type(3) {
  left: 16rem;
  min-width: 12rem;
}
.master-partner-sales.page__master-partner-sales .d-flex {
  display: flex;
  align-items: center;
}
.master-partner-sales.page__master-partner-sales .b-bottom {
  border-bottom: 1px solid #a59b91;
}
.master-partner-sales.page__master-partner-sales ::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
.master-partner-sales.page__master-partner-sales .under-line {
  text-decoration: underline !important;
}

.page__master-usage .usage-sidebar .category-item .category-articles .category-article-item .article-item-handle, .page__master-usage .usage-sidebar .category-item .category-title-label .category-item-handle {
  position: absolute;
  --width: 24px;
  color: #a59b91;
}
.page__master-usage .master-new-usage-button-wrapper {
  display: block;
  text-align: right;
}
.page__master-usage .master-new-usage-button {
  display: inline-block;
  background: #FFCF3B;
  border: 1px solid #a59b91;
  border-radius: 12px;
  padding: 12px;
  font-size: 0.85em;
  line-height: 1;
}
.page__master-usage .master-new-usage-button .plus-icon {
  display: inline-block;
  --width: 32px;
  --height: calc(1em + 2 * 6px);
  margin: -6px;
  margin-right: 0;
  color: #a59b91;
}
.page__master-usage .usage-sidebar {
  background: #E6D6CB;
  padding: 16px;
}
.page__master-usage .usage-sidebar .category-item {
  min-height: unset;
  margin: 12px 0;
  border-bottom: unset;
  background: unset;
}
.page__master-usage .usage-sidebar .category-item .category-title-label {
  line-height: 2.8em;
  padding-bottom: unset;
  background: #fffbee;
}
.page__master-usage .usage-sidebar .category-item .category-title-label .category-item-handle {
  margin-left: -35px;
  --height: 48px;
}
.page__master-usage .usage-sidebar .category-item .accordion-title .accordion-arrow {
  margin-right: 4px;
  --width: 24px;
  --height: 24px;
  color: #a59b91;
}
.page__master-usage .usage-sidebar .category-item .category-articles {
  padding-left: 35px;
}
.page__master-usage .usage-sidebar .category-item .category-articles .category-article-item {
  position: relative;
  margin: 12px 0;
}
.page__master-usage .usage-sidebar .category-item .category-articles .category-article-item:first-child {
  padding: 0 0 0 30px; /* 個人側の打ち消し */
}
.page__master-usage .usage-sidebar .category-item .category-articles .category-article-item {
  padding: 0 0 0 30px;
  background: #ffffff;
  line-height: 35px;
}
.page__master-usage .usage-sidebar .category-item .category-articles .category-article-item .article-item-handle {
  margin-left: -30px;
  height: 100%;
}
.page__master-usage .usage-sidebar [id^=accordion-open-state]:checked ~ .accordion-title .accordion-arrow {
  color: #ffc30a;
}
.page__master-usage .usage-sidebar [id^=accordion-open-state]:checked ~ .accordion-toggle-area {
  background: unset;
}
.page__master-usage .page-sub-title {
  margin-bottom: 40px;
  font-size: 20px;
  color: #78716b;
}
.page__master-usage .usage-form {
  padding: 40px;
}
.page__master-usage .usage-form-attributes-area {
  display: grid;
  grid-template-columns: auto 1fr;
}
.page__master-usage .usage-form-attributes-area .error {
  grid-column: span 2;
  padding-left: 7em;
  color: #EC716A;
}
.page__master-usage .usage-form-attribute-label {
  text-align: right;
  margin-right: 1.5em;
  margin-top: 1.5em;
}
.page__master-usage .usage-form-attribute-input {
  margin-top: 1.5em;
}
.page__master-usage #new-category-button {
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
  margin-top: 0.5em;
  font-size: 12px;
  --width: 18px;
  --height: 18px;
  line-height: 18px;
  color: #b7afa7;
}
.page__master-usage #new-category-button:hover {
  color: #a59b91;
}
.page__master-usage #new-category-button .new-category-button-circle-plus {
  display: inline-block;
}

.dashboard.page__push .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.dashboard.page__push .main-contents .contents-1 .headline {
  width: 100%;
  align-items: center;
  background-color: #F7ECDD;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
}
.dashboard.page__push .main-contents .contents-1 .headline .headline-contents {
  height: 45px;
  width: 50px;
  margin-right: 10px;
}
.dashboard.page__push .main-contents .contents-2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.dashboard.page__push .main-contents .contents-2 .send {
  margin-top: 2rem;
}
.dashboard.page__push .main-contents .contents-2 .send .title {
  line-height: 2rem;
  margin: 0.5rem auto;
}
.dashboard.page__push .main-contents .contents-2 .send .content-wrap {
  display: flex;
}
.dashboard.page__push .main-contents .contents-2 .send .content-wrap textarea {
  border-color: #b7afa7;
  resize: none;
  padding: 1.5rem 1rem;
  width: 40rem;
}
.dashboard.page__push .main-contents .contents-2 .send .content-wrap .image {
  margin: 0 2rem;
}
.dashboard.page__push .main-contents .contents-2 .send .content-wrap .image .originalFileBtn {
  border: #b7afa7 1px solid;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  margin: 0 5px;
  width: 100px;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .scene {
  display: inline-block;
  height: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .scene select {
  width: 260px;
  padding: 10px;
  border: 1px solid #a59b91;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .add-scene-btn-wrap {
  display: inline-block;
  width: 260px;
  margin-right: 8px;
  margin-bottom: 12px;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .add-scene-btn-wrap .add-scene-btn {
  display: flex;
  width: fit-content;
  cursor: pointer;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .add-scene-btn-wrap .add-scene-btn .icon {
  display: inline-flex;
  width: 25px;
  margin-right: 10px;
}
.dashboard.page__push .main-contents .contents-2 .send .scene-wrap .add-scene-btn-wrap .add-scene-btn .text {
  line-height: 49px;
}
.dashboard.page__push .main-contents .contents-2 .send .number {
  color: #EC716A;
}
.dashboard.page__push .main-contents .contents-2 .send .url {
  margin-bottom: 2rem;
}
.dashboard.page__push .main-contents .contents-2 .send .url input[name=url] {
  padding: 0.5rem 1rem;
  width: 30rem;
  border: 1px solid #b7afa7;
}
.dashboard.page__push .main-contents .contents-2 .send button {
  background-color: #ffcf3b;
  font-size: 15px;
  border: 1px solid #a59b91;
  color: #78716b;
  cursor: pointer;
  width: 100px;
  padding: 10px 0;
}
.dashboard.page__push .main-contents .contents-2 .send .error {
  color: red;
}
.dashboard.page__push .main-contents .contents-2 .pickup {
  margin: 20px 0 10px 0;
  text-align: right;
}
.dashboard.page__push .main-contents .contents-2 .pickup .pickup-contents {
  display: flex;
  justify-content: space-between;
}
.dashboard.page__push .main-contents .contents-2 .pickup .export {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.dashboard.page__push .main-contents .contents-2 .pickup .export .in-export .export-link {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 150px;
  background: #fff1c7;
  padding: 0.1em 0;
  border: 1px solid #a59b91;
}
.dashboard.page__push .main-contents .contents-2 .pickup .export .in-export .export-link .icon {
  width: 35px;
}
.dashboard.page__push .main-contents .contents-2 table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  width: 100%;
}
.dashboard.page__push .main-contents .contents-2 table tr {
  border-bottom: solid 1px #b7afa7;
}
.dashboard.page__push .main-contents .contents-2 table td.left-padding {
  padding: 0 30px 0 40px;
}
.dashboard.page__push .main-contents .contents-2 table th,
.dashboard.page__push .main-contents .contents-2 table td {
  text-align: left;
  font-size: 14px;
  padding: 20px 10px;
  height: 2rem;
}
.dashboard.page__push .main-contents .contents-2 table th.text,
.dashboard.page__push .main-contents .contents-2 table td.text {
  white-space: pre-wrap;
}
.dashboard.page__push .main-contents .contents-2 table tr:first-child {
  background-color: #f7f6f5;
}
.dashboard.page__push .main-contents .contents-2 table tr:first-child td {
  padding: 10px;
}
.dashboard.page__push .main-contents .contents-2 table td:nth-child(1) {
  min-width: 150px;
}
.dashboard.page__push .main-contents .contents-2 table td:nth-child(3),
.dashboard.page__push .main-contents .contents-2 table td:nth-child(4) {
  min-width: 100px;
}
.dashboard.page__push .main-contents .contents-2 table td:nth-child(2),
.dashboard.page__push .main-contents .contents-2 table td:nth-child(5) {
  min-width: 250px;
}
.dashboard.page__push .main-contents .contents-2 table td:last-child {
  min-width: 300px;
}
.dashboard.page__push .main-contents .contents-2 table td.target {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard.page__push .main-contents .contents-2 table td.url {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.new-package-register.page__new-package-register .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.new-package-register.page__new-package-register .main-contents .contents1 {
  width: 100%;
}
.new-package-register.page__new-package-register .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
}
.new-package-register.page__new-package-register .main-contents .contents1 .headline h2 {
  font-size: 20px;
}
.new-package-register.page__new-package-register .main-contents .contents1 .headline .p-link {
  cursor: pointer;
}
.new-package-register.page__new-package-register .main-contents .contents1 h2 {
  margin: 0;
}
.new-package-register.page__new-package-register .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.new-package-register.page__new-package-register .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
}
.new-package-register.page__new-package-register .main-contents .contents1 span {
  color: #00ac97;
}
.new-package-register.page__new-package-register .main-contents .creator-information {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  padding: 0 10%;
}
.new-package-register.page__new-package-register .main-contents .profil_main h2 {
  margin: 0;
  line-height: 80px;
  margin-top: 30px;
}
.new-package-register.page__new-package-register .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.new-package-register.page__new-package-register .main-contents .contents2 .sub-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.new-package-register.page__new-package-register .main-contents .contents2 .sub-content .label1 {
  font-size: 17px;
}
.new-package-register.page__new-package-register .main-contents .contents2 .form-base .in-form-base {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 30% 1fr;
  grid-gap: 15px 10px;
  margin-top: 3%;
}
.new-package-register.page__new-package-register .main-contents .contents2 .form-label {
  text-align: right;
  align-self: center;
  margin-right: 20px;
}
.new-package-register.page__new-package-register .main-contents .contents2 .form-label.v-top {
  align-self: unset;
}
.new-package-register.page__new-package-register .main-contents .contents2 .form-input {
  height: 45px;
  padding: 5px;
  padding-left: 20px;
  border: solid 1px #b7afa7;
}
.new-package-register.page__new-package-register .main-contents .contents2 .w-type1 {
  width: 387px;
}
.new-package-register.page__new-package-register .main-contents .contents2 .w-type2 {
  width: 300px;
}
.new-package-register.page__new-package-register .main-contents .contents2 input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.new-package-register.page__new-package-register .main-contents .contents2 select {
  height: 45px;
  width: 320px;
  padding: 5px;
  border: solid 1px #ccc;
}
.new-package-register.page__new-package-register .main-contents .contents2 .invoice {
  margin: 0 20px;
}
.new-package-register.page__new-package-register .main-contents .contents2 .register_btn {
  width: 154px;
  height: 45px;
  text-align: center;
  border: #a59b91 1px solid;
  color: #78716b;
  background: #ffcf3b;
  margin: 0 10px;
}
.new-package-register.page__new-package-register .main-contents .contents2 .return_btn {
  width: 154px;
  height: 45px;
  text-align: center;
  border: #a59b91 1px solid;
  color: #78716b;
  background: #f0efef;
  margin: 0 10px;
}
.new-package-register.page__new-package-register .main-contents .contents2 ::-ms-input-placeholder {
  color: #c9c6c4;
  font-size: 0.95rem !important;
}
.new-package-register.page__new-package-register .main-contents .contents2 ::placeholder {
  color: #c9c6c4;
  font-size: 0.95rem !important;
}
.new-package-register.page__new-package-register .main-contents p {
  margin: 0;
}
.new-package-register.page__new-package-register .main-contents .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  text-align: left;
}
.new-package-register.page__new-package-register .main-contents .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.new-package-register.page__new-package-register .main-contents .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  padding: 15px 40px 20px 40px;
  background-color: #fffaf5;
  border: #fffaf5 1px solid;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgb(94, 91, 91);
  z-index: 2;
}
.new-package-register.page__new-package-register .main-contents .popup-inner .input ::-ms-input-placeholder {
  color: #78716B;
}
.new-package-register.page__new-package-register .main-contents .popup-inner .input ::placeholder {
  color: #78716B;
}
.new-package-register.page__new-package-register .main-contents .popup-inner img {
  margin-left: 70px;
}
.new-package-register.page__new-package-register .main-contents .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.new-package-register.page__new-package-register .main-contents .close-btn i {
  font-weight: bold;
  font-size: 20px;
  color: #a59b91;
}
.new-package-register.page__new-package-register .main-contents .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}
.new-package-register.page__new-package-register .main-contents input[type=text].copun {
  width: 240px;
  height: 37px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.new-package-register.page__new-package-register .main-contents input[type=text].copun-code {
  width: 260px;
  height: 37px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.new-package-register.page__new-package-register .main-contents .benefits {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 20% 1fr;
}
.new-package-register.page__new-package-register .main-contents .benefits-label {
  text-align: left;
  align-self: center;
}
.new-package-register.page__new-package-register .main-contents .benefits-label.v-top {
  align-self: unset;
  margin-top: 5px;
}
.new-package-register.page__new-package-register .main-contents .benefits-input {
  text-align: center;
}
.new-package-register.page__new-package-register .main-contents .benefits-input input[type=text] {
  height: 33px;
  width: 89px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.new-package-register.page__new-package-register .main-contents input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  border: solid 1px #ccc;
}
.new-package-register.page__new-package-register .main-contents .record_btn {
  width: 154px;
  height: 45px;
  text-align: center;
  border: #a59b91 1px solid;
  color: #78716b;
  background: #ffcf3b;
  margin: 0 10px;
}
.new-package-register.page__new-package-register .buttons {
  padding-left: 32%;
  margin-top: 50px;
}
.new-package-register.page__new-package-register .buttons .in-buttons {
  display: inline-flex;
}
.new-package-register.page__new-package-register .fs18 {
  font-size: 1.1rem;
}
.new-package-register.page__new-package-register .fs17 {
  font-size: 1.05rem;
}
.new-package-register.page__new-package-register .fs16 {
  font-size: 1rem;
}
.new-package-register.page__new-package-register .fs15 {
  font-size: 0.95rem;
}
.new-package-register.page__new-package-register .fs14 {
  font-size: 0.9rem;
}

.original-material-register.page__original-material-register .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.original-material-register.page__original-material-register .main-contents .contents1 {
  width: 100%;
}
.original-material-register.page__original-material-register .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.original-material-register.page__original-material-register .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.original-material-register.page__original-material-register .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
  margin-bottom: 0;
}
.original-material-register.page__original-material-register .main-contents .contents1 span {
  color: #00ac97;
}
.original-material-register.page__original-material-register .main-contents .contents1 label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.original-material-register.page__original-material-register .main-contents .contents2 .sub-title {
  margin: 30px 0;
  font-size: 20px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
}
.original-material-register.page__original-material-register .main-contents .contents2 p {
  margin: 0;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base {
  border: none;
  width: 90%;
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 20px;
  margin: auto;
  margin-top: 2em;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .add-icon-cont {
  display: inline-flex;
  align-items: center;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn {
  border: solid 1px #b7afa7;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  margin: 0 5px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn .icon-wrap {
  height: 50px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .add-icon-cont .add-icon-note {
  color: #41b39c;
  margin-left: 30px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .display-period {
  position: relative;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .display-period .display-period-label {
  margin-right: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .display-period .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  left: 80px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .label-radio input {
  height: 45px;
  padding-left: 40px;
  border: 1px solid #b7afa7;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .mt-minus {
  margin-top: -0.8em;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .keyword-input {
  height: 45px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 40em;
  margin: 5px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont {
  position: relative;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea {
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  font-size: 17px;
  position: absolute;
  width: 90px;
  top: 3px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox] {
  display: none;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked + label {
  border-color: none;
  background: #ffbd00;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開";
  padding: 0 36px 0 0;
  color: #FFFFFF;
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px);
  background: #FFFFFF;
  position: absolute;
  left: -24px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea label {
  display: block;
  box-sizing: border-box;
  height: 30px;
  border-radius: 30px;
  background: #B6AEA6;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea label span::after {
  content: "非公開";
  padding: 0 0 0 36px;
  color: #FFFFFF;
  position: relative;
  top: -12px;
  left: -10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea #swImg {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  top: 5px;
  left: 4px;
  border-radius: 26px;
  transition: 0.2s;
}
.original-material-register.page__original-material-register .main-contents .contents2 .selects-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.original-material-register.page__original-material-register .main-contents .contents2 .selects-form .label-radio {
  width: 80%;
}
.original-material-register.page__original-material-register .main-contents .contents2 .add-new-genre {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.original-material-register.page__original-material-register .main-contents .contents2 .add-new-genre .add-new-genre-icon {
  height: 30px;
  width: 25px;
  margin-right: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0;
}
.original-material-register.page__original-material-register .main-contents .contents2 input[type=text].form-input {
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 20em;
  margin: 5px;
}
.original-material-register.page__original-material-register .main-contents .contents2 select {
  height: 45px;
  padding-left: 15px;
  border: solid 1px #b7afa7;
  width: 100%;
}
.original-material-register.page__original-material-register .main-contents .contents2 textarea {
  resize: none;
  padding: 5px;
  margin: 5px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 500px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .new-icon {
  border: #ff9f00 2px solid;
  border-radius: 10px;
  color: #ff9f00;
  margin: 5px;
  padding: 0 7px;
  font-weight: bold;
}
.original-material-register.page__original-material-register .main-contents .contents2 .add-icon {
  border: #ff7d7e 2px solid;
  border-radius: 10px;
  color: #ff7d7e;
  margin: 5px;
  padding: 0 7px;
  font-weight: bold;
}
.original-material-register.page__original-material-register .main-contents .contents2 .label-radio {
  margin: 5px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.original-material-register.page__original-material-register .main-contents .contents2 .memo-buttom {
  margin: 5px;
  color: #41b39c;
  margin-top: -0.3em;
}
.original-material-register.page__original-material-register .main-contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area {
  margin: 40px 0;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .img-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .originalFileBtn {
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  width: 200px;
  margin: 0 5px;
  background: #e2ded9;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .img-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  background: none;
  border: #b7afa7 2px dashed;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .title-icon {
  height: 30px;
  width: 25px;
  margin-left: 10px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .file-add-icon {
  height: 64px;
  width: 64px;
  margin: auto;
}
.original-material-register.page__original-material-register .main-contents .contents2 .img-upload-area .in-img-upload-area {
  display: block;
}
.original-material-register.page__original-material-register .main-contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.original-material-register.page__original-material-register .main-contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
}
.original-material-register.page__original-material-register .main-contents .contents2 .make-tamplate {
  margin: 20px 0;
}
.original-material-register.page__original-material-register .main-contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.original-material-register.page__original-material-register .main-contents .contents2 .buttons {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}
.original-material-register.page__original-material-register .main-contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.original-material-register.page__original-material-register .main-contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  margin-left: 20px;
  cursor: pointer;
}
.original-material-register.page__original-material-register .main-contents #popup-checkbox {
  display: none;
}
.original-material-register.page__original-material-register .main-contents #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.original-material-register.page__original-material-register .main-contents #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.original-material-register.page__original-material-register .main-contents #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.original-material-register.page__original-material-register .main-contents #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.original-material-register.page__original-material-register .main-contents #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.original-material-register.page__original-material-register .main-contents #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.original-material-register.page__original-material-register .main-contents #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.original-material-register.page__original-material-register .main-contents .popup-inside {
  display: flex;
  align-items: center;
}
.original-material-register.page__original-material-register .main-contents .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.original-material-register.page__original-material-register .main-contents #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.original-material-register.page__original-material-register .main-contents .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.original-material-register.page__original-material-register .main-contents .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.original-material-register.page__original-material-register .main-contents .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.original-material-register.page__original-material-register .main-contents .in-pop-info {
  min-width: 400px;
}
.original-material-register.page__original-material-register .main-contents button#delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 20px;
}
.original-material-register.page__original-material-register .main-contents button .trash-btn {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.original-material-register.page__original-material-register .main-contents button p {
  font-size: 17px;
}
.original-material-register.page__original-material-register .main-contents .title-icon {
  height: 30px;
  width: 25px;
  margin-left: 10px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.line-up {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.line-up button {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 10px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.line-up button .trash-all {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.line-up button p {
  font-size: 17px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.original-material-register.page__original-material-register .main-contents .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.original-material-register.page__original-material-register .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.original-material-register.page__original-material-register .overlay:target {
  visibility: visible;
  opacity: 1;
}
.original-material-register.page__original-material-register .popup1 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.original-material-register.page__original-material-register .popup1 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.original-material-register.page__original-material-register .popup1 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.original-material-register.page__original-material-register .popup1 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.original-material-register.page__original-material-register .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.original-material-register.page__original-material-register .overlay:target {
  visibility: visible;
  opacity: 1;
}
.original-material-register.page__original-material-register .popup2 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.original-material-register.page__original-material-register .popup2 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.original-material-register.page__original-material-register .popup2 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.original-material-register.page__original-material-register .popup2 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.original-material-register.page__original-material-register .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.original-material-register.page__original-material-register .overlay:target {
  visibility: visible;
  opacity: 1;
}
.original-material-register.page__original-material-register .popup3 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.original-material-register.page__original-material-register .popup3 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.original-material-register.page__original-material-register .popup3 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.original-material-register.page__original-material-register .popup3 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.original-material-register.page__original-material-register ::-ms-input-placeholder {
  color: #c8c2bc;
  font-size: 15px;
}
.original-material-register.page__original-material-register ::placeholder {
  color: #c8c2bc;
  font-size: 15px;
}
.original-material-register.page__original-material-register .mt1em {
  margin-top: 1em !important;
}
.original-material-register.page__original-material-register .mb1em {
  margin-bottom: 1em !important;
}
.original-material-register.page__original-material-register .mb05em {
  margin-bottom: 0.5em !important;
}
.original-material-register.page__original-material-register .mb0 {
  margin-bottom: 0;
}
.original-material-register.page__original-material-register .text-bule {
  color: #41b39c;
}
.original-material-register.page__original-material-register .fs17 {
  font-size: 1.05rem;
}
.original-material-register.page__original-material-register .fs16 {
  font-size: 1rem;
}
.original-material-register.page__original-material-register .fs15 {
  font-size: 0.95rem;
}
.original-material-register.page__original-material-register .fs14 {
  font-size: 0.9rem;
}
.original-material-register.page__original-material-register .fs13 {
  font-size: 0.8rem;
}
.original-material-register.page__original-material-register .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.package-info-popup-coupon.page__package-info-popup-coupon .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 {
  width: 100%;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 p {
  margin-top: 10px;
  font-size: 15px;
  position: relative;
  top: 30px;
  right: 170px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents1 span {
  color: #00ac97;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics {
  width: 100%;
  border-top: #b7afa7 1px solid;
  border-bottom: #b7afa7 1px solid;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics .managemant, .package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics .creator, .package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics .perform {
  width: 25%;
  border-right: #b7afa7 1px solid;
  display: inline-flex;
  align-items: center;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics .managemant {
  text-align: center;
  background-color: #c5ecde;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .main-topics .topics {
  display: inline-flex;
  width: 100%;
  align-items: center;
  margin-left: 20%;
  margin-right: 20%;
  padding: 10px 0;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 .form-base {
  border: none;
  width: 95%;
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 20px;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 .form-label.v-top {
  margin-top: 5px;
  align-self: unset;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 input[type=text].form-input {
  height: 45px;
  width: 353px;
  padding-left: 5px;
  border: solid 1px #ccc;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 select {
  height: 45px;
  width: 242px;
  padding-left: 5px;
  border: solid 1px #ccc;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 input[type=radio] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 .invoice {
  margin-left: 15px;
  margin-right: 15px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .contents2 .coupon-edit {
  color: #049e93;
  border: solid 1px #049e93;
  border-radius: 10px;
  background: #fff;
  margin: 5px;
  padding: 5px 15px;
  position: absolute;
  left: 270px;
  top: 0;
  cursor: pointer;
  border-radius: 10px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .change_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 160px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .delete-btn {
  display: inline-flex;
  text-align: center;
  align-items: center;
  border: #ff756d 1px solid;
  background: #fff;
  color: #ff756d;
  margin: 30px;
  width: 200px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents p {
  margin: 0;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  text-align: left;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .popup.is-show {
  opacity: 1;
  visibility: visible;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  padding: 15px 40px 20px 40px;
  background-color: #fffaf5;
  border: #fffaf5 1px solid;
  border-radius: 20px;
  box-shadow: 2px 2px 2px rgb(94, 91, 91);
  z-index: 2;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .popup-inner img {
  margin-left: 70px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .close-btn i {
  font-weight: bold;
  font-size: 20px;
  color: #a59b91;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  cursor: pointer;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents input[type=text].copun {
  width: 240px;
  height: 37px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents input[type=text].copun-code {
  width: 260px;
  height: 37px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .benefits {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 20% 1fr;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .benefits-label {
  text-align: left;
  align-self: center;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .benefits-label.v-top {
  align-self: unset;
  margin-top: 5px;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .benefits-input {
  text-align: center;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .benefits-input input[type=text] {
  height: 33px;
  width: 89px;
  padding: 5px;
  border: #b7afa7 1px solid;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
.package-info-popup-coupon.page__package-info-popup-coupon .main-contents .record_btn {
  width: 154px;
  height: 45px;
  text-align: center;
  border: #a59b91 1px solid;
  color: #78716b;
  background: #ffcf3b;
  margin: 0 10px;
}

.partner-account-info.page__partner-account-info {
  width: 100%;
  height: 100%;
}
.partner-account-info.page__partner-account-info .content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 100px;
}
.partner-account-info.page__partner-account-info .content .inside-content {
  margin: 0 70px;
}
.partner-account-info.page__partner-account-info .content .inside-content h1 {
  margin: 0;
  font-size: 1.4rem;
  line-height: 100px;
}
.partner-account-info.page__partner-account-info .user-details {
  width: 70%;
  margin: auto;
  margin-top: 100px;
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  margin-bottom: 2em;
}
.partner-account-info.page__partner-account-info .user-details .inside-user-details {
  margin-left: 10px;
  margin-top: 20px;
}
.partner-account-info.page__partner-account-info .user-details .inside-user-details .user-icon {
  height: 100px;
  width: 110px;
  margin-left: 25px;
  border: 1px solid #DCD8D5;
}
.partner-account-info.page__partner-account-info .user-details .inside-user-details .pic-upload {
  background: rgb(211, 233, 229);
  width: 150px;
  height: 50px;
  margin-top: 20px;
  border-radius: 15px;
}
.partner-account-info.page__partner-account-info .user-details .inside-user-details .pic-upload span {
  margin: 0;
  line-height: 50px;
  padding-left: 11px;
}
.partner-account-info.page__partner-account-info .user-details .personal-details label {
  margin: 10px 0px;
}
.partner-account-info.page__partner-account-info .user-details .personal-details label input {
  height: 50px;
  width: 23em;
  padding-left: 20px;
  margin-top: 10px;
}
.partner-account-info.page__partner-account-info .user-details .personal-details label select {
  height: 50px;
  width: 22em;
  padding-left: 20px;
  color: #ccc;
  margin-top: 10px;
}
.partner-account-info.page__partner-account-info .user-details .personal-details p {
  margin: 0;
  margin: 15px 0px;
}
.partner-account-info.page__partner-account-info .user-details .personal-details .change-button button {
  background: rgb(255, 207, 59);
  border: 1px solid #a59b91;
  margin: 20px 0px;
  color: #78716b;
  padding: 0.8em 0;
  width: 180px;
}
.partner-account-info.page__partner-account-info hr {
  width: 70%;
  margin: auto;
  border: 1px solid #ccc;
}
.partner-account-info.page__partner-account-info .change-password {
  width: 30%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 1em;
}
.partner-account-info.page__partner-account-info .change-password h2 {
  margin: 0;
  font-weight: 600;
}
.partner-account-info.page__partner-account-info .change-password label {
  padding: 10px 0px;
}
.partner-account-info.page__partner-account-info .change-password label input {
  height: 50px;
  width: 100%;
  width: 18em;
  margin: 10px 0 0;
  padding-left: 20px;
}
.partner-account-info.page__partner-account-info .change-password .change-button button {
  background: rgb(255, 207, 59);
  border: 1px solid #a59b91;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #78716b;
  padding: 0.8em 0;
  width: 180px;
}
.partner-account-info.page__partner-account-info .small {
  margin-left: 1em;
}
.partner-account-info.page__partner-account-info .fs18 {
  font-size: 1.1rem;
}
.partner-account-info.page__partner-account-info .fs16 {
  font-size: 1rem;
}
.partner-account-info.page__partner-account-info .fs15 {
  font-size: 0.95rem;
}
.partner-account-info.page__partner-account-info .fs14 {
  font-size: 0.9rem;
}

.partner-company-info.page__partner-company-info .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-company-info.page__partner-company-info .main .content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 100px;
}
.partner-company-info.page__partner-company-info .main .main-content .inside-main-content {
  display: flex;
  padding: 0px 70px;
}
.partner-company-info.page__partner-company-info .main .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 25px;
  font-size: 1.4rem;
  line-height: 100px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details {
  width: 60%;
  margin: auto;
  margin-top: 50px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid #b7afa7;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item {
  margin-bottom: 1em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .label-style {
  width: 10em;
  text-align: right;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-style {
  height: 40px;
  padding-left: 20px;
  margin-left: 30px;
  border: 1px solid #a59b91;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-style::-ms-input-placeholder {
  color: #78716b;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-style::placeholder {
  color: #78716b;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-w1 {
  width: 50%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-w2 {
  width: 13%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-w3 {
  width: 65%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-w4 {
  width: 30.5%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .input-w5 {
  width: 25%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item time {
  margin-left: 30px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .line {
  padding: 0 0.5em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .ml-none {
  margin-left: 0 !important;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .prefectures {
  margin-left: 10px;
  display: inline-block;
  align-items: center;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .prefectures .prefectures-select {
  height: 45px;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #a59b91;
  margin-left: 20px;
  width: 8.5em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .prefectures .city {
  display: inline-block;
  align-items: center;
  margin-left: 1em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .prefectures .city label {
  width: 6em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .info-item .prefectures .city input {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #a59b91;
  margin-left: 10px;
  width: 20em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .error-msg {
  margin-left: 25%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap {
  display: flex;
  justify-content: center;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap .check-item {
  margin-right: 2.5em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap .check-item:last-of-type {
  margin-right: 0;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-size: 0.95rem;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .in-registration-details .checkbox-area .checkbox-wrap .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code {
  display: flex;
  width: 100%;
  align-items: baseline;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #b7afa7;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-head {
  margin: 0;
  width: 10em;
  text-align-last: right;
  line-height: 50px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap {
  margin-left: 30px;
  line-height: 50px;
  width: 50%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item {
  display: flex;
  justify-content: space-between;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item .base-name-label {
  margin-bottom: 0;
  text-align: center;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item .branch-delete-button {
  color: #00ac97;
  border: 0;
  background: none;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item .input-style {
  height: 40px;
  margin-top: 15px;
  margin-left: 20px;
  padding-left: 12px;
  border: 1px solid #a59b91;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item .input-style::-ms-input-placeholder {
  color: #c8c2bc;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .base-name-item .input-style::placeholder {
  color: #c8c2bc;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap hr {
  margin: 0px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .plus .in-plus {
  display: flex;
  padding-left: 4.8em;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .plus .in-plus button {
  border: 0;
  background: none;
  align-items: center;
  display: flex;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .plus .in-plus button .plus-icon, .partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .plus .in-plus button .add-text {
  color: #a59b91;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .supplier-code .base-name-wrap .plus .in-plus button .plus-icon {
  height: 30px;
  width: 25px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .save-button-wrap {
  width: 60%;
  margin: 35px 240px;
  padding-bottom: 5%;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .save-button-wrap .save-button .update {
  border: 0.75pt solid #a59b91;
  background: #ffcf3b;
  color: #78716b;
  width: 180px;
  padding: 0.8em 0;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .delete-button {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .delete-button .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: inline-flex;
  height: 60px;
  padding-right: 15px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .delete-button .in-delete-button .delete-icon {
  height: 40px;
  width: 30px;
  color: rgb(255, 134, 127);
  margin-left: 20px;
  margin-top: 10px;
}
.partner-company-info.page__partner-company-info .main .main-content .registration-details .delete-button .in-delete-button p {
  margin: 0;
  line-height: 60px;
  font-size: 25px;
  margin-left: 20px;
  color: rgb(255, 134, 127);
}
.partner-company-info.page__partner-company-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.partner-company-info.page__partner-company-info .fs18 {
  font-size: 1.1rem;
}
.partner-company-info.page__partner-company-info .fs17 {
  font-size: 1.05rem;
}
.partner-company-info.page__partner-company-info .fs16 {
  font-size: 1rem;
}
.partner-company-info.page__partner-company-info .fs15 {
  font-size: 0.95rem;
}
.partner-company-info.page__partner-company-info .fs14 {
  font-size: 0.9rem;
}

.partner-first-password-change.page__partner-first-password-change .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .mailaddress label {
  position: relative;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .mailaddress img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .password label {
  position: relative;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .password .key {
  position: absolute;
  top: 0px;
  left: 4px;
  width: 15%;
  color: #C9C6C4;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .password p.password-p {
  padding-right: 70%;
  margin-bottom: -12px;
  font-size: 17px;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .password p.sixfont {
  color: #41B39C;
  margin: 0;
  font-size: 14px;
  margin-top: -1%;
  margin-bottom: 1%;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .POPST {
  text-align: center;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .return-login {
  margin-top: 0.5em;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .return-login p {
  margin: 0;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .return-login span {
  border-bottom: solid 1px #78716B;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .return-login a {
  color: #78716B;
  font-size: 0.9rem;
}
.partner-first-password-change.page__partner-first-password-change .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.partner-first-password-change.page__partner-first-password-change .main-contents ::placeholder {
  color: #CAC7C5;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .contents2-main h2 {
  margin-bottom: 0;
  font-size: 1.25em;
  padding-top: 0.8em;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .contents2-main p {
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 2%;
  font-size: 0.9rem;
  width: 320px;
  display: block;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 a {
  color: #78716b;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #41B39C;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .password-forgot a {
  color: #41B39C;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.partner-first-password-change.page__partner-first-password-change .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.partner-invitation.page__partner-invitation .premium-top-line .header_contents {
  top: 15px;
}
.partner-invitation.page__partner-invitation .main-contents h2 {
  margin-bottom: 1.25em;
  font-size: 1.25em;
  padding-top: 0;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_name label {
  position: relative;
  text-align: left;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_name label .form-name {
  padding-left: 10px;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_name .popkit-icon {
  top: 23px;
  left: 9px;
  width: 25px;
  height: 40px;
  position: absolute;
  top: 11px;
  color: #A59B91;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_password label {
  position: relative;
  text-align: left;
  margin-bottom: 0;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_password label .form-name {
  padding-left: 10px;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_password label input {
  margin-bottom: 0 !important;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_password img {
  position: absolute;
  top: 36px;
  left: 20px;
  width: 7%;
}
.partner-invitation.page__partner-invitation .main-contents .form_input_password .input_note {
  color: #41B39C;
  width: 320px;
  margin: 0 auto;
  text-align: left;
  font-size: 0.8rem;
}
.partner-invitation.page__partner-invitation .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.partner-invitation.page__partner-invitation .main-contents ::placeholder {
  color: #CAC7C5;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 3px;
  right: -10px;
  color: #A59B91;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 0px 10px 10px 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 a {
  color: #78716b;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #78716B;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 30px 20px 20px;
  cursor: pointer;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .registered_member {
  padding-top: 0.5em;
}
.partner-invitation.page__partner-invitation .main-contents .contents2 .registered_member a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
}

.partner-login.page__partner-login .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.partner-login.page__partner-login .main-contents .mailaddress label {
  position: relative;
}
.partner-login.page__partner-login .main-contents .mailaddress img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.partner-login.page__partner-login .main-contents .password label {
  position: relative;
}
.partner-login.page__partner-login .main-contents .password img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 7%;
}
.partner-login.page__partner-login .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.partner-login.page__partner-login .main-contents ::placeholder {
  color: #CAC7C5;
}
.partner-login.page__partner-login .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-login.page__partner-login .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.partner-login.page__partner-login .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.partner-login.page__partner-login .main-contents .contents2 a {
  color: #78716b;
}
.partner-login.page__partner-login .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.partner-login.page__partner-login .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.partner-login.page__partner-login .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #41B39C;
}
.partner-login.page__partner-login .main-contents .contents2 .password-forgot a {
  color: #41B39C;
}
.partner-login.page__partner-login .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.partner-login.page__partner-login .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.partner-logout.page__partner-logout .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.partner-logout.page__partner-logout .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.partner-logout.page__partner-logout .main-contents ::placeholder {
  color: #CAC7C5;
}
.partner-logout.page__partner-logout .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-logout.page__partner-logout .main-contents .contents2 h2 {
  font-size: 1.25em;
  margin-top: 4%;
}
.partner-logout.page__partner-logout .main-contents .contents2 .return-login {
  margin-top: 55px;
}
.partner-logout.page__partner-logout .main-contents .contents2 .return-login p {
  margin: 0;
}
.partner-logout.page__partner-logout .main-contents .contents2 .return-login span {
  border-bottom: solid 1px #78716B;
}
.partner-logout.page__partner-logout .main-contents .contents2 .return-login a {
  color: #78716B;
  font-size: 17px;
}
.partner-logout.page__partner-logout .main-contents .contents2 p.password-reset {
  font-size: 1.3em;
  margin-bottom: -6px;
  margin-top: 30px;
  margin-right: 80px;
  position: relative;
  left: 4%;
  margin-bottom: 5%;
  font-size: 19px;
}
.partner-logout.page__partner-logout .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.partner-logout.page__partner-logout .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.partner-logout.page__partner-logout .main-contents .contents2 a {
  color: #78716b;
}
.partner-logout.page__partner-logout .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.partner-logout.page__partner-logout .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.partner-member-info.page__partner-member-info .main {
  width: 100%;
  height: 100%;
}
.partner-member-info.page__partner-member-info .main .content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 110px;
}
.partner-member-info.page__partner-member-info .main .content section {
  padding: 30px 85px 6px;
}
.partner-member-info.page__partner-member-info .main .content section h1 {
  margin: 0;
  font-size: 1.4rem;
}
.partner-member-info.page__partner-member-info .main .content section .title-disk {
  margin: 0;
  margin-top: 15px;
  word-spacing: 0.5em;
}
.partner-member-info.page__partner-member-info .main .content section .title-disk span {
  color: #00ac97;
}
.partner-member-info.page__partner-member-info .main h2 {
  width: 70%;
  margin: auto;
  padding-top: 2.5em;
  margin-bottom: 0.5em;
  font-size: 1.1rem;
}
.partner-member-info.page__partner-member-info .main .alert {
  width: 70%;
  margin: 0 auto;
}
.partner-member-info.page__partner-member-info .main .user-details {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 3fr;
  width: 84.5%;
  margin: 0 auto;
  margin-left: 12.5%;
}
.partner-member-info.page__partner-member-info .main .user-details .inside-user-details {
  margin-left: 10px;
  margin-top: 20px;
}
.partner-member-info.page__partner-member-info .main .user-details .inside-user-details .user-icon {
  height: 100px;
  width: 110px;
  margin-left: 25px;
  border: 1px solid #DCD8D5;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio {
  padding-top: 1.5em;
  margin-bottom: 1em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio {
  display: flex;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .question {
  margin-left: 3em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .question .in-question {
  display: flex;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .question .in-question .question-icon {
  height: 35px;
  width: 35px;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .question .in-question span {
  margin: 0;
  color: #00ac97;
  border-bottom: 1px solid #00ac97;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .radio-cont {
  display: flex;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .radio-cont .radio-style {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .in-invitation-radio .radio-cont .radio-style:first-of-type {
  margin-left: 0.8em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .checkbox-radio {
  display: flex;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .checkbox-radio .radio-cont {
  display: flex;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .checkbox-radio .radio-cont input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .checkbox-radio .radio-cont input[type=radio]:first-of-type {
  margin-left: 1em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-radio .checkbox-radio .question {
  margin-left: 3em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details h3 {
  margin: 0;
  font-weight: normal;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details h3 strong {
  margin: 0 0 0 20px;
  color: #00ac97;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details h3 span {
  margin: 0 0 0 20px;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-button {
  margin-bottom: 50px;
  padding-left: 3em;
  padding-top: 1.5em;
  margin-bottom: 2em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-button button {
  padding: 10px 70px;
  border: 1px solid #a59b91;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-button .back {
  margin-left: 20px;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .invitation-button .update {
  background: #f7ca4b;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .delete-button {
  width: 100%;
  margin: auto;
  margin-bottom: 3.5em;
  padding-left: 8.5em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .delete-button .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: flex;
  height: 50px;
  padding-right: 15px;
  background: white;
  align-items: center;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .delete-button .in-delete-button .delete-icon {
  width: 30px;
  color: rgb(255, 134, 127);
  margin-left: 5px;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .delete-button .in-delete-button span {
  margin: 0;
  line-height: 45px;
  margin-left: 5px;
  color: rgb(255, 134, 127);
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .personal-item {
  margin-bottom: 0.8em;
}
.partner-member-info.page__partner-member-info .main .user-details .personal-details .personal-item .form-style {
  width: 22em;
  height: 50px;
  padding-left: 20px;
  border: 1px solid #b7afa7;
}
.partner-member-info.page__partner-member-info label {
  margin-bottom: 0;
}
.partner-member-info.page__partner-member-info .mb03 {
  margin-bottom: 0.3em;
}
.partner-member-info.page__partner-member-info .small {
  margin-left: 1em;
}
.partner-member-info.page__partner-member-info .fs18 {
  font-size: 1.1rem;
}
.partner-member-info.page__partner-member-info .fs17 {
  font-size: 1.05rem;
}
.partner-member-info.page__partner-member-info .fs16 {
  font-size: 1rem;
}
.partner-member-info.page__partner-member-info .fs15 {
  font-size: 0.95rem;
}
.partner-member-info.page__partner-member-info .fs14 {
  font-size: 0.9rem;
}
.partner-member-info.page__partner-member-info .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-member-info.page__partner-member-info .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-member-info.page__partner-member-info .popup {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  width: 55%;
  position: fixed;
  left: 25%;
  top: 2%;
  bottom: 2%;
  border-radius: 10px;
}
.partner-member-info.page__partner-member-info .popup .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-member-info.page__partner-member-info .popup .text p {
  margin-top: 0;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-member-info.page__partner-member-info .popup .text .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .popup .popup-content {
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  height: 96%;
  overflow-y: scroll;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table {
  width: 100%;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .title {
  border-top: 2px solid rgb(175, 171, 167);
  border-bottom: 2px solid rgb(175, 171, 167);
  height: 40px;
  text-align: center;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .title th.left-authority {
  width: 25%;
  background-color: rgb(237, 235, 233);
  font-size: 15px;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .title th.representative-manager {
  width: 25%;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .title th.manager {
  width: 25%;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .title th.member {
  width: 25%;
  color: #78716b;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .table-content {
  height: 60px;
  text-align: center;
  border-bottom: 2px solid rgb(175, 171, 167);
  font-size: 15px;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .table-content .md-content {
  padding: 0px 15px;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .table-content-middle {
  text-align: center;
  height: 60px;
  font-size: 15px;
  border-bottom: 2px solid rgb(175, 171, 167);
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .table-content-middle .in-table-left-content {
  background-color: rgb(237, 235, 233);
  padding: 0px 10px;
}
.partner-member-info.page__partner-member-info .popup .popup-content .pop-table table .table-content-middle .md-content {
  padding: 0px 15px;
}

.partner-member-invitation.page__partner-member-invitation .main {
  width: 100%;
  height: 100%;
}
.partner-member-invitation.page__partner-member-invitation .main .content {
  width: 100%;
  background: rgb(247, 236, 221);
  height: 110px;
}
.partner-member-invitation.page__partner-member-invitation .main .content section {
  padding: 30px 85px 6px;
}
.partner-member-invitation.page__partner-member-invitation .main .content section h1 {
  margin: 0;
  font-size: 1.4rem;
}
.partner-member-invitation.page__partner-member-invitation .main .content section .title-disk {
  margin: 0;
  margin-top: 15px;
  word-spacing: 0.5em;
}
.partner-member-invitation.page__partner-member-invitation .main .content section .title-disk span {
  color: #7ecdba;
}
.partner-member-invitation.page__partner-member-invitation .main .alert {
  width: 70%;
  margin: 0 auto;
}
.partner-member-invitation.page__partner-member-invitation .main .head-label {
  width: 10em;
  text-align: right;
}
.partner-member-invitation.page__partner-member-invitation .main .in-question {
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .link {
  color: #00ac97;
  border-bottom: 1px solid #00ac97;
}
.partner-member-invitation.page__partner-member-invitation .main .question-icon {
  width: 35px;
}
.partner-member-invitation.page__partner-member-invitation .main h2 {
  width: 75%;
  margin: 0 auto;
  padding-top: 2.5em;
  margin-bottom: 1.5em;
  font-size: 1.1rem;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont {
  width: 80%;
  margin: 0 auto;
  margin-left: 17%;
  margin-bottom: 3em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .mail-add {
  position: relative;
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .mail-add #email {
  width: 320px;
  height: 50px;
  margin: 10px;
  padding-left: 50px;
  border: solid 1px #b7afa7;
  margin-left: 1em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .mail-add .mail-icon {
  position: absolute;
  left: 190px;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .belonging-select {
  display: flex;
  align-items: center;
  margin-bottom: 0.3em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .belonging-select #belonging {
  height: 50px;
  width: 320px;
  padding-left: 20px;
  margin: 10px;
  border: solid 1px #b7afa7;
  margin-left: 1em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .in-invitation-radio {
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .in-invitation-radio .radio-cont {
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .in-invitation-radio .radio-cont input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .in-invitation-radio .radio-cont input[type=radio]:first-of-type {
  margin-left: 1em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .in-invitation-radio .question {
  margin-left: 3em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .checkbox-radio {
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .checkbox-radio .radio-cont {
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .checkbox-radio .radio-cont input[type=radio] {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  margin-left: 2em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .checkbox-radio .radio-cont input[type=radio]:first-of-type {
  margin-left: 1em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .checkbox-radio .question {
  margin-left: 3em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-form-cont .error-msg {
  margin-left: 12em;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-button {
  width: 80%;
  margin: 0 auto;
  margin-left: 17%;
  padding-left: 12.3em;
  display: flex;
  align-items: center;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-button button {
  padding: 10px 70px;
  border: 1px solid #a59b91;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-button .invite {
  background: #ffcf3b;
}
.partner-member-invitation.page__partner-member-invitation .main .invitation-button .back {
  margin-left: 20px;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap {
  width: 70%;
  margin: auto;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail {
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 2.5em;
  text-align: center;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail .details {
  text-align: center;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail .details .details_text {
  margin-bottom: 2em;
  padding-top: 1em;
  font-size: 16px;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail .details .details_btn {
  margin-bottom: 2em;
}
.partner-member-invitation.page__partner-member-invitation .main .users-sent-wrap .users_detail .details .details_btn a button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.partner-member-invitation.page__partner-member-invitation label {
  margin-bottom: 0;
}
.partner-member-invitation.page__partner-member-invitation .fs18 {
  font-size: 1.1rem;
}
.partner-member-invitation.page__partner-member-invitation .fs17 {
  font-size: 1.05rem;
}
.partner-member-invitation.page__partner-member-invitation .fs16 {
  font-size: 1rem;
}
.partner-member-invitation.page__partner-member-invitation .fs15 {
  font-size: 0.95rem;
}
.partner-member-invitation.page__partner-member-invitation .fs14 {
  font-size: 0.9rem;
}
.partner-member-invitation.page__partner-member-invitation .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-member-invitation.page__partner-member-invitation .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-member-invitation.page__partner-member-invitation .popup {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  width: 55%;
  position: fixed;
  left: 25%;
  top: 2%;
  bottom: 2%;
  border-radius: 10px;
}
.partner-member-invitation.page__partner-member-invitation .popup .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-member-invitation.page__partner-member-invitation .popup .text p {
  margin-top: 0;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-member-invitation.page__partner-member-invitation .popup .text .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content {
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  height: 96%;
  overflow-y: scroll;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table {
  width: 100%;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .title {
  border-top: 2px solid rgb(175, 171, 167);
  border-bottom: 2px solid rgb(175, 171, 167);
  height: 40px;
  text-align: center;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .title th.left-authority {
  width: 25%;
  background-color: rgb(237, 235, 233);
  font-size: 15px;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .title th.representative-manager {
  width: 25%;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .title th.manager {
  width: 25%;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .title th.member {
  width: 25%;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .table-content {
  height: 60px;
  text-align: center;
  border-bottom: 2px solid rgb(175, 171, 167);
  font-size: 15px;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .table-content .md-content {
  padding: 0px 15px;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .table-content-middle {
  text-align: center;
  height: 60px;
  font-size: 15px;
  border-bottom: 2px solid rgb(175, 171, 167);
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .table-content-middle .in-table-left-content {
  background-color: rgb(237, 235, 233);
  padding: 0px 10px;
}
.partner-member-invitation.page__partner-member-invitation .popup .popup-content .pop-table table .table-content-middle .md-content {
  padding: 0px 15px;
}
.partner-member-invitation.page__partner-member-invitation .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-member-invitation.page__partner-member-invitation .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-member-invitation.page__partner-member-invitation .popup2 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.partner-member-invitation.page__partner-member-invitation .popup2 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup2 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-member-invitation.page__partner-member-invitation .popup2 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.partner-member-invitation.page__partner-member-invitation .popup2 .button {
  text-align: center;
  margin-bottom: 10px;
  width: 30%;
  margin: auto;
}
.partner-member-invitation.page__partner-member-invitation .popup2 .button .btn {
  padding: 10px 10px;
  font-size: 16px;
  color: #78716b;
  background-color: rgb(240, 239, 239);
  border: 1px solid #a59b91;
}

.partner-member-list.page__partner-member-list {
  width: 100%;
  height: 100%;
}
.partner-member-list.page__partner-member-list .main-content {
  height: 90px;
  width: 100%;
  background: #f7ecdd;
}
.partner-member-list.page__partner-member-list .main-content .inside-main-content {
  padding: 0px 0px 0px 50px;
}
.partner-member-list.page__partner-member-list .main-content .inside-main-content h1 {
  margin: 0;
  font-size: 20px;
  line-height: 90px;
}
.partner-member-list.page__partner-member-list .add-member-wrap {
  position: relative;
}
.partner-member-list.page__partner-member-list .add-member-wrap .add-member {
  border: 1px solid #ccc;
  padding: 10px 25px 10px 20px;
  display: flex;
  margin-top: 60px;
  cursor: pointer;
  position: absolute;
  right: 70px;
  cursor: pointer;
}
.partner-member-list.page__partner-member-list .add-member-wrap .add-member .add-icon {
  height: 35px;
  width: 35px;
}
.partner-member-list.page__partner-member-list .add-member-wrap .add-member .add-icon a {
  color: #A59B91;
}
.partner-member-list.page__partner-member-list .add-member-wrap .add-member p {
  margin: 0;
  font-size: 15px;
  line-height: 35px;
  text-indent: 10px;
}
.partner-member-list.page__partner-member-list .member-list {
  margin-left: 70px;
  margin-right: 70px;
  margin-bottom: 3em;
  margin-top: 140px;
  position: relative;
}
.partner-member-list.page__partner-member-list .member-list .sub-title {
  font-size: 1.1rem;
  position: absolute;
  top: -70px;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member {
  width: 100%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table {
  width: 100%;
  top: 40px;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr {
  border: 1px solid #ccc;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr th {
  height: 45px;
  font-size: 1rem;
  font-weight: 200;
  background: #F7F6F5;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .member-label {
  width: 22%;
  padding-left: 3%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .id-label {
  width: 25%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .belongs-label {
  width: 18%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .edit, .partner-member-list.page__partner-member-list .member-list .table-of-member table tr .status-label, .partner-member-list.page__partner-member-list .member-list .table-of-member table tr .authority-label {
  width: 10%;
  padding-right: 1%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .text_center {
  text-align: center;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .text-left {
  text-align: left;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap div {
  float: left;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap .user-icon-wrap {
  width: 40%;
  padding-left: 12%;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap .user-icon-wrap .user-icon {
  background: #F0EFEF;
  width: 45px;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap .user-icon-wrap .user-icon .popkit-icon > svg[data-v-cc6d9aae] {
  width: 45px;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap .user-icon-wrap .user-icon img {
  width: 45px;
  height: 45px;
  border: 1px solid #ccc;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table tr .d_float_wrap .user-name {
  padding-top: 0.5em;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table td {
  padding: 1em 0;
  font-size: 1rem;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table .certified {
  color: #049F94;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table .info-creator {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 2px 10px;
}
.partner-member-list.page__partner-member-list .member-list .table-of-member table .cancel {
  border: 1px solid #A59B91;
  color: #A59B91;
}

.partner-original-material-edit.page__partner-original-material-edit .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 {
  width: 100%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
  margin-bottom: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 span {
  color: #00ac97;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents1 label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .sub-title {
  margin: 30px 0;
  font-size: 20px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 p {
  margin: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base {
  border: none;
  width: 90%;
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 20px;
  margin: auto;
  margin-top: 2em;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .add-icon-cont {
  display: inline-flex;
  align-items: center;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn {
  border: solid 1px #b7afa7;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 80px;
  margin: 0 5px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn .icon-wrap {
  height: 50px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .add-icon-cont .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .add-icon-cont .add-icon-note {
  color: #41b39c;
  margin-left: 30px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .display-period {
  position: relative;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .display-period .display-period-label {
  margin-right: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .display-period .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 7px;
  left: 80px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .label-radio input {
  height: 45px;
  padding-left: 40px;
  border: 1px solid #b7afa7;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .mt-minus {
  margin-top: -0.8em;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .keyword-input {
  height: 45px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 40em;
  margin: 5px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont {
  position: relative;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea {
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  font-size: 17px;
  position: absolute;
  width: 90px;
  top: 3px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox] {
  display: none;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked + label {
  border-color: none;
  background: #ffbd00;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開";
  padding: 0 36px 0 0;
  color: #FFFFFF;
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px);
  background: #FFFFFF;
  position: absolute;
  left: -24px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea label {
  display: block;
  box-sizing: border-box;
  height: 30px;
  border-radius: 30px;
  background: #B6AEA6;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea label span::after {
  content: "非公開";
  padding: 0 0 0 36px;
  color: #FFFFFF;
  position: relative;
  top: -12px;
  left: -10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-base .in-form-base .switch-cont #switchArea #swImg {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  top: 5px;
  left: 4px;
  border-radius: 26px;
  transition: 0.2s;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .selects-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .selects-form .label-radio {
  width: 80%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .add-new-genre {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .add-new-genre .add-new-genre-icon {
  height: 30px;
  width: 25px;
  margin-right: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 input[type=text].form-input {
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 20em;
  margin: 5px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 select {
  height: 45px;
  padding-left: 15px;
  border: solid 1px #b7afa7;
  width: 100%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 input.keyword-input {
  resize: none;
  padding: 5px;
  margin: 5px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 500px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .new-icon {
  border: #ff9f00 2px solid;
  border-radius: 10px;
  color: #ff9f00;
  margin: 5px;
  padding: 0 7px;
  font-weight: bold;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .add-icon {
  border: #ff7d7e 2px solid;
  border-radius: 10px;
  color: #ff7d7e;
  margin: 5px;
  padding: 0 7px;
  font-weight: bold;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .label-radio {
  margin: 5px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .memo-buttom {
  margin: 5px;
  color: #41b39c;
  margin-top: -0.3em;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .keywords {
  display: inline-flex;
  margin-top: 0.3em;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .keywords span {
  color: #a59b91;
  background: #f7ecdd;
  border: none;
  border-radius: 20px;
  margin-right: 5px;
  padding: 3px 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .keywords span::before {
  content: "#";
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .keywords span::after {
  content: "✖";
  margin-left: 15px;
  cursor: pointer;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .title-icon {
  height: 30px;
  width: 25px;
  margin-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.line-up {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.line-up button {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.line-up button .trash-all {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.line-up button p {
  font-size: 17px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
  margin: 40px 0 20px 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .make-tamplate {
  margin: 20px 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .buttons {
  width: 100%;
  text-align: center;
  margin: 3em 0;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.partner-original-material-edit.page__partner-original-material-edit .main-contents .contents2 .trash-btn {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-checkbox {
  display: none;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.partner-original-material-edit.page__partner-original-material-edit .popup-inside {
  display: flex;
  align-items: center;
}
.partner-original-material-edit.page__partner-original-material-edit .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.partner-original-material-edit.page__partner-original-material-edit .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.partner-original-material-edit.page__partner-original-material-edit .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.partner-original-material-edit.page__partner-original-material-edit .in-pop-info {
  min-width: 400px;
}
.partner-original-material-edit.page__partner-original-material-edit button#delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 20px;
}
.partner-original-material-edit.page__partner-original-material-edit button .trash-btn {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit button p {
  font-size: 17px;
}
.partner-original-material-edit.page__partner-original-material-edit ::-ms-input-placeholder {
  color: #c8c2bc;
  font-size: 15px;
}
.partner-original-material-edit.page__partner-original-material-edit ::placeholder {
  color: #c8c2bc;
  font-size: 15px;
}
.partner-original-material-edit.page__partner-original-material-edit .mt1em {
  margin-top: 1em !important;
}
.partner-original-material-edit.page__partner-original-material-edit .mb1em {
  margin-bottom: 1em !important;
}
.partner-original-material-edit.page__partner-original-material-edit .mb05em {
  margin-bottom: 0.5em !important;
}
.partner-original-material-edit.page__partner-original-material-edit .mb0 {
  margin-bottom: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .text-bule {
  color: #41b39c;
}
.partner-original-material-edit.page__partner-original-material-edit .fs17 {
  font-size: 1.05rem;
}
.partner-original-material-edit.page__partner-original-material-edit .fs16 {
  font-size: 1rem;
}
.partner-original-material-edit.page__partner-original-material-edit .fs15 {
  font-size: 0.95rem;
}
.partner-original-material-edit.page__partner-original-material-edit .fs13 {
  font-size: 0.8rem;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-original-material-edit.page__partner-original-material-edit .popup1 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .popup1 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .popup1 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-original-material-edit.page__partner-original-material-edit .popup1 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-original-material-edit.page__partner-original-material-edit .popup2 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .popup2 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .popup2 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-original-material-edit.page__partner-original-material-edit .popup2 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.partner-original-material-edit.page__partner-original-material-edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.partner-original-material-edit.page__partner-original-material-edit .popup3 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.partner-original-material-edit.page__partner-original-material-edit .popup3 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .popup3 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.partner-original-material-edit.page__partner-original-material-edit .popup3 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.partner-original-material-edit.page__partner-original-material-edit .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.partner-package-list.page__partner-package-list .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 {
  width: 100%;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .headline h2 {
  font-size: 20px;
  margin: 0;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .headline .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics {
  width: 100%;
  border-top: #b7afa7 1px solid;
  border-bottom: #b7afa7 1px solid;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .managemant, .partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .creator {
  width: 27%;
  height: 55px;
  display: inline-flex;
  align-items: center;
  border-left: #b7afa7 1px solid;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .perform {
  width: 27%;
  height: 55px;
  display: inline-flex;
  align-items: center;
  border-right: #b7afa7 1px solid;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .creator {
  text-align: center;
  background-color: #ffdfdd;
  border-right: #b7afa7 1px solid;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .topics {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding: 10px 50px;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .topics p {
  margin: 0;
  font-size: 17px;
}
.partner-package-list.page__partner-package-list .main-contents .contents1 .main-topics .topics .topics-set {
  height: 35px;
  width: 35px;
  margin-right: 10px;
  margin-left: 20px;
}
.partner-package-list.page__partner-package-list .creator-information {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  padding: 0 5%;
}
.partner-package-list.page__partner-package-list .profil_main .sub-title {
  margin: 0;
  font-size: 20px;
  line-height: 80px;
  margin-top: 30px;
}
.partner-package-list.page__partner-package-list .creator_head {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
  background: #FFFFFF;
  padding: 0 5%;
}
.partner-package-list.page__partner-package-list .creator_head .member-add {
  display: inline-flex;
  border: #b7afa7 1px solid;
  margin-top: 40px;
  width: 180px;
  padding: 5px 10px;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 175px;
  margin-right: 5%;
}
.partner-package-list.page__partner-package-list .creator_head .member-add s .new-package {
  margin: 0;
  font-size: 15px;
}
.partner-package-list.page__partner-package-list .creator_head .member-add .popkit-icon {
  color: #A59B91;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main {
  margin-right: 10px;
  width: 100%;
  margin: auto;
  position: relative;
  left: 250px;
  bottom: 40px;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main .icon_frame {
  border: 1px solid black;
  height: 90px;
  width: 90px;
  position: relative;
  left: 150px;
  top: 40px;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main input {
  width: 330px;
  height: 40px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #ccc;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main label {
  width: 130px;
  text-align: right;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  height: 50px;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main textarea {
  vertical-align: middle;
  height: 60px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #ccc;
}
.partner-package-list.page__partner-package-list .creator_head .creator_main .profil_text {
  width: 20px;
  text-align: right;
  line-height: 110px;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 50px;
}
.partner-package-list.page__partner-package-list .creator_head .popset {
  width: 100%;
  background: #FFFFFF;
  margin-top: 50px;
  margin-bottom: 160px;
}
.partner-package-list.page__partner-package-list .creator_head .popset .popset2 {
  width: 100%;
  margin: auto;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  border-spacing: 10px;
  width: 100%;
  margin-top: 50px;
  margin: auto;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table tr {
  border-bottom: solid 1px #b7afa7;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table td.img {
  width: 100px;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  object-fit: contain;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table td.img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .creator_name {
  text-align: center;
  font-size: 16px;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .katagaki {
  text-align: center;
  font-size: 16px;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .label, .partner-package-list.page__partner-package-list .creator_head .package-list-table .detail {
  padding: 15px 0px;
  text-align: center;
  font-size: 16px;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .label {
  font-weight: normal;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .b-line {
  text-align: left !important;
  padding-left: 3% !important;
  width: 20%;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table tr:first-child {
  background-color: #f7f6f5;
}
.partner-package-list.page__partner-package-list .creator_head .package-list-table .info-creator {
  color: #049e93;
  border: solid 1px #10A398;
  border-radius: 10px;
  background: #fff;
  padding: 5px 15px;
}

.partner-password-reset-info.page__partner-password-reset-info .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents ::placeholder {
  color: #CAC7C5;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 h2 {
  font-size: 1.25em;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .return-login {
  margin-top: 25px;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .return-login p {
  margin: 0;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .return-login span {
  border-bottom: solid 1px #78716B;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .return-login a {
  color: #78716B;
  font-size: 0.9rem;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 p.password-reset {
  font-size: 1.3em;
  margin-bottom: -6px;
  margin-top: 30px;
  margin-right: 80px;
  position: relative;
  left: 4%;
  margin-bottom: 5%;
  font-size: 1rem;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 a {
  color: #78716b;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.partner-password-reset-info.page__partner-password-reset-info .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.partner-password-reset.page__partner-password-reset .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
}
.partner-password-reset.page__partner-password-reset .main-contents .mailaddress label {
  position: relative;
}
.partner-password-reset.page__partner-password-reset .main-contents .mailaddress img {
  position: absolute;
  top: 18px;
  left: 19px;
  width: 5.5%;
}
.partner-password-reset.page__partner-password-reset .main-contents .mailaddress p {
  margin: 0 auto;
  margin-bottom: 0;
  margin-top: 3em;
  font-size: 0.9rem;
  width: 320px;
  display: block;
  text-align: left;
}
.partner-password-reset.page__partner-password-reset .main-contents .POPST {
  text-align: center;
}
.partner-password-reset.page__partner-password-reset .main-contents .return-login {
  padding-top: 1em;
}
.partner-password-reset.page__partner-password-reset .main-contents .return-login p {
  margin: 0;
}
.partner-password-reset.page__partner-password-reset .main-contents .return-login span {
  border-bottom: solid 1px #78716B;
}
.partner-password-reset.page__partner-password-reset .main-contents .return-login a {
  color: #78716B;
}
.partner-password-reset.page__partner-password-reset .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
  font-size: 0.9rem;
}
.partner-password-reset.page__partner-password-reset .main-contents ::placeholder {
  color: #CAC7C5;
  font-size: 0.9rem;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .contents2-main h2 {
  font-size: 1.25em;
  padding-top: 0.8em;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .contents2-main p {
  margin-bottom: 0;
  margin-top: 2%;
  font-size: 17px;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .login-eye {
  width: 18%;
  position: absolute;
  top: 0%;
  left: 82%;
  color: #A59B91;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 5px 10px 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 a {
  color: #78716b;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #41B39C;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .password-forgot a {
  color: #41B39C;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.partner-password-reset.page__partner-password-reset .main-contents .contents2 .reset-btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.partner-popkit-sales.page__partner-popkit-sales .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-popkit-sales.page__partner-popkit-sales .main .content {
  width: 100%;
  padding: 20px 40px;
  background: #f5e7d5;
  height: 115px;
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .content .sale-icon {
  height: 70px;
  width: 60px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .content h1 {
  margin: 0;
  text-indent: 20px;
  font-size: 20pt;
  line-height: 70px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 {
  padding: 20px 40px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections {
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section {
  display: inline-flex;
  align-items: center;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month {
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month .radio {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: sub;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month label {
  margin: 0;
  font-size: 15pt;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month-and-date img {
  cursor: pointer;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month-and-date div label .input {
  width: 150px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 {
  margin-left: 40px;
  margin-top: 5px;
  align-items: center;
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month {
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month .radio {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: sub;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month .radio label {
  margin: 0;
  font-size: 15pt;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  align-items: center;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 150px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div label {
  margin: 0;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  margin-left: 15px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 150px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .contents-2 .main-sections .section-2 .month-and-date .apply_btn {
  background-color: #ffcf3b;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 0px 25px;
  text-align: center;
  margin-left: 10px;
  text-decoration: none;
  font-size: 15.7pt;
  cursor: pointer;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-setting {
  position: absolute;
  top: 0;
  right: 7px;
  width: 15%;
  text-align: center;
  border: 2px solid #ccc;
  cursor: pointer;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-setting p {
  margin: 0;
  font-size: 25px;
  height: 60px;
  background: white;
  line-height: 60px;
  color: black;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox {
  width: 90%;
  margin: auto;
  text-align: center;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox {
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div {
  text-align: left;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div input {
  height: 50px;
  width: 30%;
  text-align: center;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div .time {
  height: 50px;
  width: 45%;
  border: 1px solid #ccc;
  margin-left: 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div .month {
  height: 30px;
  width: 30px;
  position: relative;
  top: 5px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div label {
  margin: 0;
  font-size: 30px;
  text-indent: 20px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox div .timeselect {
  height: 50px;
  width: 30%;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox .button {
  padding: 3px 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .date-and-checkbox .inside-date-and-checkbox .button button {
  padding: 5px 30px;
  background: rgb(255, 117, 109);
  border: 1px solid #ccc;
  color: white;
  font-size: 25px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale {
  width: 93%;
  margin: auto;
  margin-top: 32px;
  margin-left: 40px;
  height: 15em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 2px solid #ccc;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account {
  background: white;
  height: 33vh;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .user {
  margin: 10px 25px 0px 25px;
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .user .user-info-icon {
  height: 40px;
  width: 50px;
  color: #61CCBE;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .user p {
  margin: 0;
  font-size: 18pt;
  text-indent: 20px;
  line-height: 40px;
  font-weight: 500;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-info {
  margin-left: 25px;
  display: flex;
  margin-top: 15px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-info h2 {
  font-size: 30px;
  font-weight: 600;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-info span {
  margin: 0;
  font-size: 18pt;
  text-indent: 5px;
  margin-top: 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-upgrade {
  margin-top: 20px;
  margin-left: 25px;
  width: 20%;
  height: 40px;
  background: rgb(240, 239, 239);
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-upgrade .upgrade-icon {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  color: rgb(255, 102, 112);
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-upgrade p {
  margin: 0;
  font-size: 25px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-details {
  text-align: right;
  position: relative;
  bottom: 100px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-details ul {
  list-style: none;
  width: 95%;
  margin: auto;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-details ul li {
  font-size: 16pt;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .account .account-details ul li span {
  padding-left: 40px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale {
  background: white;
  height: 33vh;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .graph {
  margin: 10px 25px 0 25px;
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .graph .graph-icon {
  height: 40px;
  width: 50px;
  color: #B9D9D3;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .graph p {
  margin: 0;
  font-size: 18pt;
  text-indent: 20px;
  line-height: 40px;
  font-weight: 500;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-info {
  margin-left: 25px;
  display: flex;
  margin-top: 15px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-info h2 {
  font-size: 30px;
  font-weight: 600;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-info span {
  margin: 0;
  margin-top: 10px;
  font-size: 18pt;
  text-indent: 5px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-upgrade {
  margin-top: 20px;
  margin-left: 25px;
  width: 30%;
  height: 40px;
  background: rgb(240, 239, 239);
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-upgrade .upgrade-icon {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  color: rgb(65, 179, 156);
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-upgrade p {
  margin: 0;
  font-size: 25px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-details {
  text-align: right;
  position: relative;
  bottom: 100px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-details ul {
  list-style: none;
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-details ul li {
  font-size: 16pt;
}
.partner-popkit-sales.page__partner-popkit-sales .main .account-and-sale .sale .sale-details ul li span {
  padding-left: 40px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .export {
  width: 92%;
  margin: auto;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}
.partner-popkit-sales.page__partner-popkit-sales .main .export .in-export {
  display: inline-flex;
}
.partner-popkit-sales.page__partner-popkit-sales .main .export .in-export span {
  color: rgb(101, 193, 175);
  font-size: 16pt;
  margin-right: 15px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .export .in-export .export-border {
  border: 2px solid #ccc;
  display: inline-flex;
  background: rgb(255, 241, 199);
  padding: 2px 10px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .export .in-export .export-border .export-icon {
  height: 30px;
  width: 30px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-table {
  width: 93%;
  margin: auto;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-table table {
  width: 100%;
  border: 2px solid #ccc;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-table table tr {
  text-align: center;
  border: 1px solid #ccc;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-table table tr th {
  background: rgb(255, 235, 230);
  height: 40px;
  font-size: 14px;
  font-weight: 400;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-table table tr td {
  font-size: 14px;
  height: 50px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-two-table {
  width: 93%;
  margin: auto;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 50px;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-two-table table {
  width: 100%;
  border: 2px solid #ccc;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-two-table table tr {
  text-align: center;
  border: 1px solid #ccc;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-two-table table tr th {
  background: rgb(247, 246, 245);
  height: 40px;
  font-size: 14px;
  font-weight: 400;
}
.partner-popkit-sales.page__partner-popkit-sales .main .info-two-table table tr td {
  font-size: 14px;
  height: 50px;
  margin-left: 67px;
  margin-bottom: 50px;
}

.partner-top.page__partner-top .main {
  background: #e3ece9;
  height: 100%;
  width: 100%;
}
.partner-top.page__partner-top .main .main-content {
  text-align: center;
}
.partner-top.page__partner-top .main .main-content img {
  height: 140px;
  width: 35%;
  position: relative;
  top: 130px;
}
.partner-top.page__partner-top .main .main-content h2 {
  margin: 0;
  margin-top: 150px;
  font-size: 40px;
  color: #00ac97;
  text-align: center;
}
.partner-top.page__partner-top .main .account-setting {
  position: absolute;
  top: 0;
  right: 7px;
  width: 15%;
  text-align: center;
  border: 2px solid #ccc;
  cursor: pointer;
}
.partner-top.page__partner-top .main .account-setting p {
  margin: 0;
  font-size: 25px;
  height: 70px;
  background: white;
  line-height: 70px;
  color: black;
}
.partner-top.page__partner-top .main .contents-2 {
  text-align: center;
  margin-top: 30px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections {
  display: inline-flex;
  align-items: center;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section {
  display: inline-flex;
  align-items: center;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month {
  display: inline-flex;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month input[type=radio] {
  width: 25px;
  height: 25px;
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: sub;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month label {
  margin: 0;
  font-size: 17pt;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month-and-date div label .input {
  width: 140px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 {
  margin-left: 30px;
  margin-top: 5px;
  align-items: center;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month {
  display: inline-flex;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month .radio {
  width: 25px;
  height: 25px;
  margin-right: 15px;
  vertical-align: sub;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month label {
  margin: 0;
  font-size: 15pt;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  align-items: center;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 140px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div label {
  margin: 0;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  margin-left: 15px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 140px;
  height: 50px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 50px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-top.page__partner-top .main .contents-2 .main-sections .section-2 .month-and-date .apply_btn {
  background-color: rgb(14, 176, 157);
  border: #a59b91 1px solid;
  color: white;
  padding: 3px 25px;
  text-align: center;
  margin-left: 10px;
  text-decoration: none;
  font-size: 15.7pt;
  cursor: pointer;
}
.partner-top.page__partner-top .main .account-and-sale {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.partner-top.page__partner-top .main .account-and-sale .account {
  width: 97%;
  background: white;
}
.partner-top.page__partner-top .main .account-and-sale .account .user {
  margin: 25px;
  display: inline-flex;
}
.partner-top.page__partner-top .main .account-and-sale .account .user .user-info-icon {
  height: 50px;
  width: 50px;
  color: rgb(14, 176, 157);
}
.partner-top.page__partner-top .main .account-and-sale .account .user p {
  margin: 0;
  font-size: 18pt;
  text-indent: 20px;
  line-height: 50px;
  font-weight: 500;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-info {
  margin-left: 25px;
  display: flex;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-info span {
  font-size: 37.54pt;
  font-weight: 600;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-info h1 {
  margin: 0;
  font-size: 18pt;
  text-indent: 20px;
  line-height: 100px;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-upgrade {
  margin-left: 25px;
  width: 15%;
  height: 40px;
  background: rgb(240, 239, 239);
  display: inline-flex;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-upgrade .upgrade-icon {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  color: rgb(255, 102, 112);
}
.partner-top.page__partner-top .main .account-and-sale .account .account-upgrade p {
  margin: 0;
  font-size: 25px;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-details {
  text-align: right;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-details ul {
  list-style: none;
  width: 90%;
  margin: auto;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-details ul li {
  font-size: 16pt;
}
.partner-top.page__partner-top .main .account-and-sale .account .account-details ul li span {
  padding-left: 90px;
}
.partner-top.page__partner-top .main .account-and-sale .sale {
  width: 100%;
  background: white;
}
.partner-top.page__partner-top .main .account-and-sale .sale .graph {
  margin: 25px;
  display: inline-flex;
}
.partner-top.page__partner-top .main .account-and-sale .sale .graph .graph-icon {
  height: 50px;
  width: 50px;
  color: rgb(14, 176, 157);
}
.partner-top.page__partner-top .main .account-and-sale .sale .graph p {
  margin: 0;
  font-size: 18pt;
  text-indent: 20px;
  line-height: 50px;
  font-weight: 500;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-info {
  margin-left: 25px;
  display: flex;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-info span {
  font-size: 37.54pt;
  font-weight: 600;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-info h1 {
  margin: 0;
  font-size: 18pt;
  text-indent: 15px;
  line-height: 100px;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-upgrade {
  margin-left: 25px;
  width: 24%;
  height: 40px;
  background: rgb(240, 239, 239);
  display: inline-flex;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-upgrade .upgrade-icon {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  color: rgb(65, 179, 156);
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-upgrade p {
  margin: 0;
  font-size: 25px;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-details {
  text-align: right;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-details ul {
  list-style: none;
  width: 90%;
  margin: auto;
  margin-bottom: 10px;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-details ul li {
  font-size: 16pt;
}
.partner-top.page__partner-top .main .account-and-sale .sale .sale-details ul li span {
  padding-left: 90px;
}

.partner-sales.page__partner-sales .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-sales.page__partner-sales .main .content1 {
  width: 100%;
  padding: 20px 4%;
  background: #f5e7d5;
  height: 115px;
  display: flex;
  align-items: center;
}
.partner-sales.page__partner-sales .main .content1 .sale-icon {
  color: #A59B91;
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
.partner-sales.page__partner-sales .main .content1 h1 {
  margin: 0;
  font-size: 20px;
  line-height: 70px;
}
.partner-sales.page__partner-sales .main .contents-2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5em;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections {
  width: 100%;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .in-month {
  position: relative;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .in-month .calendar-style {
  width: 145px;
  height: 40px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 5px 0 5px 45px;
  -webkit-appearance: none;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .in-month .calendar-icon {
  width: 45px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section {
  width: 100%;
  margin-bottom: 0.5em;
  display: grid;
  grid-template-columns: 1fr 66%;
  grid-gap: 20px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month input[type=radio] {
  height: 20px;
  width: 30px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month label {
  margin: 0;
  font-size: 15px;
  color: #78716b;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date {
  margin-left: 20px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date .img-1 {
  cursor: pointer;
  padding-right: 10px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date div label .input {
  height: 50px;
  margin: 10px;
  border: 1px solid #CEC8C2;
  padding: 5px 0 5px 50px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 45px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .month-and-date .img-2 {
  cursor: pointer;
  padding-left: 10px;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .total {
  width: 32%;
  font-size: 14px;
  position: relative;
  margin-left: 2%;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .total .total-label {
  margin-bottom: 0;
}
.partner-sales.page__partner-sales .main .contents-2 .main-sections .section .total .total-label .total-price {
  font-size: 22px;
  position: absolute;
  bottom: -2px;
  right: 15px;
}
.partner-sales.page__partner-sales .main .contents-2 .export {
  display: flex;
  justify-content: flex-end;
}
.partner-sales.page__partner-sales .main .contents-2 .export .in-export .export-link {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 150px;
  background: #fff1c7;
  padding: 0.1em 0;
  border: 1px solid #a59b91;
}
.partner-sales.page__partner-sales .main .contents-2 .export .in-export .export-link .icon {
  width: 35px;
}
.partner-sales.page__partner-sales .main .tax-excluded {
  margin-top: 15px;
  margin-bottom: 0.3em;
  text-align: right;
}
.partner-sales.page__partner-sales .main .info-table {
  width: 100%;
  margin: auto;
  margin-bottom: 5%;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table {
  overflow-x: scroll;
  max-width: calc(100vw - 6rem);
  border-left: 1px solid #ccc;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table {
  width: 100%;
  border: none;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr {
  text-align: center;
  border-left: none;
  border: 1px solid #b7afa7;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr .info-list-label {
  background: rgb(247, 246, 245);
  height: 40px;
  font-size: 14px;
  font-weight: 400;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr .detail {
  white-space: nowrap;
  min-width: 5em;
  height: 70px;
  margin-left: 67px;
  margin-bottom: 50px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:first-child,
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:nth-of-type(2),
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:nth-of-type(3) {
  position: sticky;
  position: -webkit-sticky;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:first-child,
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:nth-of-type(2),
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:nth-of-type(3) {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:first-child,
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:first-child {
  left: 0;
  min-width: 8rem;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:nth-of-type(2),
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:nth-of-type(2) {
  left: 8rem;
  min-width: 8rem;
}
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr th:nth-of-type(3),
.partner-sales.page__partner-sales .main .info-table.sticky-table table tr td:nth-of-type(3) {
  left: 16rem;
  min-width: 12rem;
}
.partner-sales.page__partner-sales .d-flex {
  display: flex;
  align-items: center;
}
.partner-sales.page__partner-sales .b-bottom {
  border-bottom: 1px solid #a59b91;
}
.partner-sales.page__partner-sales ::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
.partner-sales.page__partner-sales .under-line {
  text-decoration: underline !important;
}

.partner-suppliers-information.page__partner-suppliers-list-edit .main {
  height: 100%;
  width: 100%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .content1 {
  width: 100%;
  padding: 20px 4%;
  background: #f5e7d5;
  height: 115px;
  display: flex;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .content1 .graph-icon {
  color: #A59B91;
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .content1 h1 {
  margin: 0;
  font-size: 20px;
  line-height: 70px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .pankuzu {
  padding-top: 1.5em;
  margin-bottom: 0;
  font-size: 16px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents {
  width: 96%;
  margin: 0 auto;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .sub-content {
  margin-top: 1.5em;
  padding: 10px;
  width: auto;
  height: 65px;
  background: #E2F4F2;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .sub-content .inside-sub-content {
  display: inline-flex;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .sub-content .inside-sub-content .document-icon {
  height: 45px;
  width: 50px;
  margin-right: 10px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .sub-content .inside-sub-content .sub-title {
  margin: 0;
  font-size: 17px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .sub-content .control-page {
  color: #ff756d;
  border: solid 1px #ff756d;
  border-radius: 12px;
  background: #fff;
  padding: 0px 10px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .information1 .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px 35px;
  font-size: 16px;
  padding: 3em 0 1em;
  border-bottom: 1px solid #d1ccc7;
  margin-bottom: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .information1 .list .label {
  text-align: right;
  font-weight: normal;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information4, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information5 {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 10px;
  font-size: 16px;
  padding: 2em 0;
  border-bottom: 1px solid #d1ccc7;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge1 {
  margin-bottom: 1em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge1 .input-style {
  width: 32.5%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge1 .label-style {
  width: 80px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge2 {
  display: flex;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge2 .in-be-charge2-form {
  display: flex;
  width: 50%;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge2 .in-be-charge2-form .input-style {
  width: 65%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information2 .be-charge-cont .in-be-charge2 .in-be-charge2-form .label-style {
  width: 84px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .customer-code-cont .customer-code-form {
  margin-bottom: 1em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .customer-code-cont .customer-code-form .input-style {
  width: 32.5%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .customer-code-cont .customer-code-form .label-style {
  width: 80px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item {
  margin-bottom: 0.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item:last-of-type {
  margin-bottom: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .count .bill-count {
  margin-bottom: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .count .delete-base-link {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail {
  border: 1px solid #a59b91;
  padding: 2em 0;
  padding-right: 1em;
  font-size: 16px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail label {
  width: 120px;
  text-align: right;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail input, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail select {
  height: 45px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .common-ml {
  margin-left: 0.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .base-name input {
  width: 70%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account input {
  width: 25%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account label, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account input, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account span {
  margin-left: 0.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-code-wrap .base-code input, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .base-code-wrap .sales-code input {
  width: 60%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .zips input {
  width: 11.5%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap select {
  padding-left: 10px;
  width: 50%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap .city label {
  margin-left: 1.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap .city input {
  width: 65%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .tel-wrap .tel input {
  width: 20%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .tel-wrap .personnel-name input {
  width: 52%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .line {
  margin: 0 8px;
  font-size: 24px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .bill-info-list .bill-info-item .bill-info-detail .mb1em {
  margin-bottom: 1em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .add {
  padding-top: 0.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .add a {
  color: #a59b91;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .add a .add-icon {
  width: 25px;
  margin-right: 0.3em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information3 .add a .add-label {
  margin-bottom: 0;
  font-size: 17px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information4 .billing-item-cont .billing-item .in-billing-item1 .label {
  margin-bottom: 0;
  text-align: right;
  padding-right: 30%;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information4 .billing-item-cont .billing-item .in-billing-item2 .checkbox-text {
  width: 90px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information4 .billing-item-cont .billing-item .in-billing-item2 .input-style {
  width: 80%;
  margin-left: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .information5 .remarks-cont .remarks {
  width: 80%;
  margin: 0 10% !important;
  height: 100px !important;
  padding: 0.8em !important;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons {
  text-align: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  width: 160px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
  width: 160px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons {
  text-align: center;
  margin-top: 20px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons .stop_btn {
  background: #fff;
  border: #00ac97 1px solid;
  color: #00ac97;
  height: 40px;
  width: 240px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .buttons .force_logout {
  background: #fff;
  border: #fd8c61 1px solid;
  color: #fd8c61;
  height: 40px;
  width: 240px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .delete {
  text-align: center;
  margin: 20px 0 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .delete .delete-btn {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: #ff756d 1px solid;
  color: #ff756d;
  height: 40px;
  width: 240px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .delete .delete-btn .trash-icon {
  height: 30px;
  width: 50px;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .delete .delete-btn span {
  margin: 0;
  font-size: 16px;
  text-indent: 15px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base label {
  margin-bottom: 0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .input-style {
  height: 45px;
  font-size: 16px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  margin-left: 1em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .common-flex {
  display: flex;
  align-items: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .bill-info-add {
  margin-bottom: 1.5em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type1, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type2, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type3, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type4, .partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type5 {
  display: grid;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type1 {
  grid-template-columns: 2fr 2fr;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type2 {
  grid-template-columns: 1fr 2fr;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type3 {
  grid-template-columns: 2fr 1.5fr;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type4 {
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em 15px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .grid-type5 {
  grid-template-columns: 60% 1fr;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .checkbox {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-weight: bold;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .contents2 .in-contents .form-base .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 33vw;
  height: 31vh;
  background-color: white;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .pop-up-inner-cont {
  width: 80%;
  margin: 0 auto;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .pop-up-inner-cont h2, .partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .pop-up-inner-cont p {
  font-weight: bold;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .pop-up-inner-cont h2 {
  font-size: 1.1rem;
  color: #ff756d;
  text-align: center;
  margin-bottom: 1em;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main .pop-up-cont .pop-up-inner-cont p {
  font-size: 1rem;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main #account-num-error {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .main #account-num-error:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .back-pink {
  background: #fff1f0;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .back-lavender {
  background: #f6f2f3;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .font-bule {
  color: #00ac97;
}
.partner-suppliers-information.page__partner-suppliers-list-edit ::-ms-input-placeholder {
  color: #c8c2bc;
}
.partner-suppliers-information.page__partner-suppliers-list-edit ::placeholder {
  color: #c8c2bc;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .text-center {
  text-align: center;
}
.partner-suppliers-information.page__partner-suppliers-list-edit .text-right {
  text-align: right;
}

.partner-suppliers-list.page__partner-suppliers .main {
  height: 100%;
  width: 100%;
}
.partner-suppliers-list.page__partner-suppliers .main .content1 {
  width: 100%;
  padding: 20px 4%;
  background: #f5e7d5;
  height: 115px;
  display: flex;
  align-items: center;
}
.partner-suppliers-list.page__partner-suppliers .main .content1 .graph-icon {
  color: #A59B91;
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
.partner-suppliers-list.page__partner-suppliers .main .content1 h1 {
  margin: 0;
  font-size: 20px;
  line-height: 70px;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 1.5em;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-text {
  font-size: 16px;
  margin: 2em 0 0.3em;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table {
  width: 100%;
  border: 1px solid #b7afa7;
  text-align: center;
  margin-bottom: 50px;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .label {
  background: #f7f6f5;
  height: 40px;
  font-size: 14px;
  border-bottom: 1px solid #b7afa7;
  font-weight: 400;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail {
  font-size: 14px;
  height: 60px;
  border-bottom: 1px solid #b7afa7;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .supplier-edit-link {
  text-decoration: underline !important;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .message-list {
  margin: 0.5em 0 !important;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .message-list .message-item {
  display: flex;
  align-items: baseline;
  text-align: left;
  position: relative;
  margin-bottom: 0.3em;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .message-list .message-item:last-of-type {
  margin-bottom: 0;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .message-list .message-item .exclamation {
  width: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .detail .message-list .message-item .m-text {
  padding-left: 22px;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .num {
  width: 8%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .name {
  width: 16%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .date, .partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .status {
  width: 8%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .code {
  width: 8%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .package {
  width: 8%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .login-date {
  width: 14%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .message {
  width: 16%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .suppliers-list-table .suppliers-list .info {
  width: 10%;
}
.partner-suppliers-list.page__partner-suppliers .main .content2 .suppliers-list-cont .control-page {
  color: #ff756d;
  border: solid 1px #ff756d;
  border-radius: 10px;
  background: #fff;
  font-size: 15px;
  padding: 2px 8px 3px;
  cursor: pointer;
}
.partner-suppliers-list.page__partner-suppliers ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.partner-suppliers-list.page__partner-suppliers .font-red {
  color: #ff756d;
}

.page__partner-top-style .main {
  background: #e3ece9;
  height: 100%;
  width: 100%;
}
.page__partner-top-style .main .main-content {
  text-align: center;
}
.page__partner-top-style .main .main-content img {
  height: 72px;
  width: 368px;
  position: relative;
  top: 90px;
}
.page__partner-top-style .main .main-content h2 {
  margin: 0;
  margin-top: 100px;
  font-size: 1.25em;
  color: #00ac97;
  text-align: center;
}
.page__partner-top-style .main .account-setting {
  position: absolute;
  top: 0;
  right: 7px;
  width: 15%;
  text-align: center;
  border: 2px solid #ccc;
  cursor: pointer;
}
.page__partner-top-style .main .account-setting p {
  margin: 0;
  font-size: 25px;
  height: 70px;
  background: white;
  line-height: 70px;
  color: black;
}
.page__partner-top-style .main .contents-2 {
  text-align: center;
  margin-top: 30px;
}
.page__partner-top-style .main .contents-2 .main-sections {
  display: inline-flex;
  align-items: center;
}
.page__partner-top-style .main .contents-2 .main-sections .section {
  display: inline-flex;
  align-items: center;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month {
  display: inline-flex;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month input[type=radio] {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: sub;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month label {
  margin: 0;
  font-size: 16px;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month-and-date div label {
  position: relative;
  margin: 0;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month-and-date div label .input {
  width: 165px;
  height: 30px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 3px 0 5px 35px;
  background-color: #fff;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month-and-date div label .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__partner-top-style .main .contents-2 .main-sections .section .month-and-date .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 {
  margin-left: 30px;
  align-items: center;
  display: flex;
  margin-top: 0;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month {
  display: inline-flex;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month .radio {
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 15px;
  vertical-align: sub;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month label {
  margin: 0;
  font-size: 16px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  align-items: center;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 165px;
  height: 30px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 3px 0 5px 35px;
  background-color: #fff;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div label {
  margin: 0;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div label {
  position: relative;
  margin: 0;
  margin-left: 15px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div .input {
  width: 165px;
  height: 30px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 3px 0 5px 35px;
  background-color: #fff;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date div .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__partner-top-style .main .contents-2 .main-sections .section-2 .month-and-date .apply_btn {
  background-color: rgb(14, 176, 157);
  border: #a59b91 1px solid;
  color: white;
  padding: 3px 25px;
  text-align: center;
  margin-left: 10px;
  text-decoration: none;
  font-size: 0.9rem;
  cursor: pointer;
}
.page__partner-top-style .main .account-and-sale {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  padding-bottom: 5%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.page__partner-top-style .main .account-and-sale .account {
  width: 97%;
  background: white;
}
.page__partner-top-style .main .account-and-sale .account .user {
  margin: 25px;
  display: flex;
  align-items: center;
}
.page__partner-top-style .main .account-and-sale .account .user .user-info-icon {
  height: 35px;
  width: 35px;
  color: rgb(14, 176, 157);
}
.page__partner-top-style .main .account-and-sale .account .user p {
  margin: 0;
  font-size: 18px;
  text-indent: 15px;
  font-weight: 500;
}
.page__partner-top-style .main .account-and-sale .account .account-info {
  margin-left: 25px;
  display: flex;
  align-items: baseline;
  margin-bottom: 1em;
}
.page__partner-top-style .main .account-and-sale .account .account-info span {
  font-size: 40px;
  font-weight: 500;
}
.page__partner-top-style .main .account-and-sale .account .account-info h1 {
  margin: 0;
  font-size: 18px;
  text-indent: 30px;
  font-weight: normal;
}
.page__partner-top-style .main .account-and-sale .account .account-upgrade {
  margin-left: 25px;
  width: 100px;
  height: 40px;
  background: #f0efef;
  display: flex;
  align-items: center;
  position: relative;
}
.page__partner-top-style .main .account-and-sale .account .account-upgrade .upgrade-icon {
  margin-left: 10px;
  height: 40px;
  width: 40px;
  color: #ff6670;
  position: absolute;
  left: 0;
  top: 0;
}
.page__partner-top-style .main .account-and-sale .account .account-upgrade p {
  margin: 0;
  font-size: 18px;
  margin-left: 40px;
}
.page__partner-top-style .main .account-and-sale .account .account-details {
  text-align: right;
  position: relative;
  height: 22vh;
}
.page__partner-top-style .main .account-and-sale .account .account-details ul {
  list-style: none;
  position: absolute;
  margin-right: 25px;
  right: 0;
  top: 0;
}
.page__partner-top-style .main .account-and-sale .account .account-details ul li {
  font-size: 18px;
  margin-bottom: 0.3em;
  display: flex;
}
.page__partner-top-style .main .account-and-sale .account .account-details ul li p {
  width: 110px;
  margin-bottom: 0;
}
.page__partner-top-style .main .account-and-sale .account .account-details ul li span {
  width: 120px;
}
.page__partner-top-style .main .account-and-sale .account .account-details ul li:last-of-type {
  margin-bottom: 0;
}
.page__partner-top-style .main .account-and-sale .sale {
  width: 100%;
  background: white;
}
.page__partner-top-style .main .account-and-sale .sale .graph {
  margin: 25px;
  display: flex;
  align-items: center;
}
.page__partner-top-style .main .account-and-sale .sale .graph .graph-icon {
  height: 35px;
  width: 35px;
  color: rgb(14, 176, 157);
}
.page__partner-top-style .main .account-and-sale .sale .graph p {
  margin: 0;
  font-size: 18px;
  text-indent: 15px;
  font-weight: 500;
}
.page__partner-top-style .main .account-and-sale .sale .sale-info {
  margin-left: 25px;
  display: flex;
  align-items: baseline;
  margin-bottom: 1em;
}
.page__partner-top-style .main .account-and-sale .sale .sale-info span {
  font-size: 40px;
  font-weight: 500;
}
.page__partner-top-style .main .account-and-sale .sale .sale-info h1 {
  margin: 0;
  font-size: 18px;
  text-indent: 30px;
  font-weight: normal;
}
.page__partner-top-style .main .account-and-sale .sale .sale-upgrade {
  margin-left: 25px;
  width: 135px;
  height: 40px;
  background: #f0efef;
  display: flex;
  align-items: center;
  position: relative;
}
.page__partner-top-style .main .account-and-sale .sale .sale-upgrade .upgrade-icon {
  margin-left: 10px;
  color: #41b39c;
  margin-left: 10px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.page__partner-top-style .main .account-and-sale .sale .sale-upgrade p {
  margin: 0;
  font-size: 18px;
  margin-left: 40px;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details {
  text-align: right;
  position: relative;
  height: 22vh;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul {
  list-style: none;
  position: absolute;
  margin-right: 25px;
  right: 0;
  top: 0;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul li {
  font-size: 18px;
  margin-bottom: 0.3em;
  display: flex;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul li:last-of-type {
  margin-bottom: 0;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul li p {
  width: 110px;
  margin-bottom: 0;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul li span {
  width: 120px;
}
.page__partner-top-style .main .account-and-sale .sale .sale-details ul li span .en {
  font-size: 0.7rem;
  margin-left: 0.5em;
}

.popkit-company-package.page__popkit-company-package .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 {
  width: 100%;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .headline h2 {
  font-size: 20px;
  margin: 0;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .headline .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics {
  width: 100%;
  border-top: #b7afa7 1px solid;
  border-bottom: #b7afa7 1px solid;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .managemant, .popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .creator {
  width: 27%;
  height: 55px;
  display: inline-flex;
  align-items: center;
  border-left: #b7afa7 1px solid;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .perform {
  width: 27%;
  height: 55px;
  display: inline-flex;
  align-items: center;
  border-right: #b7afa7 1px solid;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .creator {
  text-align: center;
  background-color: #ffdfdd;
  border-right: #b7afa7 1px solid;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .topics {
  display: inline-flex;
  width: 100%;
  align-items: center;
  padding: 10px 50px;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .topics p {
  margin: 0;
  font-size: 17px;
}
.popkit-company-package.page__popkit-company-package .main-contents .contents1 .main-topics .topics .topics-set {
  height: 35px;
  width: 35px;
  margin-right: 10px;
  margin-left: 20px;
}
.popkit-company-package.page__popkit-company-package .creator-information {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  padding: 0 5%;
}
.popkit-company-package.page__popkit-company-package .profil_main h2 {
  margin: 0;
  font-size: 20px;
  line-height: 80px;
  margin-top: 30px;
}
.popkit-company-package.page__popkit-company-package .creator_head {
  width: 100%;
  height: 100%;
  margin: auto;
  display: inline-block;
  background: #FFFFFF;
  padding: 0 5% 0 7%;
}
.popkit-company-package.page__popkit-company-package .creator_head .member-add {
  display: inline-flex;
  border: #75797e 1px solid;
  margin-top: 40px;
  width: 180px;
  padding: 5px 10px;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 430px;
  margin-right: 5%;
}
.popkit-company-package.page__popkit-company-package .creator_head .member-add span {
  margin: 0;
  font-size: 15px;
}
.popkit-company-package.page__popkit-company-package .creator_head .member-add .popkit-icon {
  color: #A59B91;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main {
  margin-right: 10px;
  width: 100%;
  margin: auto;
  position: relative;
  left: 250px;
  bottom: 40px;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main .icon_frame {
  border: 1px solid black;
  height: 90px;
  width: 90px;
  position: relative;
  left: 150px;
  top: 40px;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main input {
  width: 330px;
  height: 40px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #ccc;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main label {
  width: 130px;
  text-align: right;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  height: 50px;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main textarea {
  vertical-align: middle;
  height: 60px;
  margin-left: 15px;
  padding-left: 10px;
  border: solid 1px #ccc;
}
.popkit-company-package.page__popkit-company-package .creator_head .creator_main .profil_text {
  width: 20px;
  text-align: right;
  line-height: 110px;
  padding-right: 0.5em;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 50px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset {
  width: 100%;
  background: #FFFFFF;
  margin-top: -20px;
  margin-bottom: 30px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 {
  width: 100%;
  margin: auto;
  margin-bottom: 100px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  border-spacing: 10px;
  width: 100%;
  margin-top: 50px;
  margin: auto;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 caption {
  font-size: 15px;
  caption-side: top;
  font-weight: bold;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 tr {
  border-bottom: solid 1px #b7afa7;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 td.img {
  width: 100px;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  object-fit: contain;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 td.img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 td.creator_name {
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 td.katagaki {
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 td {
  padding: 15px 0px;
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 tr:first-child {
  background-color: #FFEBE6;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset2 .info-creator {
  color: #049e93;
  border: solid 1px #10A398;
  border-radius: 10px;
  background: #fff;
  padding: 5px 15px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 {
  width: 100%;
  margin: auto;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 table {
  border-collapse: collapse;
  border: solid 1px #b7afa7;
  border-spacing: 10px;
  width: 100%;
  margin-top: 50px;
  margin: auto;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 caption {
  font-size: 15px;
  caption-side: top;
  font-weight: bold;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 tr {
  border-bottom: solid 1px #b7afa7;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 td.img {
  width: 100px;
  text-align: left;
  vertical-align: middle;
  margin-right: 20px;
  object-fit: contain;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 td.img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 td.creator_name {
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 td.katagaki {
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 td {
  padding: 15px 0px;
  text-align: center;
  font-size: 16px;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 tr:first-child {
  background-color: #f7f6f5;
}
.popkit-company-package.page__popkit-company-package .creator_head .popset .popset3 .info-creator {
  color: #049e93;
  border: solid 1px #10A398;
  border-radius: 10px;
  background: #fff;
  padding: 5px 15px;
}

.popkit-material-list.page__popkit-material-list .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.popkit-material-list.page__popkit-material-list .main-contents .main {
  background: none;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 {
  width: 100%;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
  margin-bottom: 0;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents1 span {
  color: #00ac97;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  margin-bottom: 10%;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .sub-title {
  margin: 30px 0;
  font-size: 20px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main {
  width: 767px;
  margin-left: auto;
  margin-right: auto;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .about-page {
  margin: 30px 0;
  font-size: 18px;
  text-align: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .search-cont {
  margin-bottom: 1.5em;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .search-cont .search-label {
  position: relative;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .search-cont .search-label .search-icon {
  height: 35px;
  width: 35px;
  position: absolute;
  top: 7px;
  right: 15px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .select-pops {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2em;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .select-pops .select-pops-item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .select-pops .select-pops-item .select-label {
  margin-right: 0.5em;
  margin-bottom: 0;
  font-size: 16px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .select-pops .select-pops-item:first-of-type {
  margin-right: 2%;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .select-pops .select-style {
  width: 65%;
  height: 45px;
  padding: 5px 10px;
  border: #a59b91 1px solid;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .list-head {
  width: 100%;
  display: inline-flex;
  align-items: flex-end;
  justify-content: space-between;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .list-head .always-public {
  display: flex;
  font-size: 17px;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .list-head .always-public .always-public-check {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .new-element {
  display: inline-flex;
  border: #75797e 1px solid;
  width: 210px;
  padding: 5px 10px;
  align-items: center;
  margin-top: 20px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .new-element .new-element-style {
  height: 30px;
  width: 35px;
  margin-right: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .new-element a {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main input[type=search] {
  width: 325px;
  height: 50px;
  padding: 5px 55px 5px 20px;
  border: #a59b91 1px solid;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pickup:before {
  border-color: #ff756d transparent transparent transparent;
  border-style: solid;
  border-width: 70px 70px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  z-index: 2;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pickup:after {
  color: #fff;
  content: "オリジナル";
  font-size: 12px;
  position: absolute;
  top: 18px;
  left: -3px;
  transform: rotate(-45deg);
  z-index: 3;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info p {
  margin: 0;
  font-size: 14px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info h4 {
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .logoset-text {
  position: relative;
  bottom: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .new-icon, .popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .add-icon {
  border: 2px solid;
  margin: 5px;
  border-radius: 8px;
  height: 26px;
  text-align: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .new-icon {
  border-color: #ff9f00;
  color: #ff9f00;
  margin-left: auto;
  width: 57px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
  width: 77px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .free-icon {
  color: #fff;
  background: #41ad96;
  margin: 5px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .enjoy-icon {
  color: #fff;
  background: #ec716a;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .pop-info .information {
  display: block;
  text-align: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .spotlight .spotlight-main p {
  color: #DEDAD6;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .spotlight p {
  margin: 0;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .spotlight .edit-icon {
  color: #DEDAD6;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .inter-items {
  background: #f5eadc;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .item,
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .background,
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .template {
  display: flex;
  flex-wrap: wrap;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .item img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .contents2 .main .template img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 {
  border: #DCD7D3 2px solid;
  background: #F1ECEB;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div h3, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div span, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div p, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
  width: 24em;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div .dropdown-content a:hover, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div .dropdown-content a:hover {
  background-color: #FFF1F0;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .in-pop-info div .dropdown:hover .dropdown-content, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .in-pop-info div .dropdown:hover .dropdown-content {
  display: block;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .in-information, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border: #FFBF00 2px solid;
  border-radius: 10px;
  r: #FDAA23;
  margin: 5px;
  color: #FDAC27;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
  font-weight: 600;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .free-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .in-information .enjoy-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information div span, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .edit, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .in-pops-list1 .pop-info .information .edit .toggle-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .in-spotlight, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .in-spotlight .edit-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .in-spotlight span, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .circle, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .circle label, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .circle label {
  margin-bottom: 0;
  font-size: 16px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .circle .circle-icon, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .spotlight .circle span, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box {
  position: relative;
  background: #F7ECDD;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam1 .list1, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam1 .list1 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  padding-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam1 .iteam, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam1 .iteam {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam1 .iteam div, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam1 .iteam div {
  padding-left: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam1 .iteam img, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam1 .iteam img {
  width: 150px;
  height: 140px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam2, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam2 {
  margin-bottom: 20px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam2 .list2, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam2 .list2 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam2 .background, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam2 .background {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam2 .background div, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam2 .background div {
  width: 25%;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam2 .background div img, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam2 .background div img {
  width: 150px;
  height: 130px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 {
  margin-top: 40px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3 .list3, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 .list3 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3 .template, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 .template {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3 .template div, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 .template div {
  width: 25%;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3 .template div img, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 .template div img {
  width: 150px;
  height: 100px;
  object-fit: contain;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list1 .image-box .inter-items .iteam3 .template .new img, .popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .image-box .inter-items .iteam3 .template .new img {
  transform: rotate(90deg);
  height: 130px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 {
  border: #DCD7D3 2px solid;
  background: #fff2d7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border: #FF9197 2px solid;
  border-radius: 10px;
  color: #FC9394;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  height: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41ad96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #ec716a;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .circle label {
  margin-bottom: 0;
  font-size: 16px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list2 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 {
  border: #DCD7D3 2px solid;
  background: #fff2d7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #ec716a;
  margin: 5px 0 5px 5px;
  padding: 2px 7px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information .edit {
  float: right;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .in-pops-list1 .pop-info .information .edit .toggle-icon {
  width: 100px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .in-spotlight .edit-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .circle label {
  margin-bottom: 0;
  font-size: 16px;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .circle .circle-icon {
  height: 35px;
  width: 35px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list3 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list4 {
  background: #ffebe6;
}
.popkit-material-list.page__popkit-material-list .main-contents .pops-list4 .in-pops-list1 {
  background: #ffebe6;
}
.popkit-material-list.page__popkit-material-list .main-contents .accbox .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.popkit-material-list.page__popkit-material-list .main-contents .accbox span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.popkit-material-list.page__popkit-material-list .main-contents .accbox label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.popkit-material-list.page__popkit-material-list .main-contents .accbox input {
  display: none;
}
.popkit-material-list.page__popkit-material-list .main-contents .accbox #accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  display: none;
}
.popkit-material-list.page__popkit-material-list .main-contents [id^=test-test]:checked + #accshow {
  height: auto;
  opacity: 1;
  display: block;
}
.popkit-material-list.page__popkit-material-list .main-contents .rotate180 {
  transition: all 0.5s;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}
.popkit-material-list.page__popkit-material-list .main-contents #sample-items .figure-none {
  margin: 0;
  display: none;
}
.popkit-material-list.page__popkit-material-list .main-contents .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.popkit-material-list.page__popkit-material-list .main-contents .popup #overlay-items {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
}
.popkit-material-list.page__popkit-material-list .main-contents .overlaybox-items {
  width: 450px !important;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.popkit-material-list.page__popkit-material-list .main-contents .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.popkit-material-list.page__popkit-material-list .main-contents img.overlayimg-items {
  width: 400px !important;
  height: 400px !important;
  position: relative;
}
.popkit-material-list.page__popkit-material-list .main-contents .popup img {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popkit-material-list.page__popkit-material-list .main-contents .information {
  position: relative;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea {
  line-height: 50px;
  letter-spacing: 0;
  text-align: center;
  font-size: 17px;
  position: absolute;
  width: 90px;
  bottom: -5px;
  right: 0;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea input[type=checkbox] {
  display: none;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea input[type=checkbox]:checked + label {
  border-color: none;
  background: #ffbd00;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea input[type=checkbox]:checked + label span:after {
  content: "公開";
  padding: 0 36px 0 0;
  color: #FFFFFF;
  margin-bottom: 10px;
  position: relative;
  left: 10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea input[type=checkbox]:checked ~ #swImg {
  transform: translateX(90px);
  background: #FFFFFF;
  position: absolute;
  left: -24px;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea label {
  display: block;
  box-sizing: border-box;
  height: 30px;
  border-radius: 30px;
  background: #B6AEA6;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea label span::after {
  content: "非公開";
  padding: 0 0 0 36px;
  color: #FFFFFF;
  position: relative;
  top: -12px;
  left: -10px;
}
.popkit-material-list.page__popkit-material-list .main-contents .information #switchArea #swImg {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  top: 5px;
  left: 4px;
  border-radius: 26px;
  transition: 0.2s;
}
.popkit-material-list.page__popkit-material-list .m0 {
  margin: 0;
}
.popkit-material-list.page__popkit-material-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popkit-material-list.page__popkit-material-list .disabled {
  pointer-events: none;
  color: #dedad6 !important;
}
.popkit-material-list.page__popkit-material-list .disabled span {
  color: #dedad6 !important;
}
.popkit-material-list.page__popkit-material-list .pagination {
  margin: 20px 0 1em !important;
}
.popkit-material-list.page__popkit-material-list .text-center {
  text-align: center;
}
.popkit-material-list.page__popkit-material-list .fs18 {
  font-size: 1.1rem;
}
.popkit-material-list.page__popkit-material-list .fs17 {
  font-size: 1.05rem;
}
.popkit-material-list.page__popkit-material-list .fs16 {
  font-size: 1rem;
}
.popkit-material-list.page__popkit-material-list .fs15 {
  font-size: 0.95rem;
}
.popkit-material-list.page__popkit-material-list .fs13 {
  font-size: 0.8rem;
}

@media screen and (min-width: 1280px) {
  .popkit-material-list.page__popkit-material-list .main-contents .contents2 .main {
    width: 68%;
  }
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 {
  width: 100%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents1 span {
  color: #00ac97;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .creator-information {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  padding: 0 5%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .profil_main h2 {
  margin: 0;
  line-height: 80px;
  margin-top: 30px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base {
  border: none;
  width: 90%;
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 8px 20px;
  margin: auto;
  margin-top: 1em;
  padding-bottom: 3em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .in-package-coupon-cont {
  border: 1px solid #b7afa7;
  width: 500px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .in-package-coupon-cont .coupon {
  border-bottom: 1px solid #b7afa7;
  padding: 0.5em 1em;
  display: grid;
  grid-template-columns: 38% 25% 25% 12%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .in-package-coupon-cont .coupon:last-of-type {
  border-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .in-package-coupon-cont .coupon .coupon-detail {
  padding-top: 0.2em;
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .coupon-add {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin-top: 5px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .coupon-add .in-coupon-add {
  height: 30px;
  width: 25px;
  margin-right: 10px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .in-form-base .package-coupon-cont .coupon-add .coupon-add-text {
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .form-label.v-top {
  margin-top: 10px;
  align-self: unset;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .form-input {
  height: 45px;
  width: 353px;
  padding-left: 5px;
  border: solid 1px #b7afa7;
  padding-left: 20px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .main-contents .contents2 .coupon-edit {
  color: #049e93;
  border: solid 1px #049e93;
  border-radius: 8px;
  background: #fff;
  margin: 0;
  padding: 0;
  height: 27px;
  width: 45px;
  text-align: center;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 600px;
  height: fit-content;
  background-color: #fffaf5;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner {
  width: 85%;
  margin: 0 auto;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .coupon-detail-input {
  display: flex;
  align-items: baseline;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .coupon-detail-input .input-item {
  width: 50%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .coupon-detail-input .input-item:first-of-type {
  margin-right: 0.8%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .coupon-detail-input .input-item:last-of-type {
  margin-left: 0.8%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .coupon-detail-input .input-item .font-bule {
  color: #41b39c;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap:last-child {
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap .check-item {
  margin-right: 2.5em;
  width: 120px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap .check-item:last-of-type {
  margin-right: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap .check-text {
  width: 160px;
  text-align: right;
  padding-right: 0.5em;
  margin-left: 3rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap .pl05 {
  padding-left: 0.5em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .checkbox-wrap .checkbox-text {
  position: relative;
  font-size: 0.95rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .form-style {
  height: 35px;
  border: solid 1px #b7afa7;
  padding: 0 10px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .form-w1 {
  width: 100%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .form-w2 {
  width: 90px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button-wrap {
  text-align: center;
  padding: 1.8em 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button-wrap .register {
  background: #F7CA4B;
  color: #78716b;
  padding: 10px 0;
  border: 1px solid #B1A698;
  width: 135px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner p {
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner ::-ms-input-placeholder {
  color: #c9c6c4;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner ::placeholder {
  color: #c9c6c4;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .text-right {
  text-align: right;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit [id*=pop-up-check] {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit [id*=pop-up-check]:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .edit-pop-up-cont {
  height: fit-content;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .change {
  margin-bottom: 1.5em;
  text-align: center;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .change_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 160px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .delete {
  text-align: center;
  padding-bottom: 5%;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .delete-btn {
  display: inline-flex;
  text-align: center;
  align-items: center;
  border: #ff756d 1px solid;
  background: #fff;
  color: #ff756d;
  width: 220px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .delete-btn .delete-btn-style {
  height: 35px;
  width: 30px;
  margin-right: 10px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .delete-text {
  margin: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-delete {
  padding: 1.5em 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .pop-up-delete .delete-btn {
  width: 205px;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit label {
  margin-bottom: 0;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .mb1em {
  margin-bottom: 1em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .mb2em {
  margin-bottom: 2em;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .fs18 {
  font-size: 1.1rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .fs17 {
  font-size: 1.05rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .fs16 {
  font-size: 1rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .fs15 {
  font-size: 0.95rem;
}
.popkit-partner-package-info-edit.page__popkit-partner-package-info-edit .fs13 {
  font-size: 0.85rem;
}

.page__partner-login-relation .partner-top-line {
  background: #00ac97;
}

.page__partner-reorder .main-contents {
  width: 100%;
  height: 100%;
}
.page__partner-reorder .main-contents .main {
  background: none;
}
.page__partner-reorder .main-contents .contents1 {
  width: 100%;
}
.page__partner-reorder .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.page__partner-reorder .main-contents .contents1 h2 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}
.page__partner-reorder .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.page__partner-reorder .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
  margin-bottom: 0;
}
.page__partner-reorder .main-contents .contents1 span {
  color: #00ac97;
}
.page__partner-reorder .main-contents .solt-contents {
  width: 75%;
  margin: 0 auto;
  padding-bottom: 5%;
}
.page__partner-reorder .main-contents .solt-contents .page-sub-title h2 {
  font-size: 20px;
  margin: 70px 0px 30px 0;
  color: #78716b;
}
.page__partner-reorder .main-contents .solt-contents .page-disc h3 {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 2.5em;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2%;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item {
  border: 1px solid #a59b91;
  margin: 0 0.5em 1em;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner {
  width: 110px;
  height: 110px;
  padding: 0.5em 0 0.5em 0.7em;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner .popset-thumbnail {
  width: 65px;
  margin-bottom: 0.3em;
  margin-left: 0.9em;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner .popset-label {
  font-size: 0.7rem;
  letter-spacing: -1px;
  line-height: 1.3em;
  margin-bottom: 0;
  font-weight: normal;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item.is_not_open {
  background: #EEEEEE;
}
.page__partner-reorder .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item.is_not_open .popset-thumbnail {
  opacity: 0.4;
}
.page__partner-reorder .main-contents .solt-contents .btns {
  padding-bottom: 3em;
}
.page__partner-reorder .main-contents .solt-contents .btns .change-button {
  text-align: center;
}
.page__partner-reorder .main-contents .solt-contents .btns .change-button button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__partner-reorder .main-contents .solt-contents .btns .change-button .left_btn {
  background: #ffcf3b;
  border: 1px solid #ccc;
  margin-right: 2em;
}
.page__partner-reorder .main-contents .solt-contents .btns .change-button .right_btn button {
  background: #f0efef;
  border: 1px solid #ccc;
}
.page__partner-reorder .popbox-tabs {
  position: relative;
}
.page__partner-reorder .tab_item {
  border: 1px solid #78716b;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #78716b;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width: 14%;
  background: white;
}
.page__partner-reorder .user_mode {
  position: absolute;
  top: -72px;
  right: 20%;
  border-right: 0 !important;
}
.page__partner-reorder .registration_mode {
  position: absolute;
  top: -72px;
  right: 6%;
}
.page__partner-reorder input[name=tab_item] {
  display: none;
}
.page__partner-reorder .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.page__partner-reorder #user_mode:checked ~ #user_mode_content,
.page__partner-reorder #registration_mode:checked ~ #registration_mode_content {
  display: block;
}
.page__partner-reorder .popbox-tabs input:checked + .tab_item {
  background: #ffbb00;
  border: 1px solid #78716b;
}
.page__partner-reorder .page-footer {
  background: #FFFAF5;
}

@media screen and (max-width: 1090px) {
  .page__popset_sort .main-contents {
    width: 990px;
  }
}
.page__package-invitation-partner .main-contents {
  width: 100%;
  height: 100%;
  background: #fff;
}
.page__package-invitation-partner .main-contents .contents1 {
  width: 100%;
}
.page__package-invitation-partner .main-contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 65px;
  border-bottom: #b7afa7 1px solid;
}
.page__package-invitation-partner .main-contents .contents1 .headline h2 {
  font-size: 20px;
}
.page__package-invitation-partner .main-contents .contents1 .headline .p-link {
  cursor: pointer;
}
.page__package-invitation-partner .main-contents .contents1 h2 {
  margin: 0;
}
.page__package-invitation-partner .main-contents .contents1 .package-box {
  color: #A59B91;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.page__package-invitation-partner .main-contents .contents1 p {
  margin-top: 10px;
  position: relative;
  top: 30px;
  right: 160px;
}
.page__package-invitation-partner .main-contents .contents1 span {
  color: #00ac97;
}
.page__package-invitation-partner .main-contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.page__package-invitation-partner .main-contents .contents2 .sub-title {
  margin: 30px 0;
  font-size: 20px;
}
.page__package-invitation-partner .main-contents .contents2 .details {
  width: 80%;
  margin: 0 auto;
}
.page__package-invitation-partner .main-contents .contents2 .details .inside-details .border {
  padding: 1em 1em 2em;
  border: 2px solid #ffcf3b;
}
.page__package-invitation-partner .main-contents .contents2 .details .inside-details .in-sub-title {
  font-size: 24px;
}
.page__package-invitation-partner .main-contents .contents2 .details .inside-details .form-base .in-form-base {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 10px 20px;
}
.page__package-invitation-partner .main-contents .contents2 .details .inside-details .form-base .in-form-base .form-label {
  text-align: right;
}
.page__package-invitation-partner .main-contents .contents2 .details .inside-details .form-base .form-input {
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  width: 20em;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 5rem 1fr;
  column-gap: 1em;
  row-gap: 1.5em;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap label {
  text-align: right;
  font-size: 1rem;
  line-height: 45px;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap input {
  height: 45px;
  font-size: 15px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap input.email {
  width: 20rem;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap input.title {
  width: 30rem;
}
.page__package-invitation-partner .main-contents .contents2 .details .input-wrap .cc-btn {
  background-color: #fff;
  border: none;
}
.page__package-invitation-partner .main-contents .contents3 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.page__package-invitation-partner .main-contents .contents3 .sub-title {
  margin: 30px 0;
  font-size: 20px;
}
.page__package-invitation-partner .main-contents .contents3 .details {
  width: 80%;
  margin: 0 auto;
}
.page__package-invitation-partner .main-contents .contents3 .details .inside-details {
  border: 2px solid #ffcf3b;
  padding: 1em;
}
.page__package-invitation-partner .main-contents .contents3 .details .inside-details .history-table {
  width: 100%;
  table-layout: fixed;
}
.page__package-invitation-partner .main-contents .contents3 .details .inside-details .history-table .table-tr {
  padding-bottom: 5px;
  border-bottom: solid 1px #b7afa7;
}
.page__package-invitation-partner .main-contents .contents3 .details .inside-details .history-table .table-tr .history-email {
  word-wrap: break-word;
  width: 30%;
}
.page__package-invitation-partner .main-contents .contents3 .details .inside-details .history-table .table-tr .history-url {
  word-wrap: break-word;
  width: 70%;
  padding-left: 25px;
}
.page__package-invitation-partner .main-contents p {
  margin: 0;
}
.page__package-invitation-partner .button {
  padding-left: 41.5%;
}
.page__package-invitation-partner .button button {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #FFF;
  padding: 5px 0;
  height: 45px;
  width: 220px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  margin: 1em 0 0.5em;
}
.page__package-invitation-partner .mt08em {
  margin-top: 0.8em;
}
.page__package-invitation-partner .mb1em {
  margin-bottom: 1em !important;
}
.page__package-invitation-partner .bold {
  font-weight: bold;
}
.page__package-invitation-partner .text-center {
  text-align: center;
}
.page__package-invitation-partner .fs18 {
  font-size: 1.1rem;
}
.page__package-invitation-partner .fs17 {
  font-size: 1.05rem;
}
.page__package-invitation-partner .fs16 {
  font-size: 1rem;
}
.page__package-invitation-partner .fs15 {
  font-size: 0.95rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.partner-common-style .user-menu-item-link:hover {
  background: #d3e9e5;
  background: var(--user-menu-active-color, #d3e9e5);
  transform: unset !important;
}
.partner-common-style .page-footer {
  background: #fffaf5;
}
.partner-common-style .menubar-logo[data-v-80063d38] {
  display: flex;
  align-items: baseline;
}
.partner-common-style .top-nav {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: inline-flex;
}
.partner-common-style .top-nav .active {
  background-color: #c5ecde;
}
.partner-common-style .top-nav .material:hover .dropdown-content {
  display: block;
}
.partner-common-style .top-nav .inside-top-nav {
  display: inline-flex;
  align-items: center;
  width: 20.5%;
  height: 51px;
  position: relative;
  border-right: 1px solid #ccc;
}
.partner-common-style .top-nav .inside-top-nav .inside-top-nav-a {
  font-size: 17px;
  color: #78716b;
  cursor: pointer;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.partner-common-style .top-nav .inside-top-nav .inside-top-nav-a .link-text {
  margin: 0;
  font-size: 17px;
  color: #78716b !important;
}
.partner-common-style .top-nav .inside-top-nav .upload-icon {
  height: 30px;
  width: 30px;
  display: inline-flex;
  margin-right: 0.5em;
}
.partner-common-style .top-nav .inside-top-nav .dropdown {
  float: left;
  overflow: hidden;
  width: 100%;
}
.partner-common-style .top-nav .inside-top-nav .dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #78716b;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.partner-common-style .top-nav .inside-top-nav .dropdown-content {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  position: absolute;
}
.partner-common-style .top-nav .inside-top-nav .dropdown-content .use-popset {
  width: 100%;
  height: 50%;
}
.partner-common-style .top-nav .inside-top-nav .dropdown-content .creators-share {
  width: 100%;
  height: 50%;
}
.partner-common-style .top-nav .inside-top-nav .dropdown-content .inner-link {
  float: none;
  color: black;
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 15px;
  color: #78716b;
  justify-content: center;
  font-weight: bold;
}
.partner-common-style .top-nav .inside-top-nav .dropdown-content .inner-link:hover, .partner-common-style .top-nav .inside-top-nav .dropdown-content .inner-link.active {
  background-color: #e3faf1;
}

.page__partner-password-reset-new {
  overflow: hidden;
}
.page__partner-password-reset-new .partner-top-line .header_contents {
  top: 60px;
}
.page__partner-password-reset-new .main .contents2 {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.page__partner-password-reset-new .main .contents2 h1 {
  margin: 0;
  font-size: 25px;
  color: #78716b;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  margin-top: 20px;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 200px;
  color: #78716b;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password label {
  position: relative;
  margin: 0;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .login-eye-invisible {
  width: 25px;
}
.page__partner-password-reset-new .main .contents2 .password .inside-password .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password {
  text-align: center;
  font-size: 30px;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 150px;
  color: #78716b;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label {
  position: relative;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye-invisible {
  width: 25px;
}
.page__partner-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__partner-password-reset-new .main .contents2 .alert {
  font-size: 12.27px;
  margin-left: 75px;
  color: #ff756d;
  position: relative;
  bottom: 10px;
}
.page__partner-password-reset-new .main .contents2 .button {
  text-align: center;
}
.page__partner-password-reset-new .main .contents2 .button .login-btn {
  background-color: #ffcf3b;
  border: 1px solid #a59b91;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 45px;
  margin-top: 25px;
  cursor: pointer;
  color: #78716b;
  margin-bottom: 20px;
}
.page__partner-password-reset-new .text-error {
  color: red;
}

.partner-printing.page__partner-printing {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner-printing.page__partner-printing main {
  overflow-y: scroll;
}
.partner-printing.page__partner-printing main {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.partner-printing.page__partner-printing main::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* Chrome/Safari/Webkit */
}
.partner-printing.page__partner-printing .header {
  width: 100%;
  padding: 20px 4%;
  background: #f5e7d5;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.partner-printing.page__partner-printing .header h1 {
  margin: 0;
  font-size: 20px;
  line-height: 70px;
}
.partner-printing.page__partner-printing .header .update-btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}

body.page__premium {
  font-family: "Noto Sans JP", sans-serif;
  color: #78716b;
}
body.page__premium .page-footer {
  background: #FFF2CC !important;
  padding: 0 0 0.8em;
}

.premium_head_cn {
  display: inline-block;
  color: #78716B;
  vertical-align: sub;
  margin-right: 10px;
}

body.page-premium-logout {
  background: #FFF2CC !important;
}
body.page-premium-logout .premium-logout-logo {
  margin-top: 17vh;
}
body.page-premium-logout .premium-logout-logo img {
  width: 540px;
  text-align: center;
}
body.page-premium-logout .container {
  margin-top: 8vh;
}
body.page-premium-logout .container a {
  color: #78716b;
  font-size: 17px;
  border-bottom: 1px solid #78716b;
}

.premium-login.page__premium-login .premium-top-line .header_contents {
  top: 60px;
}
.premium-login.page__premium-login .main-contents .mailaddress label {
  position: relative;
}
.premium-login.page__premium-login .main-contents .mailaddress img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.premium-login.page__premium-login .main-contents .password label {
  position: relative;
}
.premium-login.page__premium-login .main-contents .password img {
  position: absolute;
  top: 23px;
  left: 19px;
  width: 7%;
}
.premium-login.page__premium-login .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.premium-login.page__premium-login .main-contents ::placeholder {
  color: #CAC7C5;
}
.premium-login.page__premium-login .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.premium-login.page__premium-login .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.premium-login.page__premium-login .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  /*background-image: url(login-page/nickname.png);
  background-repeat: no-repeat;
  vertical-align: middle;*/
  border: solid 1px #ccc;
}
.premium-login.page__premium-login .main-contents .contents2 ::-ms-clear {
  visibility: hidden;
}
.premium-login.page__premium-login .main-contents .contents2 ::-ms-reveal {
  visibility: hidden;
}
.premium-login.page__premium-login .main-contents .contents2 a {
  color: #78716b;
}
.premium-login.page__premium-login .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.premium-login.page__premium-login .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.premium-login.page__premium-login .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #78716B;
}
.premium-login.page__premium-login .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.premium-login.page__premium-login .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}

.page__premium-password-reset .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-password-reset .main-contents .mailaddress label {
  position: relative;
}
.page__premium-password-reset .main-contents .mailaddress img {
  position: absolute;
  top: 18px;
  left: 19px;
  width: 5.5%;
}
.page__premium-password-reset .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.page__premium-password-reset .main-contents ::placeholder {
  color: #CAC7C5;
}
.page__premium-password-reset .main-contents .input-email {
  width: 320px;
  display: block;
  margin: 0 auto;
  text-align: left;
  font-size: 0.9rem;
}
.page__premium-password-reset .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-password-reset .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
}
.page__premium-password-reset .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 5px 10px 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.page__premium-password-reset .main-contents .contents2 a {
  color: #78716b;
}
.page__premium-password-reset .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.page__premium-password-reset .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium-password-reset .main-contents .contents2 .return-to-login {
  padding-top: 1em;
}
.page__premium-password-reset .main-contents .contents2 .return-to-login p a span {
  border-bottom: 1px solid #78716b;
  font-size: 0.9rem;
}

.page__premium-canceled {
  width: 100%;
  height: 100%;
}
.page__premium-canceled .main-content {
  width: 100%;
  padding-left: 30px;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.page__premium-canceled .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.page__premium-canceled .users-sent-wrap {
  width: 70%;
  margin: auto;
}
.page__premium-canceled .users-sent-wrap .users_detail {
  border: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.page__premium-canceled .users-sent-wrap .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 1.15em;
  padding-left: 1.15em;
  text-align: left;
}
.page__premium-canceled .users-sent-wrap .users_detail .details {
  width: 70%;
  margin: 0 auto;
}
.page__premium-canceled .users-sent-wrap .users_detail .details .details_text {
  text-align: left;
  margin-bottom: 2em;
  padding-top: 1em;
  font-size: 16px;
}
.page__premium-canceled .users-sent-wrap .users_detail .details_btn {
  text-align: center;
  margin-bottom: 2em;
}
.page__premium-canceled .users-sent-wrap .users_detail .details_btn a button {
  padding: 0.7em 0;
  width: 240px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.page__premium-canceled .page-footer {
  background: #FFFAF5;
}

.page__premium-cancel .main-contents {
  width: 100%;
  height: 100%;
}
.page__premium-cancel .main-contents h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 30px 60px;
}
.page__premium-cancel .main-contents .contents2 {
  width: 78%;
  min-width: 46em;
  margin: auto;
  box-sizing: border-box;
  padding-bottom: 5%;
}
.page__premium-cancel .main-contents .contents2 .contents-inner {
  border: 1px solid #E2DFDB;
  padding: 20px 30px;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .form-title h2 {
  font-size: 1.25em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap {
  font-size: 1rem;
  margin-bottom: 1em;
  width: 85%;
  margin: 0 auto;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read {
  text-align: center;
  display: flex;
  align-items: center;
  margin-bottom: 2.5em;
  justify-content: center;
  padding-top: 1.5em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read img {
  width: 40px;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read h3 {
  font-size: 1.3rem;
  padding: 0 1em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read p {
  color: white;
  background: #ff756d;
  width: 200px;
  text-align: center;
  padding: 2px 0;
  border-radius: 15px;
  font-weight: bold;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner {
  margin-bottom: 1.5em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner h4 {
  font-size: 1.1rem;
  font-weight: normal;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner:last-of-type {
  margin-bottom: 0;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .alert {
  margin-top: 1em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .cancel-button {
  display: inline-flex;
  text-align: center;
  margin-bottom: 0.5em;
  padding-top: 1.5em;
  justify-content: center;
  width: 100%;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .cancel-button button {
  font-size: 1.1rem;
  color: #78716b;
  padding: 10px 60px;
  border: 1px solid #B1A698;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .cancel-button .right_btn {
  margin-left: 1.2em;
}
.page__premium-cancel .main-contents .contents2 .contents-inner .must-read-wrap .cancel-button .left_btn button {
  padding: 10px 40px;
  border: 1px solid #ff756d;
  background: #fff;
  color: #ff756d;
}
.page__premium-cancel h2, .page__premium-cancel h3, .page__premium-cancel h4, .page__premium-cancel p {
  margin-bottom: 0;
}
.page__premium-cancel .page-footer {
  background: #FFFAF5;
}

@media screen and (min-width: 1280px) {
  .page__premium-cancel .must-read-wrap {
    text-align: center;
  }
  .page__premium-cancel .must-read-wrap .must-read-text-inner h4, .page__premium-cancel .must-read-wrap .must-read-text-inner p {
    width: 700px;
    text-align: left;
    margin: 0 auto;
  }
}
.page__popkit-premium-index {
  --footer-background: #fffaf5;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .base-grid {
    height: unset;
  }
}
.page__popkit-premium-index main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  min-width: 1024px;
  min-height: 550px;
  font-size: 1.6vh;
}
@media (max-height: 550px) {
  .page__popkit-premium-index main {
    font-size: 9pt;
  }
}
@media screen and (max-width: 480px) {
  .page__popkit-premium-index main {
    display: block;
    width: 100vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index main {
    min-width: 550px;
    min-height: unset;
    height: unset;
    font-size: 2vw;
  }
}
.page__popkit-premium-index .area-new-pop {
  width: 50%;
  height: 35%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .area-new-pop {
    width: 100%;
    height: 40vw;
  }
}
.page__popkit-premium-index .area-new-pop {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .area-popsets {
  width: 50%;
  height: 35%;
  background-color: #fff2c9;
  z-index: 0;
  display: flex;
  flex-direction: column;
}
.page__popkit-premium-index .area-popsets .section-header {
  height: 27%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .area-popsets {
    width: 100%;
    height: 40vw;
  }
}
.page__popkit-premium-index .area-popsets {
  border-bottom: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .recently-shared-pop {
  width: 50%;
  height: 24%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .recently-shared-pop {
    width: 100%;
    height: 27vw;
  }
}
.page__popkit-premium-index .recently-shared-pop {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .new-info {
  width: 50%;
  height: 24%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .new-info {
    width: 100%;
    height: 27vw;
  }
}
.page__popkit-premium-index .new-info {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .area-my-pop {
  width: 50%;
  height: 24%;
  text-align: center;
  background-color: #cbe2dd;
  z-index: 0;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .area-my-pop {
    width: 100%;
    height: 27vw;
  }
}
.page__popkit-premium-index .area-my-pop {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .print-shop {
  width: 50%;
  height: 24%;
  background-color: gray;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .print-shop {
    width: 100%;
    height: 27vw;
  }
}
.page__popkit-premium-index .print-shop {
  border-bottom: 1px solid rgb(206, 200, 195);
  border-right: 1px solid rgb(206, 200, 195);
}
.page__popkit-premium-index .navigation {
  width: 100%;
  height: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFAF5;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__popkit-premium-index .navigation {
    width: 100%;
    height: 20vw;
  }
}
.page__popkit-premium-index .navigation .banner {
  height: 60%;
}
.page__popkit-premium-index .navigation .banner .left-banner {
  margin: 0 10px;
}
.page__popkit-premium-index .navigation .banner .banner-link:hover {
  opacity: 0.5;
}
.page__popkit-premium-index .navigation .banner img {
  height: 100%;
}
.page__popkit-premium-index .page-footer {
  background-color: rgb(204, 196, 192);
  color: rgb(120, 113, 107);
}
.page__popkit-premium-index .full {
  width: 100%;
}
.page__popkit-premium-index .slick-slider, .page__popkit-premium-index .slick-list, .page__popkit-premium-index .slick-track,
.page__popkit-premium-index .slick-slide div {
  height: 100%;
}
.page__popkit-premium-index .slick-prev, .page__popkit-premium-index .slick-next {
  box-shadow: 0 0 4px black;
  padding: 2em;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 3em;
  height: 3em;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 99;
  opacity: 0.8;
}
.page__popkit-premium-index .slick-track {
  margin-left: 0;
}
.page__popkit-premium-index .slick-prev {
  left: -1em;
}
.page__popkit-premium-index .slick-next {
  right: -1em;
}
.page__popkit-premium-index .slick-next:before, .page__popkit-premium-index .slick-prev:before {
  line-height: 0.65;
  opacity: 1;
  color: gray;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page__popkit-premium-index .slick-prev:before {
  content: "";
  background-image: url("/img/slick/btn_prev.png");
  display: inline-block;
  width: 3em;
  height: 3em;
  background-size: contain;
  vertical-align: middle;
}
.page__popkit-premium-index .slick-next:before {
  content: "";
  background-image: url("/img/slick/btn_next.png");
  display: inline-block;
  width: 3em;
  height: 3em;
  background-size: contain;
  vertical-align: middle;
}
.page__popkit-premium-index .slick-disabled {
  visibility: hidden;
}
.page__popkit-premium-index .title a {
  text-decoration: underline !important;
}
.page__popkit-premium-index .title-normal a:hover {
  color: rgb(255, 164, 98) !important;
}
.page__popkit-premium-index .title-oshogatsu a:hover {
  color: rgb(242, 113, 92) !important;
}
.page__popkit-premium-index .title-setsubun a:hover {
  color: rgb(217, 164, 122) !important;
}
.page__popkit-premium-index .title-ohanami a:hover {
  color: rgb(238, 134, 168) !important;
}
.page__popkit-premium-index .title-kodomonohi a:hover {
  color: rgb(134, 198, 109) !important;
}
.page__popkit-premium-index .title-tsuyu a:hover {
  color: rgb(202, 169, 234) !important;
}
.page__popkit-premium-index .title-natsuyasumi a:hover {
  color: rgb(81, 206, 182) !important;
}
.page__popkit-premium-index .title-natsumatsuri a:hover {
  color: rgb(126, 121, 204) !important;
}
.page__popkit-premium-index .title-halloween a:hover {
  color: rgb(140, 103, 178) !important;
}
.page__popkit-premium-index .title-otumn a:hover {
  color: rgb(232, 159, 42) !important;
}
.page__popkit-premium-index .title-christmas a:hover {
  color: rgb(249, 133, 109) !important;
}
.page__popkit-premium-index .popkit-index-info-heading {
  margin: 1.5em 0 1em;
}
.page__popkit-premium-index .info-published-at {
  font-size: 13px;
  color: #A59B91;
}
.page__popkit-premium-index .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
}
.page__popkit-premium-index .application_and_total_account_count {
  background: #fff;
  border-radius: 5px;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding-bottom: 10px;
  border: 1px solid #A49A90;
}
.page__popkit-premium-index .application_and_total_account_count .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__popkit-premium-index .application_and_total_account_count .popup-content {
  padding: 25px;
  margin-top: 10px;
  color: #78716b;
  text-align: center;
}
.page__popkit-premium-index .application_and_total_account_count .popup-content h2 {
  font-size: 16px;
  color: #78716b;
}
.page__popkit-premium-index .application_and_total_account_count .popup-content p {
  font-size: 15px;
  padding: 0px 30px;
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
  color: #78716b;
  text-align: left;
}
.page__popkit-premium-index .application_and_total_account_count .popup-content .total-account-btn {
  margin-top: 25px;
}
.page__popkit-premium-index .application_and_total_account_count .popup-content .total-account-btn button {
  background: #F7CA4B;
  border: 1px solid #B1A698;
  color: #78716b;
  padding: 8px 30px;
  font-size: 16px;
  font-weight: 500;
}

.page__premium-invite .premium-top-line .header_contents {
  top: 15px;
}
.page__premium-invite .main-contents .form_input_name label {
  position: relative;
  text-align: left;
}
.page__premium-invite .main-contents .form_input_name label .form-name {
  padding-left: 10px;
}
.page__premium-invite .main-contents .form_input_name .popkit-icon {
  top: 23px;
  left: 9px;
  width: 25px;
  height: 40px;
  position: absolute;
  top: 11px;
  color: #A59B91;
}
.page__premium-invite .main-contents .form_input_email label {
  position: relative;
  text-align: left;
}
.page__premium-invite .main-contents .form_input_email label .form-email {
  padding-left: 10px;
}
.page__premium-invite .main-contents .form_input_email .popkit-icon {
  top: 23px;
  left: 9px;
  width: 25px;
  height: 40px;
  position: absolute;
  top: 11px;
  color: #A59B91;
}
.page__premium-invite .main-contents .form_input_password label {
  position: relative;
  text-align: left;
  margin-bottom: 0;
}
.page__premium-invite .main-contents .form_input_password label .form-name {
  padding-left: 10px;
}
.page__premium-invite .main-contents .form_input_password label input {
  margin-bottom: 0 !important;
}
.page__premium-invite .main-contents .form_input_password img {
  position: absolute;
  top: 36px;
  left: 20px;
  width: 7%;
}
.page__premium-invite .main-contents .form_input_password .input_note {
  color: #FF6670;
  width: 320px;
  margin: 0 auto;
  text-align: right;
  font-size: 0.8rem;
}
.page__premium-invite .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.page__premium-invite .main-contents ::placeholder {
  color: #CAC7C5;
}
.page__premium-invite .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-invite .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 3px;
  right: -10px;
  color: #A59B91;
}
.page__premium-invite .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 0px 10px 10px 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.page__premium-invite .main-contents .contents2 a {
  color: #78716b;
}
.page__premium-invite .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.page__premium-invite .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.page__premium-invite .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #78716B;
}
.page__premium-invite .main-contents .contents2 .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 30px 20px 20px;
  cursor: pointer;
}
.page__premium-invite .main-contents .contents2 .registered_member {
  padding-top: 0.5em;
}
.page__premium-invite .main-contents .contents2 .registered_member a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
}

.page__premium-login-relation {
  background: #FFF2CC;
}
.page__premium-login-relation .premium-top-line {
  background: #ffffff;
  height: 180px;
  position: relative;
  text-align: center;
}
.page__premium-login-relation .premium-top-line .header_contents {
  position: absolute;
  width: 100%;
}
.page__premium-login-relation .premium-top-line .header_contents img {
  width: 600px;
}
.page__premium-login-relation .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 180px;
}
.page__premium-login-relation .main-contents .screen-main-title {
  display: block;
  font-size: 1.25em;
  line-height: 1;
  padding: 0.8em;
  font-weight: bold;
}

.page__premium-account-setting h1 {
  font-size: 20px;
  margin: 50px 0px 30px 60px;
  color: #78716b;
}
.page__premium-account-setting .section-title {
  font-size: 18px;
  text-align: left;
  color: #78716b;
  font-weight: 500;
  width: 100%;
}
.page__premium-account-setting .content {
  border: 1px solid #E2DFDB;
  width: 78%;
  margin: auto;
}
.page__premium-account-setting .content .user-information {
  padding: 2em;
}
.page__premium-account-setting .content .user-information .user-details {
  width: fit-content;
  margin: 0 auto;
}
.page__premium-account-setting .content .user-information .user-details .user-info__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  justify-content: center;
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .user-info__column-left {
  width: 14em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 1em;
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .user-info__column-left .row-header {
  font-size: 15px;
  width: 100%;
  text-align-last: left;
  color: #78716b;
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .user-info__column-right {
  justify-content: flex-start;
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details .user-info__row .icon {
    display: block;
    width: 18em;
    text-align: center;
  }
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .icon .photo {
  height: 100px;
  width: 110px;
  border: 1px solid #DCD8D5;
  margin-right: 2em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details .user-info__row .icon .photo {
    margin: 0 auto;
  }
}
.page__premium-account-setting .content .user-information .user-details .user-info__row .icon .photo-upload {
  font-size: 14px;
  background: #FDF0CD;
  color: #999083;
  padding: 0.5em 1em;
  border-radius: 7px;
  width: 170px;
  text-align: center;
  margin-top: 1em;
}
.page__premium-account-setting .content .user-information .user-details input {
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details input {
    width: 18em;
  }
}
.page__premium-account-setting .content .user-information .user-details input {
  height: 50px;
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #DDD9D6;
}
.page__premium-account-setting .content .user-information .user-details .shared-pop-notice {
  width: 22em;
  font-size: 14px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details .shared-pop-notice {
    width: 18em;
  }
}
.page__premium-account-setting .content .user-information .user-details .shared-pop-notice input[type=radio] {
  width: auto;
  height: auto;
  box-sizing: border-box;
  padding: 0;
}
.page__premium-account-setting .content .user-information .user-details .shared-pop-notice span {
  padding-left: 3px;
  margin-right: 10px;
}
.page__premium-account-setting .content .user-information .user-details ::-ms-input-placeholder {
  color: #C3BDB6;
}
.page__premium-account-setting .content .user-information .user-details ::placeholder {
  color: #C3BDB6;
}
.page__premium-account-setting .content .user-information .user-details select {
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details select {
    width: 18em;
  }
}
.page__premium-account-setting .content .user-information .user-details select {
  height: 50px;
  padding-left: 10px;
  color: black;
  font-size: 14px;
  background: #fff;
  border: 1px solid #DDD9D6;
}
.page__premium-account-setting .content .user-information .user-details .alert {
  margin-left: 15.5em;
  color: red;
  font-size: 15px;
  font-weight: 600;
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 {
  font-size: 14px;
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details .authority .list_item2 {
    width: 18em;
  }
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 ul li:first-of-type {
  padding-right: 2.5em;
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 ul li:last-of-type {
  display: flex;
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 ul li:last-of-type img {
  width: 18px;
  margin-right: 0.3em;
}
.page__premium-account-setting .content .user-information .user-details .authority .list_item2 ul li:last-of-type a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
}
.page__premium-account-setting .content .user-information .user-details .register_authority .list_item2 {
  width: 22em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-account-setting .content .user-information .user-details .register_authority .list_item2 {
    width: 18em;
  }
}
.page__premium-account-setting .content .user-information .user-details .register_authority .list_item2 {
  font-size: 14px;
}
.page__premium-account-setting .content .user-information .user-details .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium-account-setting .content .user-information .user-details .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-account-setting .content .user-information .user-details .popup {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  width: 55%;
  position: fixed;
  left: 25%;
  top: 2%;
  bottom: 2%;
  border-radius: 10px;
}
.page__premium-account-setting .content .user-information .user-details .popup .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__premium-account-setting .content .user-information .user-details .popup .text p {
  margin-top: 0;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium-account-setting .content .user-information .user-details .popup .text .close {
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 200ms;
  font-size: 15px;
  text-decoration: none;
  color: #78716b;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content {
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  height: 96%;
  overflow-y: scroll;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table {
  width: 100%;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .title {
  border-top: 2px solid rgb(175, 171, 167);
  border-bottom: 2px solid rgb(175, 171, 167);
  height: 40px;
  text-align: center;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .title th.left-authority {
  width: 25%;
  background-color: rgb(237, 235, 233);
  font-size: 15px;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .title th.representative-manager {
  width: 25%;
  color: #78716b;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .title th.manager {
  width: 25%;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .title th.member {
  width: 25%;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .table-content {
  height: 60px;
  text-align: center;
  border-bottom: 2px solid rgb(175, 171, 167);
  font-size: 15px;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .table-content .md-content {
  padding: 0px 15px;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .table-content-middle {
  text-align: center;
  height: 60px;
  font-size: 15px;
  border-bottom: 2px solid rgb(175, 171, 167);
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .table-content-middle .in-table-left-content {
  background-color: rgb(237, 235, 233);
  padding: 0px 10px;
}
.page__premium-account-setting .content .user-information .user-details .popup .popup-content .pop-table table .table-content-middle .md-content {
  padding: 0px 15px;
}
.page__premium-account-setting .content-2 {
  border: 1px solid #E2DFDB;
  width: 78%;
  margin: auto;
  margin-top: 20px;
}
.page__premium-account-setting .content-2 .password-setting {
  padding: 2em;
}
.page__premium-account-setting .content-2 .password-setting.social-only {
  height: 40vh;
}
.page__premium-account-setting .content-2 .password-setting .user-password {
  font-size: 18px;
  text-align: center;
  color: #78716b;
  font-weight: 500;
  margin-top: 20px;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details {
  width: fit-content;
  margin: 0 auto;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row {
  display: flex;
  justify-content: center;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left {
  display: flex;
  align-items: center;
  width: 10em;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left label {
  width: 14em;
  font-size: 15px;
  color: #78716b;
  margin: 0;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-left {
  margin-right: 1em;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right {
  position: relative;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right input {
  width: 22em;
  height: 50px;
  padding-left: 40px;
  font-size: 14px;
  border: 1px solid #DDD9D6;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right ::-ms-input-placeholder {
  color: #A49A90;
}
.page__premium-account-setting .content-2 .password-setting .user-password-details .user-password__row .user-password__column-right ::placeholder {
  color: #A49A90;
}
.page__premium-account-setting .content-2 .password-setting .separator {
  margin: 20px auto;
  border: 1px solid #DAD5D1;
}
.page__premium-account-setting .content-2 .password-setting .alert {
  font-size: 15px;
  color: #F19893;
}
.page__premium-account-setting .content-2 .password-setting .imp {
  font-size: 12px;
  color: #78716b;
}
.page__premium-account-setting .content-2 .key-icon {
  width: 30px;
  position: absolute;
  top: 10px;
  left: 0.5em;
  color: #CBC6C0;
}
.page__premium-account-setting .content-3 {
  border: 2px solid #E2DFDB;
  width: 78%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 5%;
}
.page__premium-account-setting .content-3 .delete-title {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
  margin: 20px 0px 10px 50px;
}
.page__premium-account-setting .content-3 p {
  font-size: 15px;
  margin: 10px 80px;
  color: #78716b;
}
.page__premium-account-setting .content-3 .delete-button {
  text-align: center;
  margin: 30px 30px 20px 0px;
}
.page__premium-account-setting .content-3 .delete-button button {
  font-size: 17px;
  border: 1px solid #EE7F79;
  background: #fff;
  color: #F1948F;
  padding: 10px 40px;
}
.page__premium-account-setting .button {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.page__premium-account-setting .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.page__premium-account-setting .page-footer {
  background: #FFFAF5;
}

.error-msg {
  color: red;
  font-weight: 500;
  font-size: 15px;
}

.page__premium-users-index .main {
  padding: 2em;
  width: 100%;
  height: 100%;
}
.page__premium-users-index {
  width: 100%;
  height: 100%;
}
.page__premium-users-index .main-content {
  width: 100%;
  height: 90px;
}
.page__premium-users-index .main-content .inside-main-content h1 {
  margin: 0;
  font-size: 20px;
  line-height: 90px;
}
.page__premium-users-index .add-users-wrap {
  text-align: right;
}
.page__premium-users-index .add-users-wrap a {
  display: inline-block;
}
.page__premium-users-index .add-users-wrap .add-users {
  border: 1px solid #ccc;
  padding: 10px 25px 10px 20px;
  display: flex;
  width: 15em;
  cursor: pointer;
}
.page__premium-users-index .add-users-wrap .add-users .add-icon {
  height: 35px;
  width: 35px;
}
.page__premium-users-index .add-users-wrap .add-users .add-icon a {
  color: #A59B91;
}
.page__premium-users-index .add-users-wrap .add-users p {
  margin: 0;
  font-size: 15px;
  line-height: 35px;
  text-indent: 10px;
}
.page__premium-users-index .users-list .table-of-users {
  width: 100%;
  position: relative;
}
.page__premium-users-index .users-list .table-of-users .membership {
  font-size: 17px;
}
.page__premium-users-index .users-list .table-of-users .membership .users_num {
  padding: 0 1em;
}
.page__premium-users-index .users-list .table-of-users table {
  width: 100%;
  top: 40px;
}
.page__premium-users-index .users-list .table-of-users table tr {
  border: 1px solid #ccc;
}
.page__premium-users-index .users-list .table-of-users table tr th {
  height: 45px;
  font-size: 17px;
  font-weight: 200;
  background: #F7F6F5;
  white-space: nowrap;
  padding: 0 0.5em;
}
.page__premium-users-index .users-list .table-of-users table tr td {
  padding: 1em 0.5em;
}
.page__premium-users-index .users-list .table-of-users table tr .num {
  width: 15%;
}
.page__premium-users-index .users-list .table-of-users table tr .user {
  line-break: anywhere;
}
.page__premium-users-index .users-list .table-of-users table tr .status {
  white-space: nowrap;
}
.page__premium-users-index .users-list .table-of-users table tr .authority {
  white-space: nowrap;
}
.page__premium-users-index .users-list .table-of-users table tr .logout {
  width: 10%;
}
.page__premium-users-index .users-list .table-of-users table tr .edit {
  white-space: nowrap;
}
.page__premium-users-index .users-list .table-of-users table tr .text_center {
  text-align: center;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap {
  display: flex;
  align-items: center;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap .users_num {
  margin-right: 1em;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap .user-icon-wrap {
  width: 40%;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap .user-icon-wrap .user-icon {
  background: #F0EFEF;
  width: 45px;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap .user-icon-wrap .user-icon .popkit-icon > svg[data-v-cc6d9aae] {
  width: 45px;
  height: auto;
  padding: 5px;
  border: 1px solid #ccc;
}
.page__premium-users-index .users-list .table-of-users table tr .d_float_wrap .user-icon-wrap .user-icon img {
  width: 45px;
  height: 45px;
  border: 1px solid #ccc;
}
.page__premium-users-index .users-list .table-of-users table td {
  padding: 1em 0;
  font-size: 17px;
}
.page__premium-users-index .users-list .table-of-users table .invite {
  color: #049F94;
}
.page__premium-users-index .users-list .table-of-users table button {
  border-radius: 10px;
  border: 1px solid #FF7971;
  color: #FF756D;
  background: white;
  padding: 2px 10px;
  white-space: nowrap;
}
.page__premium-users-index .users-list .table-of-users table button.cancel {
  border: 1px solid #A59B91;
  color: #A59B91;
}
.page__premium-users-index .users-list .table-of-users table button.btn_logout {
  border: 1px solid #049F94;
  color: #049F94;
}
.page__premium-users-index .page-footer {
  background: #FFFAF5;
}
.page__premium-users-index .original-material-pc-only-modal {
  width: 27%;
  margin-right: 2%;
}
.page__premium-users-index .logout-modal {
  display: none;
}
.page__premium-users-index .modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.page__premium-users-index .modal-contents {
  position: fixed;
  top: calc(50% - 100px);
  left: calc(50% - 250px);
  width: 500px;
  height: 200px;
  border-radius: 2em;
  padding: 2em;
  background-color: #fff;
  z-index: 100;
  text-align: center;
}
.page__premium-users-index .modal-contents .logout-button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.page__premium-users-index .modal-contents h2 {
  display: block;
  position: absolute;
  margin: 1em;
  right: 0;
  top: 0;
  line-height: 0.8em;
  cursor: pointer;
  width: fit-content;
}

.page__premium-users-edit {
  width: 100%;
  height: 100%;
}
.page__premium-users-edit .main-content {
  width: 100%;
  padding-left: 30px;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.page__premium-users-edit .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.page__premium-users-edit .users_edit {
  width: 70%;
  margin: auto;
}
.page__premium-users-edit .users_edit .users_detail {
  border: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.page__premium-users-edit .users_edit .users_detail .role-error {
  position: relative;
  margin-left: 25%;
}
.page__premium-users-edit .users_edit .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 2.5em;
  text-align: center;
}
.page__premium-users-edit .users_edit .users_detail .details .email-wrap {
  margin-bottom: 2em;
}
.page__premium-users-edit .users_edit .users_detail .details div label {
  width: 22%;
  text-align: right;
  padding-right: 0.5;
  font-size: 17px;
  color: #78716b;
}
.page__premium-users-edit .users_edit .users_detail .details div input {
  height: 45px;
  color: #78716b;
  padding-left: 20px;
  margin-top: 15px;
  font-size: 17px;
  border: 1px solid #E3E0DD;
  width: 50%;
  margin-left: 3%;
}
.page__premium-users-edit .users_edit .users_detail .details div .alert {
  width: 50%;
  font-size: 13px;
  margin: 10px auto auto auto;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio {
  display: flex;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .title {
  width: 22%;
  text-align: right;
  font-size: 17px;
  margin: 0;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio {
  display: inline-flex;
  margin-left: 3%;
  align-items: center;
  width: 70%;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .item {
  width: 10em;
  display: flex;
  align-items: center;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .gender {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .gender:first-of-type {
  margin-left: 0;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .registration {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .approval_authority:last-of-type {
  margin-left: 0;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .approval_authority {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .registration:last-of-type {
  margin-left: 0;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .text {
  font-size: 16px;
  margin: 0;
  text-indent: 3px;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .authority {
  height: 27px;
  display: flex;
  margin-left: 30px;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .authority img {
  width: 20px;
  margin-right: 0.3em;
}
.page__premium-users-edit .users_edit .users_detail .checkbox-radio .radio .authority a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
  font-size: 16px;
  margin-bottom: 0.3em;
}
.page__premium-users-edit .users_edit .users_detail .change-button {
  text-align: center;
}
.page__premium-users-edit .users_edit .users_detail .change-button span button {
  background: rgb(255, 207, 59);
  border: 1px solid #ccc;
  font-size: 17px;
}
.page__premium-users-edit .users_edit .users_detail .change-button button {
  background: rgb(240, 239, 239);
  border: 1px solid #ccc;
  font-size: 17px;
}
.page__premium-users-edit .users_edit .users_detail .change-button .left_btn {
  margin-right: 1em;
}
.page__premium-users-edit .users_edit .users_detail .change-button .left_btn button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__premium-users-edit .users_edit .users_detail .change-button .right_btn {
  margin-left: 1em;
}
.page__premium-users-edit .users_edit .users_detail .change-button .right_btn button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__premium-users-edit .users_edit .users_detail .choose-authority, .page__premium-users-edit .users_edit .users_detail .choose-registration {
  margin-bottom: 1.4em;
}
.page__premium-users-edit .users_edit .users_detail .choose-approver {
  margin-bottom: 1.4em;
}
.page__premium-users-edit .users_edit .users_detail .delete-button {
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}
.page__premium-users-edit .users_edit .users_detail .delete-button .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: inline-flex;
  padding: 5px 20px;
  align-items: center;
  cursor: pointer;
}
.page__premium-users-edit .users_edit .users_detail .delete-button .in-delete-button .delete-icon {
  width: 30px;
  color: rgb(255, 134, 127);
}
.page__premium-users-edit .users_edit .users_detail .delete-button .in-delete-button p {
  margin: 0;
  font-size: 16px;
  text-indent: 3px;
  color: rgb(255, 134, 127);
}
.page__premium-users-edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium-users-edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-users-edit .popup {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  width: 55%;
  position: fixed;
  left: 25%;
  top: 2%;
  bottom: 2%;
  border-radius: 10px;
}
.page__premium-users-edit .popup .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__premium-users-edit .popup .text p {
  margin-top: 0;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium-users-edit .popup .text .close {
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 200ms;
  font-size: 15px;
  text-decoration: none;
  color: #78716b;
}
.page__premium-users-edit .popup .popup-content {
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  height: 96%;
  overflow-y: scroll;
}
.page__premium-users-edit .popup .popup-content .pop-table table {
  width: 100%;
}
.page__premium-users-edit .popup .popup-content .pop-table table .title {
  border-top: 2px solid rgb(175, 171, 167);
  border-bottom: 2px solid rgb(175, 171, 167);
  height: 40px;
  text-align: center;
}
.page__premium-users-edit .popup .popup-content .pop-table table .title th.left-authority {
  width: 25%;
  background-color: rgb(237, 235, 233);
  font-size: 15px;
}
.page__premium-users-edit .popup .popup-content .pop-table table .title th.representative-manager {
  width: 25%;
  color: #78716b;
}
.page__premium-users-edit .popup .popup-content .pop-table table .title th.manager {
  width: 25%;
}
.page__premium-users-edit .popup .popup-content .pop-table table .title th.member {
  width: 25%;
}
.page__premium-users-edit .popup .popup-content .pop-table table .table-content {
  height: 60px;
  text-align: center;
  border-bottom: 2px solid rgb(175, 171, 167);
  font-size: 15px;
}
.page__premium-users-edit .popup .popup-content .pop-table table .table-content .md-content {
  padding: 0px 15px;
}
.page__premium-users-edit .popup .popup-content .pop-table table .table-content-middle {
  text-align: center;
  height: 60px;
  font-size: 15px;
  border-bottom: 2px solid rgb(175, 171, 167);
}
.page__premium-users-edit .popup .popup-content .pop-table table .table-content-middle .in-table-left-content {
  background-color: rgb(237, 235, 233);
  padding: 0px 10px;
}
.page__premium-users-edit .popup .popup-content .pop-table table .table-content-middle .md-content {
  padding: 0px 15px;
}
.page__premium-users-edit .page-footer {
  background: #FFFAF5;
}

.page__premium-users-invite {
  width: 100%;
  height: 100%;
}
.page__premium-users-invite .main-content {
  width: 100%;
  padding-left: 30px;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.page__premium-users-invite .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.page__premium-users-invite .users_invite {
  width: 70%;
  min-width: 45em;
  margin: auto;
}
.page__premium-users-invite .users_invite .users_detail {
  border: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.page__premium-users-invite .users_invite .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 2.5em;
  text-align: center;
}
.page__premium-users-invite .users_invite .users_detail h2 + .error-msg {
  text-align: center;
}
.page__premium-users-invite .users_invite .users_detail .details .email-wrap {
  margin-bottom: 2em;
}
.page__premium-users-invite .users_invite .users_detail .details div label {
  width: 22%;
  text-align: right;
  padding-right: 0.5;
  font-size: 17px;
  color: #78716b;
}
.page__premium-users-invite .users_invite .users_detail .details div input {
  height: 45px;
  color: #78716b;
  padding-left: 20px;
  margin-top: 15px;
  font-size: 17px;
  border: 1px solid #E3E0DD;
  width: 50%;
  margin-left: 3%;
}
.page__premium-users-invite .users_invite .users_detail .details div .alert {
  width: 50%;
  font-size: 13px;
  margin: 10px auto auto auto;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio {
  display: flex;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .title {
  width: 22%;
  text-align: right;
  font-size: 17px;
  margin: 0;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio {
  display: inline-flex;
  margin-left: 3%;
  align-items: center;
  width: 70%;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .item {
  width: 10em;
  display: flex;
  align-items: center;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .gender {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .gender:first-of-type {
  margin-left: 0;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .registration {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .approval_authority:last-of-type {
  margin-left: 0;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .approval_authority {
  height: 20px;
  width: 20px;
  margin-left: 30px;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .registration:last-of-type {
  margin-left: 0;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .text {
  font-size: 16px;
  margin: 0;
  text-indent: 3px;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .authority {
  height: 27px;
  display: flex;
  margin-left: 30px;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .authority img {
  width: 20px;
  margin-right: 0.3em;
}
.page__premium-users-invite .users_invite .users_detail .checkbox-radio .radio .authority a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
  font-size: 16px;
  margin-bottom: 0.3em;
  white-space: nowrap;
}
.page__premium-users-invite .users_invite .users_detail .staff-alert {
  position: relative;
  left: 22%;
  margin-left: 3%;
}
.page__premium-users-invite .users_invite .users_detail .change-button {
  text-align: center;
  margin-bottom: 2em;
}
.page__premium-users-invite .users_invite .users_detail .change-button span button {
  background: rgb(255, 207, 59);
  border: 1px solid #ccc;
  font-size: 17px;
}
.page__premium-users-invite .users_invite .users_detail .change-button button {
  background: rgb(240, 239, 239);
  border: 1px solid #ccc;
  font-size: 17px;
}
.page__premium-users-invite .users_invite .users_detail .change-button .left_btn {
  margin-right: 1em;
}
.page__premium-users-invite .users_invite .users_detail .change-button .left_btn button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__premium-users-invite .users_invite .users_detail .change-button .right_btn {
  margin-left: 1em;
}
.page__premium-users-invite .users_invite .users_detail .change-button .right_btn button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__premium-users-invite .users_invite .users_detail .choose-authority {
  margin-bottom: 1.4em;
}
.page__premium-users-invite .users_invite .users_detail .choose-registration {
  margin-bottom: 1.4em;
}
.page__premium-users-invite .users_invite .users_detail .choose-approver {
  margin-bottom: 1.4em;
}
.page__premium-users-invite .users_invite .users_detail .delete-button {
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
}
.page__premium-users-invite .users_invite .users_detail .delete-button .in-delete-button {
  border: 1px solid rgb(255, 134, 127);
  display: inline-flex;
  padding: 5px 20px;
  align-items: center;
}
.page__premium-users-invite .users_invite .users_detail .delete-button .in-delete-button .delete-icon {
  width: 30px;
  color: rgb(255, 134, 127);
}
.page__premium-users-invite .users_invite .users_detail .delete-button .in-delete-button p {
  margin: 0;
  font-size: 16px;
  text-indent: 3px;
  color: rgb(255, 134, 127);
}
.page__premium-users-invite .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium-users-invite .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-users-invite .popup {
  padding: 20px 15px;
  background: #fff;
  border-radius: 5px;
  width: 55%;
  position: fixed;
  left: 25%;
  top: 2%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-users-invite .popup {
    width: 80%;
    left: 10%;
  }
}
.page__premium-users-invite .popup {
  bottom: 2%;
  border-radius: 10px;
}
.page__premium-users-invite .popup .text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__premium-users-invite .popup .text p {
  margin-top: 0;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium-users-invite .popup .text .close {
  position: absolute;
  top: 20px;
  right: 20px;
  transition: all 200ms;
  font-size: 15px;
  text-decoration: none;
  color: #78716b;
}
.page__premium-users-invite .popup .popup-content {
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  height: 96%;
  overflow-y: scroll;
}
.page__premium-users-invite .popup .popup-content .pop-table table {
  width: 100%;
}
.page__premium-users-invite .popup .popup-content .pop-table table .title {
  border-top: 2px solid rgb(175, 171, 167);
  border-bottom: 2px solid rgb(175, 171, 167);
  height: 40px;
  text-align: center;
}
.page__premium-users-invite .popup .popup-content .pop-table table .title th.left-authority {
  width: 25%;
  background-color: rgb(237, 235, 233);
  font-size: 15px;
}
.page__premium-users-invite .popup .popup-content .pop-table table .title th.representative-manager {
  width: 25%;
  color: #78716b;
}
.page__premium-users-invite .popup .popup-content .pop-table table .title th.manager {
  width: 25%;
}
.page__premium-users-invite .popup .popup-content .pop-table table .title th.member {
  width: 25%;
}
.page__premium-users-invite .popup .popup-content .pop-table table .table-content {
  height: 60px;
  text-align: center;
  border-bottom: 2px solid rgb(175, 171, 167);
  font-size: 15px;
}
.page__premium-users-invite .popup .popup-content .pop-table table .table-content .md-content {
  padding: 0px 15px;
}
.page__premium-users-invite .popup .popup-content .pop-table table .table-content-middle {
  text-align: center;
  height: 60px;
  font-size: 15px;
  border-bottom: 2px solid rgb(175, 171, 167);
}
.page__premium-users-invite .popup .popup-content .pop-table table .table-content-middle .in-table-left-content {
  background-color: rgb(237, 235, 233);
  padding: 0px 10px;
}
.page__premium-users-invite .popup .popup-content .pop-table table .table-content-middle .md-content {
  padding: 0px 15px;
}
.page__premium-users-invite .page-footer {
  background: #FFFAF5;
}

.page__premium-users-sent {
  width: 100%;
  height: 100%;
}
.page__premium-users-sent .main-content {
  width: 100%;
  padding-left: 30px;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.page__premium-users-sent .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.page__premium-users-sent .users-sent-wrap {
  width: 70%;
  margin: auto;
}
.page__premium-users-sent .users-sent-wrap .users_detail {
  border: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.page__premium-users-sent .users-sent-wrap .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 2.5em;
  text-align: center;
}
.page__premium-users-sent .users-sent-wrap .users_detail .details {
  text-align: center;
}
.page__premium-users-sent .users-sent-wrap .users_detail .details .details_text {
  margin-bottom: 2em;
  padding-top: 1em;
  font-size: 16px;
}
.page__premium-users-sent .users-sent-wrap .users_detail .details .details_btn {
  margin-bottom: 2em;
}
.page__premium-users-sent .users-sent-wrap .users_detail .details .details_btn a button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.page__premium-users-sent .page-footer {
  background: #FFFAF5;
}

.page__premium-my-pop main {
  display: flex;
  flex-direction: column;
}
.page__premium-my-pop .my-pop-content {
  flex: 1;
}
.page__premium-my-pop {
  overflow: scroll;
  overflow-x: hidden;
}
.page__premium-my-pop .menu-area {
  display: flex;
  align-items: center;
  margin-right: 7%;
  justify-content: flex-end;
}
.page__premium-my-pop .img-and-folder-name {
  display: flex;
  width: 85.8%;
  align-items: center;
  margin: 20px auto auto auto;
}
.page__premium-my-pop .img-and-folder-name .folder-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.page__premium-my-pop .img-and-folder-name .folder-name {
  margin: 0 auto 0 10px;
  font-size: 1.1rem;
  font-weight: 600;
}
.page__premium-my-pop .my-pop-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3em;
}
.page__premium-my-pop .my-pop-item {
  text-align: left;
  margin: 3em 2% 0;
}
.page__premium-my-pop {
  --my-pop-thumb-width: 13vw;
  --my-pop-thumb-height: calc(var(--my-pop-thumb-width) / 1.41);
}
.page__premium-my-pop .my-pop-thumb {
  width: var(--my-pop-thumb-width);
  height: var(--my-pop-thumb-height);
  object-fit: contain;
}
.page__premium-my-pop .my-pop-icons {
  --width: 32px;
  --height: 32px;
  width: var(--my-pop-thumb-width);
  text-align: right;
  padding-bottom: 4px;
}
.page__premium-my-pop .my-pop-icons .my-pop-icons-form {
  display: inline-block;
}
.page__premium-my-pop .my-pop-icons .my-pop-icons-button {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  color: #a49a90;
}
.page__premium-my-pop .my-pop-icons img.my-pop-upload {
  width: 40px;
  padding: 0.4em;
}
.page__premium-my-pop .my-pop-icons .clone-doc-icon:hover {
  color: #ffc30a;
}
.page__premium-my-pop .my-pop-icons .trash-thin-icon:hover {
  color: #EC716A;
}
.page__premium-my-pop .my-pop-item-link {
  display: block;
}
.page__premium-my-pop .my-pop-meta-area {
  --side-padding: 0.2em;
  width: calc(var(--my-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
  color: #77706B;
}
.page__premium-my-pop .pencil-icon {
  opacity: 0;
  --width: 32px;
  --height: 32px;
  color: #a49a90;
  position: absolute;
  right: -12px;
  bottom: 0;
}
.page__premium-my-pop .my-pop-name-form {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.page__premium-my-pop .my-pop-name {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 1px;
  font-weight: 500;
  color: #77706B;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page__premium-my-pop .my-pop-name::selection {
  background: #FDF0CD;
}
.page__premium-my-pop .my-pop-name:hover, .page__premium-my-pop .my-pop-name:focus {
  outline: none;
  border-bottom: 1px solid #a49a90;
  padding-right: 12px;
  text-overflow: unset;
}
.page__premium-my-pop .my-pop-name:hover ~ .pencil-icon, .page__premium-my-pop .my-pop-name:focus ~ .pencil-icon {
  opacity: 1;
}
.page__premium-my-pop .my-pop-updated_at {
  font-weight: 400;
  font-size: 0.9em;
  padding-left: 1px;
}
.page__premium-my-pop .my-pop-updated_at-time {
  margin-left: 1em;
}
.page__premium-my-pop .page-footer {
  background: #FFFAF5;
}
.page__premium-my-pop .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 40vw;
  height: 350px;
  background-color: white;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-my-pop .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner {
  width: 80%;
  margin: 0 auto;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .select-share-folder select {
  height: 50px;
  padding-left: 17px;
  font-size: 14px;
  border: 1px solid #DDD9D6;
  width: 100%;
  font-size: 0.8rem;
  color: #78716b !important;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .add-share-folder-wrap {
  display: flex;
  width: 100%;
  padding-top: 0.8em;
  margin-bottom: 1em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .add-share-folder-wrap a {
  display: flex;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .add-share-folder-wrap .add-share-folder {
  width: 18px;
  margin-right: 0.3em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .add-share-folder-wrap .add-share-folder-text {
  margin-bottom: 0;
  font-size: 0.8rem;
  padding-top: 0.2em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp label {
  margin: 0;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .checkbox {
  display: none;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .checkbox-text {
  padding-left: 25px;
  position: relative;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .usage-fee {
  margin-bottom: 0.5em;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .usage-fee h3 {
  font-size: 1.2rem;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .usage-fee span {
  font-size: 0.9rem;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .lock-item-warp .circle-question {
  margin: 0;
  cursor: pointer;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button {
  text-align: center;
}
.page__premium-my-pop .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.page__premium-my-pop [id*=pop-up-check] {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.page__premium-my-pop [id*=pop-up-check]:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-my-pop .pop-up-explanation {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  width: 35vw;
  height: auto;
  background-color: white;
  position: fixed;
  top: 40vh;
  left: -10px;
  right: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-my-pop .pop-up-explanation .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-my-pop .pop-up-explanation p {
  font-feature-settings: "palt";
  padding: 10px 45px 40px 45px;
}
.page__premium-my-pop #explanation:checked + .pop-up-explanation {
  visibility: visible;
  opacity: 1;
}
.page__premium-my-pop .delete-modal {
  display: none;
}
.page__premium-my-pop .delete-modal .modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  animation-duration: 0.2s;
}
.page__premium-my-pop .delete-modal .modal-contents {
  position: fixed;
  top: calc(50% - 100px);
  left: calc(50% - 150px);
  width: 300px;
  height: 200px;
  border-radius: 2em;
  padding: 4em;
  background-color: #fff;
  z-index: 100;
  text-align: center;
  animation-duration: 0.2s;
}
.page__premium-my-pop .delete-modal .modal-contents .delete-button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.page__premium-my-pop .delete-modal .modal-contents h2 {
  display: block;
  position: absolute;
  margin: 1em;
  right: 0;
  top: 0;
  line-height: 0.8em;
  cursor: pointer;
  width: fit-content;
}

.page__premium-share-pop {
  overflow: scroll;
  overflow-x: hidden;
}
.page__premium-share-pop .share-pop-title-icon {
  width: 35px;
  margin-left: 1.5em;
  margin-right: 1em;
}
.page__premium-share-pop .premium-share-pop-top-cont {
  display: flex;
  height: calc(100vh - var(--top-line-height) - var(--page-heading-height) - 75px);
}
.page__premium-share-pop .premium-share-pop-top-cont [v-cloak] {
  display: none;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont {
  width: 23%;
  overflow-y: scroll;
  background: #f6e9e6;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder {
  width: 88%;
  margin: 0 auto;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .easy-explanation h2 {
  font-size: 1.1rem;
  font-weight: bold;
  padding-top: 1.2em;
  margin-bottom: 1em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .easy-explanation p {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 1.5em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .add-share-folder-wrap .inner-right-cont .create-new-folder {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .add-share-folder-wrap .inner-right-cont .add-share-folder {
  width: 18px;
  margin-right: 0.3em;
  margin-bottom: 0.8em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .add-share-folder-wrap .inner-right-cont .add-share-folder-text {
  margin-bottom: 0;
  font-size: 0.9rem;
  padding-top: 0.1em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list {
  list-style: none;
  padding: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item {
  background: #fffaf5;
  border: 1px solid #a49a90;
  display: flex;
  padding: 0.5em;
  align-items: center;
  margin-bottom: 0.8em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item:last-of-type {
  margin-bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item .border {
  width: 13px;
  margin-right: 1em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item .sf-icon {
  width: 42px;
  margin-right: 0.5em;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item .sf-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.page__premium-share-pop .premium-share-pop-top-cont .left-cont .share-folder .share-folder-list-wrap .share-folder-list .share-folder-item .text {
  font-size: 0.9rem;
}
.page__premium-share-pop .premium-share-pop-top-cont .alert {
  text-align: center;
  position: relative;
  top: 20px;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont {
  width: 77%;
  overflow-y: scroll;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header {
  display: flex;
  width: 90%;
  margin: 0 6% 0 4%;
  margin-top: 3em;
  position: relative;
  justify-content: space-between;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header img[class=setting] {
  width: 33px;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header .inner-left-cont {
  display: flex;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header .inner-left-cont .sf-icon {
  width: 42px;
  margin-top: 0.2em;
  margin-right: 1em;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header .inner-left-cont .text {
  align-items: center;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header .inner-left-cont .text h3 {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .right-cont-header .inner-left-cont .text p {
  font-size: 0.9rem;
  margin-bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.7% 3em;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-item {
  text-align: left;
  margin: 3em 3% 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-item label {
  margin-bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont {
  --my-pop-thumb-width: 13vw;
  --my-pop-thumb-height: calc(var(--my-pop-thumb-width) / 1.41);
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-thumb {
  width: var(--my-pop-thumb-width);
  height: var(--my-pop-thumb-height);
  object-fit: contain;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons {
  --width: 32px;
  --height: 32px;
  width: var(--my-pop-thumb-width);
  text-align: right;
  padding-bottom: 4px;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .my-pop-icons-form {
  display: inline-block;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .my-pop-icons-button {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  color: #a49a90;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .icon-share-folder {
  width: 35px;
  padding: 0.4em;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .clone-doc-icon:hover {
  color: #ffc30a;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .trash-thin-icon:hover {
  color: #EC716A;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .my-pop-icons-button:disabled {
  opacity: 0.5;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-icons .my-pop-icons-button:disabled .trash-thin-icon:hover {
  color: #a49a90;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-item-link {
  display: block;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area {
  --side-padding: 0.2em;
  width: calc(var(--my-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
  color: #77706B;
  margin-top: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop {
  display: flex;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop .shared-count {
  display: flex;
  color: #78716b;
  align-items: center;
  position: relative;
  bottom: 6px;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop .shared-count .shared-icon {
  width: 40px;
  object-fit: contain;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop .shared-count .shared-icon {
    width: 29px;
  }
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop .shared-count .shared-count-number {
  font-size: 0.9rem;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-meta-area .shared-pop .shared-count .shared-count-number {
    font-size: 0.7rem;
  }
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .pencil-icon {
  opacity: 0;
  --width: 32px;
  --height: 32px;
  color: #a49a90;
  position: absolute;
  right: -12px;
  bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name-form {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  padding: 1px;
  font-weight: 500;
  color: #77706B;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name::selection {
  background: #FDF0CD;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name:hover, .page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name:focus {
  outline: none;
  border-bottom: 1px solid #a49a90;
  padding-right: 12px;
  text-overflow: unset;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name:hover ~ .pencil-icon, .page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-name:focus ~ .pencil-icon {
  opacity: 1;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-updated_at {
  font-weight: 400;
  font-size: 0.9em;
  padding-left: 1px;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .my-pop-updated_at-time {
  margin-left: 0;
}
.page__premium-share-pop .premium-share-pop-top-cont .right-cont .contributor {
  font-size: 0.8rem;
}
.page__premium-share-pop .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  position: absolute;
  top: 2%;
  left: 20%;
  transform: translateX(-40px);
  width: 60%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .pop-up-cont {
    width: 90%;
    left: 5%;
  }
}
.page__premium-share-pop .pop-up-cont {
  background-color: white;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-share-pop .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner {
  width: 80%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .pop-up-cont .pop-up-cont-inner {
    width: 90%;
  }
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner {
  margin: 0 auto;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .button-wrap {
  text-align: center;
  padding-top: 1em;
  margin-bottom: 15px;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .button-wrap button {
  background: #F7CA4B;
  font-size: 15px;
  color: #78716b;
  padding: 10px 5px;
  border: 1px solid #B1A698;
  width: 47%;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .button-wrap .copy-btn {
  margin-right: 4%;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail {
  text-align: center;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail .share-pop-title {
  font-size: 0.9rem;
  padding-top: 1em;
  margin-bottom: 0;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail .share-pop-time {
  font-size: 0.8rem;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail .share-pop-contributor {
  font-size: 0.7rem;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail .share-pop-thumbnail {
  padding-top: 1em;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .thumbnail .share-pop-thumbnail img {
  width: 100%;
  max-height: 370px;
  object-fit: contain;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .del-button {
  margin: 15px auto;
  text-align: center;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .del-button button {
  border: #ff756d 1px solid;
  padding-right: 15px;
  background: #fff;
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  margin-left: 1%;
}
.page__premium-share-pop .pop-up-cont .pop-up-cont-inner .del-button p {
  font-size: 17px;
  margin-bottom: 0;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about ul {
  list-style: none;
  padding: 0;
  margin-bottom: 1.5em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li {
  display: flex;
  align-items: center;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li label {
  margin-right: 0.8em;
  margin-bottom: 0;
  font-size: 1rem;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li input, .page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li textarea {
  width: 65%;
  padding: 3px 10px;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li input {
  height: 40px;
  margin-bottom: 0.8em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li textarea {
  height: 50px;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap {
  margin-bottom: 1.5em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap {
  display: flex;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap label.title {
  margin-bottom: 0;
  width: 7em;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1rem;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap {
  width: 75%;
  display: flex;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .icon {
  margin-right: 1.5em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .icon img {
  width: 74px;
  max-height: 74px;
  object-fit: contain;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .choice-icon {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .choice-icon img {
  width: 42px;
  margin-right: 1.2em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont {
  display: flex;
  align-items: center;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont .photo-upload {
  font-size: 0.9rem;
  background: #FDF0CD;
  color: #999083;
  padding: 10px 5px;
  margin-left: 0.7em;
  border-radius: 7px;
  text-align: center;
  margin-bottom: 0;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont p {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap input[type=radio] {
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .member-list {
  display: flex;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .member-list .title {
  margin-bottom: 0;
  width: 7em;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1rem;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .button {
  padding-top: 2em;
  text-align: center;
}
.page__premium-share-pop .sn-pop-up-cont .pop-up-cont-inner-wrap .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 0;
  border: 1px solid #B1A698;
  width: 170px;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list {
  display: flex;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .title {
  margin-bottom: 0;
  width: 7em;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1rem;
  margin-top: 1.2em;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap {
  width: 65%;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap .all-select-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap .all-select-checkbox label {
  margin-bottom: 0.2em;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap .all-select-checkbox input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  border: 1px solid #a49a90;
  height: 165px;
  overflow: auto;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul li {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  border-bottom: 1px solid #a49a90;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul li:last-of-type {
  border-bottom: none;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul li p {
  margin-bottom: 0;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul li input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
}
.page__premium-share-pop .sn-pop-up-cont .create-new-folder-member-list .member-list-wrap ul li img {
  width: 30px;
  margin-right: 0.5em;
}
.page__premium-share-pop [id*=pop-up-check], .page__premium-share-pop #setting-pop, .page__premium-share-pop #create-new-folder {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.page__premium-share-pop [id*=pop-up-check]:checked + .pop-up-cont, .page__premium-share-pop #setting-pop:checked + .popup_content, .page__premium-share-pop #create-new-folder:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-share-pop .member-list .tabs {
  background-color: #fff;
  width: 65%;
  border: 1px solid #a49a90;
  height: 200px;
  overflow: auto;
}
.page__premium-share-pop .member-list .tabs .tab_item {
  font-size: 0.9rem;
  color: #a49a90;
  display: block;
  float: left;
  transition: all 0.2s ease;
  margin-bottom: 0;
  background: #f0efef;
  padding: 10px 0;
  border: none;
}
.page__premium-share-pop .member-list .tabs .tab_item:first-of-type, .page__premium-share-pop .member-list .tabs .tab_item:last-of-type {
  display: inline-block;
}
.page__premium-share-pop .member-list .tabs .tab_item:first-of-type {
  width: 35%;
  padding-left: 1em;
}
.page__premium-share-pop .member-list .tabs .tab_item:last-of-type {
  width: 65%;
}
.page__premium-share-pop .member-list .tabs .tab_item:hover {
  color: #41b49d;
}
.page__premium-share-pop .member-list .tabs input[name=tab_item] {
  display: none;
}
.page__premium-share-pop .member-list .tabs .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #a49a90;
  padding: 0.5em 1em;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li:first-of-type {
  border-top: 1px solid #a49a90;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li:last-of-type {
  border-bottom: none;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li input[type=checkbox] {
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li img {
  width: 30px;
  max-height: 30px;
  margin-right: 0.5em;
}
.page__premium-share-pop .member-list .tabs .tab_content .tab_content_description ul li p {
  margin-bottom: 0;
}
.page__premium-share-pop .member-list .tabs #share-member:checked ~ #share-member-content,
.page__premium-share-pop .member-list .tabs #member-add-del:checked ~ #member-add-del-content {
  display: block;
}
.page__premium-share-pop .member-list .tabs input:checked + .tab_item {
  color: #41b49d;
}
.page__premium-share-pop .page-footer {
  background: #FFFAF5;
}
@media screen and (min-width: 1281px) {
  .page__premium-share-pop .page__premium-share-pop .share-pop-thumbnail {
    width: 500px;
    margin: 0 auto;
  }
}
.page__premium-share-pop {
  /*ポップアップここから*/
}
.page__premium-share-pop .popup_content {
  top: -10px;
  left: 20%;
  transform: translateX(-40px);
  width: 60%;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .popup_content {
    width: 90%;
    left: 5%;
  }
}
.page__premium-share-pop .popup_content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  position: absolute;
  background-color: white;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-share-pop .close_btn {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-share-pop .pop-up-cont-inner {
  width: 80%;
  margin: 0 auto;
}
.page__premium-share-pop .pop-up-cont-inner .button-wrap {
  text-align: center;
  padding-top: 1em;
  margin-bottom: 15px;
}
.page__premium-share-pop .pop-up-cont-inner .button-wrap button {
  background: #F7CA4B;
  font-size: 15px;
  color: #78716b;
  padding: 10px 5px;
  border: 1px solid #B1A698;
  width: 47%;
}
.page__premium-share-pop .pop-up-cont-inner .button-wrap .copy-btn {
  margin-right: 4%;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail {
  text-align: center;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail .share-pop-title {
  font-size: 0.9rem;
  padding-top: 1em;
  margin-bottom: 0;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail .share-pop-time {
  font-size: 0.8rem;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail .share-pop-contributor {
  font-size: 0.7rem;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail .share-pop-thumbnail {
  padding-top: 1em;
}
.page__premium-share-pop .pop-up-cont-inner .thumbnail .share-pop-thumbnail img {
  width: 100%;
  max-height: 370px;
  object-fit: contain;
}
.page__premium-share-pop .pop-up-cont-inner .del-button {
  margin: 15px auto;
  text-align: center;
}
.page__premium-share-pop .pop-up-cont-inner .del-button button {
  border: #ff756d 1px solid;
  padding-right: 15px;
  background: #fff;
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  margin-left: 1%;
}
.page__premium-share-pop .pop-up-cont-inner .del-button p {
  font-size: 17px;
  margin-bottom: 0;
}
.page__premium-share-pop .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about ul {
  list-style: none;
  padding: 0;
  margin-bottom: 1.5em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li {
  display: flex;
  align-items: center;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li label {
  margin-right: 0.8em;
  margin-bottom: 0;
  font-size: 1rem;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li input, .page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li textarea {
  width: 65%;
  padding: 3px 10px;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li input {
  height: 40px;
  margin-bottom: 0.8em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .share-folder-about li textarea {
  height: 50px;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap {
  margin-bottom: 1.5em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap {
  display: flex;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap label.title {
  margin-bottom: 0;
  width: 7em;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1rem;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap {
  width: 75%;
  display: flex;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .icon {
  margin-right: 1.5em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .icon img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .choice-icon {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .choice-icon img {
  width: 42px;
  margin-right: 1.2em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont {
  display: flex;
  align-items: center;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont .photo-upload {
  font-size: 0.9rem;
  background: #FDF0CD;
  color: #999083;
  padding: 10px 5px;
  margin-left: 0.7em;
  border-radius: 7px;
  text-align: center;
  margin-bottom: 0;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap .setting-icon-wrap .icons-wrap .choice-icons .photo-upload-cont p {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .setting-icon-cont-wrap input[type=radio] {
  width: 17px;
  height: 17px;
  margin-right: 0.5em;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .member-list {
  display: flex;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .pop-up-cont-inner .member-list .title {
  margin-bottom: 0;
  width: 7em;
  text-align: right;
  margin-right: 0.8em;
  font-size: 1rem;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .button {
  padding-top: 2em;
  text-align: center;
}
.page__premium-share-pop .pop-up-cont-inner-wrap .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 0;
  border: 1px solid #B1A698;
  width: 170px;
}
.page__premium-share-pop #error-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.3);
  z-index: 2147483647;
}
.page__premium-share-pop #error-popup #error-popup-container {
  position: fixed;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #B1A698;
  border-radius: 10px;
}
.page__premium-share-pop #error-popup #error-popup-container .error-popup-inner {
  font-size: 17px;
}
.page__premium-share-pop #error-popup #error-popup-container .close-btn {
  background-color: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  margin-top: 30px;
  padding: 10px 0;
  border: 1px solid #B1A698;
  width: 170px;
}
.page__premium-share-pop .search-conditions {
  width: 92.6%;
  margin-top: 10px;
  margin-right: auto;
  text-align: right;
  padding: 1em;
}
.page__premium-share-pop .search-conditions form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .search-conditions form {
    flex-wrap: wrap;
  }
}
.page__premium-share-pop .search-conditions form .title {
  white-space: nowrap;
  margin-right: 10px;
}
.page__premium-share-pop .search-conditions form .tilda {
  margin: 0 10px;
}
.page__premium-share-pop .search-conditions form .wrapper {
  margin-left: 10px;
}
.page__premium-share-pop .search-conditions form span {
  position: relative;
  margin: 0;
  display: inline-block;
  height: 30px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .search-conditions form span {
    margin-bottom: 10px;
  }
}
.page__premium-share-pop .search-conditions form span .input {
  width: 120px;
  height: 30px;
  border: #b7afa7 1px solid;
  padding: 0;
  background-color: #fff;
}
.page__premium-share-pop .search-conditions form span .input input {
  width: calc(100% - 32px);
  margin-top: 2px;
  margin-left: 30px;
  height: 24px;
}
.page__premium-share-pop .search-conditions form span .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__premium-share-pop .search-conditions form span .wrapper {
  display: inline-block;
  height: 30px;
  padding: 0;
  border: 1px solid #aaa;
  text-align: left;
  max-width: 211px;
}
.page__premium-share-pop .search-conditions form span .wrapper input {
  border: 0;
  height: 24px;
  margin-top: 2px;
  margin-left: 2px;
  width: calc(100% - 30px);
}
.page__premium-share-pop .search-conditions form .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 10px;
}
.page__premium-share-pop .search-conditions form .keyword-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.page__premium-share-pop .search-conditions form button {
  margin-left: 0.5em;
  background-color: #f5bd1f;
  color: #78716b;
  border: 1px solid #78716b;
  white-space: nowrap;
  padding: 0 1em;
  height: 30px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium-share-pop .search-conditions form button {
    margin-bottom: 10px;
  }
}

.page__premium_popbox .main-contents {
  width: 100%;
  height: 100%;
}
.page__premium_popbox .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.page__premium_popbox .main-contents .article {
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 430px 1fr;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents .article {
    grid-template-columns: 370px 1fr;
  }
}
.page__premium_popbox .main-contents .article {
  grid-template-areas: "art-1 art-2";
}
.page__premium_popbox .main-contents .toggle-panel-btn-checkbox {
  display: none;
}
.page__premium_popbox .main-contents .toggle-panel-btn {
  width: 29px;
  height: 46px;
  background: #ffbb00;
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: 10px;
  left: 420px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents .toggle-panel-btn {
    left: 360px;
  }
}
.page__premium_popbox .main-contents .toggle-panel-btn {
  box-shadow: 4px 0px 4px -1px rgba(15, 15, 15, 0.3) inset, #75797e 0px 4px 5px;
  z-index: 10;
}
.page__premium_popbox .main-contents .toggle-panel-btn .toggle-icon {
  width: auto;
  height: 15px;
  margin: 15px 10px;
  transform: rotate(180deg);
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article {
  grid-template-columns: 0px 1fr;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents #toggle-panel:checked + .article {
    grid-template-columns: 0px 1fr;
  }
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article {
  grid-template-areas: "art-1 art-2";
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article .toggle-panel-btn {
  left: 0px;
  box-shadow: #75797e 0px 4px 5px;
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article .toggle-panel-btn .toggle-icon {
  transform: rotate(0deg);
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article .article-1 {
  width: 0px;
  border: none;
  overflow: hidden;
  box-shadow: none;
}
.page__premium_popbox .main-contents #toggle-panel:checked + .article .article-1 .article1-header,
.page__premium_popbox .main-contents #toggle-panel:checked + .article .article-1 .article1-body {
  width: 0px;
  padding: 0;
  overflow: hidden;
}
.page__premium_popbox .main-contents .article-1 {
  height: fit-content;
  width: 410px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents .article-1 {
    width: 350px;
  }
}
@supports (-ms-ime-align: auto) {
  .page__premium_popbox .main-contents .article-1 {
    display: table;
  }
}
.page__premium_popbox .main-contents .article-1 {
  grid-area: art-1;
  border: #f5bd1e 3px solid;
  box-shadow: #75797e 3px 3px 3px;
  margin: 10px;
  z-index: 0;
}
.page__premium_popbox .main-contents .article-1 .article1-header {
  background-color: #f3e5d4;
  background-image: url(/image/my_page/mypage-background.png);
  background-repeat: repeat;
  height: fit-content;
  padding: 0px 15px 0.5em 15px;
}
.page__premium_popbox .main-contents .article-1 .article1-header .guide {
  margin-top: 20px;
  display: inline-flex;
}
.page__premium_popbox .main-contents .article-1 .article1-header .guide img {
  height: 115px;
  width: 8em;
}
.page__premium_popbox .main-contents .article-1 .article1-header .guide h2 {
  margin: 0;
  color: #78716b;
  font-size: 23px;
  margin-left: 10px;
  font-weight: 300;
  word-wrap: break-word;
  width: 100%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents .article-1 .article1-header .guide h2 {
    width: 100%;
  }
}
.page__premium_popbox .main-contents .article-1 .article1-header .info-plans {
  width: 94%;
  height: 55px;
  margin: 10px auto 10px auto;
  font-weight: 500;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #41AA93;
  justify-content: space-between;
  padding: 3%;
}
.page__premium_popbox .main-contents .article-1 .article1-header .info-plans span {
  margin-top: 15px;
}
.page__premium_popbox .main-contents .article-1 .article1-header .info-plans .details {
  color: #fff;
  background: #41AA93;
  padding: 2px 11px;
  font-size: 1em;
}
.page__premium_popbox .main-contents .article-1 .article1-header .present-popset {
  width: 100%;
  font-size: 12px;
  display: inline-flex;
  justify-content: space-between;
}
.page__premium_popbox .main-contents .article-1 .article1-header .present-popset .popset-1 {
  font-size: 1em;
  color: #78716b;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-1 .article1-header .present-popset .popset-2 {
  font-weight: 400;
  color: #78716b;
  font-size: 13px;
}
.page__premium_popbox .main-contents .article-1 .article1-header .loading {
  margin-bottom: 10px;
}
.page__premium_popbox .main-contents .article-1 .article1-header .loading img {
  width: 100%;
  color: #8E807C;
}
.page__premium_popbox .main-contents .article-1 .article1-header .loading p {
  margin-top: 8px;
  font-size: 13px;
  color: #78716b;
  font-weight: 400;
  padding-bottom: 2em;
}
.page__premium_popbox .main-contents .article-1 .article1-header .loading p span {
  font-size: 1em;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-1 .article1-body {
  background-color: #fff;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.3em;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-around;
  background-color: #FFEFD4;
  margin-top: 20px;
  margin-bottom: 10px;
  height: auto;
  border: 1px solid #B8AEA2;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .vertical-icon {
  width: 32px;
  min-width: 32px;
  color: #AEA397;
  margin: 4px;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .popset-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .stickers {
  width: 55px;
  height: 60px;
  object-fit: contain;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .pop-box-iteam-1 .popbox-popset-label {
  font-size: 15px;
  color: #78716b;
  margin-left: 10px;
  overflow-wrap: break-word;
  word-break: break-all;
}
.page__premium_popbox .main-contents .article-1 .article1-body .pops .delete-icon {
  margin: 4px;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: #A49A90;
}
.page__premium_popbox .main-contents .article-1 .artical1-footer {
  background-color: #ec716a;
  padding: 11.5px;
  width: 100%;
  margin-top: 20px;
  display: inline-flex;
  text-decoration: none;
}
.page__premium_popbox .main-contents .article-1 .artical1-footer .upgrade-icon {
  height: 40px;
  width: 40px;
  color: #fff;
}
.page__premium_popbox .main-contents .article-1 .artical1-footer p {
  margin: 0;
  color: #fff;
  margin-left: 10px;
  font-size: 15px;
}
.page__premium_popbox .main-contents .article-2 {
  grid-area: art-2;
  margin-top: 80px;
}
.page__premium_popbox .main-contents .article-2 h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .main-contents .article-2 h3 {
    font-size: 11px;
  }
}
.page__premium_popbox .main-contents .article-2 h3 {
  font-weight: 500;
}
.page__premium_popbox .main-contents .article-2 .search {
  text-align: center;
  width: 80%;
  margin: auto;
  height: 50px;
}
.page__premium_popbox .main-contents .article-2 .search .in-search .input {
  width: 16em;
  height: 50px;
  border: 1px solid #D2CDC8;
  padding: 0 0 0 10px;
}
.page__premium_popbox .main-contents .article-2 .search .in-search ::-ms-clear {
  visibility: hidden;
}
.page__premium_popbox .main-contents .article-2 .search .in-search ::-ms-input-placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.page__premium_popbox .main-contents .article-2 .search .in-search ::placeholder {
  padding-left: 15px;
  color: #DEDAD6;
  font-size: 15px;
}
.page__premium_popbox .main-contents .article-2 .search .in-search .search-icon {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 0;
  left: 170px;
  color: #A49A90;
  bottom: 45px;
  cursor: pointer;
}
.page__premium_popbox .main-contents .article-2 .select-pops {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 1em;
}
.page__premium_popbox .main-contents .article-2 .select-pops label {
  font-size: 15px;
  text-align: left;
  width: 13em;
  margin: 0 1em;
}
.page__premium_popbox .main-contents .article-2 .select-pops label select {
  width: 13em;
  height: 50px;
  border: 1px solid #BDB6AE;
  color: #78716b;
  padding-left: 10px;
}
.page__premium_popbox .main-contents .article-2 .select-pops label select option {
  color: #78716b;
}
.page__premium_popbox .main-contents .article-2 .select-pops label .btn {
  display: flex;
  height: 50px;
  width: 13em;
  align-items: center;
  background: white;
  border: 1px solid #D2CDC8;
}
.page__premium_popbox .main-contents .article-2 .select-pops label .btn .icon {
  height: 25px;
  width: 25px;
  margin-left: 20px;
  color: #EF8B85;
}
.page__premium_popbox .main-contents .article-2 .select-pops label .btn span {
  text-indent: 25px;
  color: #B8B4B1;
  font-size: 15px;
}
.page__premium_popbox .main-contents .article-2 .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #F1ECEB;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info img {
  width: 80px;
  object-fit: contain;
  margin: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon, .page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid;
  border-radius: 10px;
  margin: 5px;
  padding: 2px 7px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border-color: #FFBF00;
  color: #FDAA23;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 60px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 95px;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .circle label {
  margin-bottom: -0.2rem;
  transition: all 0.5s;
  cursor: pointer;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .main-contents .article-2 .pops-list1 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list2, .page__premium_popbox .main-contents .article-2 .pops-list4 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #FFEFD4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 [id^=test-test]:checked + #accshow, .page__premium_popbox .main-contents .article-2 .pops-list4 [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 [id^=test-test]:checked + #circle-expand-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 [id^=test-test]:checked + #circle-expand-icon {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(-180deg);
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .pickup, .page__premium_popbox .main-contents .article-2 .pops-list4 .pickup {
  width: 100%;
  position: relative;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .pickup:before, .page__premium_popbox .main-contents .article-2 .pops-list4 .pickup:before {
  border-color: #ff9f00 transparent transparent transparent;
  border-style: solid;
  border-width: 80px 80px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
  z-index: 2;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .pickup:after, .page__premium_popbox .main-contents .article-2 .pops-list4 .pickup:after {
  color: #fff;
  content: "選択済";
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 3px;
  transform: rotate(-45deg);
  z-index: 3;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 {
  position: relative;
  background: #FFEFD4;
  padding: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info img, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info img {
  width: 110px;
  object-fit: contain;
  margin: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div h3, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div span, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .in-pop-info div p, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .new-icon, .page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .add-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .new-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid;
  border-radius: 10px;
  margin: 5px;
  padding: 2px 7px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .new-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border-color: #FFBF00;
  color: #FDAA23;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .add-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .free-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 60px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information .in-information .enjoy-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 95px;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .in-pops-list1 .pop-info .information div span, .page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .herat, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight .herat {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .edit-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #DFDCD8;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight .edit-icon .heart, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight span, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight span, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight span {
    font-size: 1.4vw;
  }
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight span, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight span {
  color: #DFDCD8;
  text-indent: 10px;
  line-height: 40px;
  font-weight: 400;
  white-space: nowrap;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight2 {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2 .heart-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight2 .heart-icon {
  height: 45px;
  width: 45px;
  color: #ED7C75;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .in-spotlight2 span, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .in-spotlight2 span {
  margin: 0;
  font-size: 16px;
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle label, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle label {
  margin-bottom: -0.2rem;
  transition: all 0.5s;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle label, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle label {
    font-size: 1.4vw;
  }
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon [id^=test-test]:checked + #accshow, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon [id^=test-test]:checked + #circle-expand-icon [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .accordion-title, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon .accordion-title {
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .accordion-title .circle-expand-icon, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon .accordion-title .circle-expand-icon {
  transition: all 0.5s;
  --width: 64px;
  --height: 64px;
  margin-right: 0;
  color: #b7afa7;
  transform: rotate(90deg);
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon .category-title-label, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon .category-title-label {
  padding-left: 35px;
  padding-bottom: 3px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 70px;
  cursor: pointer;
  transition: all 0.5s;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle .circle-icon input, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle .circle-icon input {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list2 .spotlight .circle span, .page__premium_popbox .main-contents .article-2 .pops-list4 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 {
  width: 95%;
  border: #DCD7D3 2px solid;
  background: #FFEFD4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 {
  position: relative;
  background: #f1eceb;
  padding: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info {
  text-align: left;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info img {
  width: 110px;
  object-fit: contain;
  margin: 10px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div {
  margin-left: 8px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div h3 {
  margin: 0;
  font-size: 19px;
  color: #78716b;
  text-align: left;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div span {
  margin: 0;
  font-size: 15px;
  color: #847D78;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div p {
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  color: #8D8681;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .in-pop-info div .new {
  color: #ec716a;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information {
  display: block;
  text-align: right;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information {
  display: inline-flex;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .new-icon, .page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border: 2px solid;
  border-radius: 10px;
  margin: 5px;
  padding: 2px 7px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .new-icon {
  border-color: #FFBF00;
  color: #FDAA23;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .add-icon {
  border-color: #ff7d7e;
  color: #ff7d7e;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .free-icon {
  height: 30px;
  color: #fff;
  background: #41AD96;
  margin: 5px;
  font-size: 14px;
  padding: 2px 7px;
  width: 60px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information .in-information .enjoy-icon {
  height: 30px;
  font-size: 14px;
  color: #fff;
  background: #FD8680;
  margin: 5px 0 5px 5px;
  padding: 2px 12px;
  width: 95px;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .in-pops-list1 .pop-info .information div span {
  color: #FD8680;
  font-size: 15px;
  margin: 10px 0;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight {
  width: 100%;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight .edit-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight .edit-icon .heart {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight span {
  margin: 0;
  font-size: 16px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight span {
    font-size: 1.4vw;
  }
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .in-spotlight span {
  color: #78716b;
  text-indent: 10px;
  font-weight: 400;
  white-space: nowrap;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle label {
  transition: all 0.5s;
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle label {
    font-size: 1.4vw;
  }
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.page__premium_popbox .main-contents .article-2 .pops-list3 .spotlight .circle .cssacc {
  display: none;
}
.page__premium_popbox .main-contents .article-2 .pops-list4 {
  background: #ffebe6;
}
.page__premium_popbox .main-contents .article-2 .pops-list4 .in-pops-list1 {
  background: #ffebe6;
}
.page__premium_popbox .main-contents .article-2 .not-search {
  text-align: center;
  margin-top: 40px;
}
.page__premium_popbox .main-contents .article-2 .not-search .not-search-text {
  font-size: 20px;
}
.page__premium_popbox #sample figure {
  margin: 0;
  display: none;
}
.page__premium_popbox #sample figure:target {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.page__premium_popbox #sample figure:target #overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(100, 100, 100, 0.5);
  text-decoration: none;
  color: inherit;
}
.page__premium_popbox #sample figure:target #overlay .overlaybox {
  width: 800px;
  height: 450px;
  background-color: #FFFAF5;
  display: flex;
  align-items: center;
  border-radius: 30px;
}
.page__premium_popbox #sample figure:target #overlay .overlaybox h2 {
  position: relative;
  left: 65px;
  bottom: 170px;
}
.page__premium_popbox #sample figure:target #overlay .overlaybox .max-alert {
  position: absolute;
  top: 60%;
  left: 41%;
}
.page__premium_popbox #sample figure:target #overlay .overlaybox .max-alert span {
  font-size: 15px;
}
.page__premium_popbox img.overlayimg {
  width: 80%;
  height: 45%;
  position: relative;
  left: 12%;
  bottom: 12%;
}
.page__premium_popbox #sample figure:target img {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.page__premium_popbox .info-plans-enjoy {
  color: #ec716a !important;
}
.page__premium_popbox .details-enjoy {
  background-color: #ec716a !important;
}
.page__premium_popbox .article1-footer-enjoy {
  background-color: #FF9C00 !important;
  line-height: 40px;
}
.page__premium_popbox .button-disabled {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  color: #A49A90;
}
.page__premium_popbox .button-able {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.page__premium_popbox .add-popset {
  cursor: pointer;
}
.page__premium_popbox .in-box {
  padding-left: 10px;
}
.page__premium_popbox .in-box-color {
  color: #DFDCD8 !important;
}
.page__premium_popbox .popup-underline {
  text-decoration: none;
}
.page__premium_popbox .box-flex {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox .default-color .edit-icon {
  color: #a59b91 !important;
}
.page__premium_popbox .default-color span {
  color: #a59b91 !important;
}
.page__premium_popbox .accbox .circle-icon {
  height: 45px;
  width: 45px;
  color: #A59B91;
}
.page__premium_popbox .accbox span {
  margin: 0;
  font-size: 16px;
  text-indent: 10px;
  color: #78716b;
  font-weight: 400;
}
.page__premium_popbox .accbox label {
  display: block;
  margin: 0;
  cursor: pointer;
}
.page__premium_popbox .accbox input {
  display: none;
}
.page__premium_popbox .accbox #accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
  display: none;
}
.page__premium_popbox [id^=test-test]:checked + #accshow {
  height: auto;
  background: #eaeaea;
  opacity: 1;
  display: block;
}
.page__premium_popbox .rotate180 {
  transition: all 0.5s;
  --width: 45px;
  --height: 45px;
  color: #A59B91;
  color: #b7afa7;
  transform: rotate(180deg);
}
.page__premium_popbox .image-box {
  position: relative;
  background: #F7ECDD;
  width: 100%;
  margin: auto;
  border-bottom: #DCD7D3 2px solid;
}
.page__premium_popbox .image-box #sample-items {
  position: relative;
}
.page__premium_popbox .image-box #sample-items .filename-box {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0px;
  width: 160px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
}
.page__premium_popbox .image-box #sample-items .filename-box span {
  background-color: white;
  font-size: 0.6rem;
  text-indent: 0px;
}
.page__premium_popbox .image-box #sample-items:hover .filename-box {
  visibility: visible;
}
.page__premium_popbox .image-box .inter-items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.page__premium_popbox .image-box .inter-items .item1 .list1 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  padding-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam div {
  padding-left: 10px;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam img {
  width: 120px;
  height: 140px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .image-box .inter-items .item1 .iteam img {
    width: 98px;
    height: 110px;
  }
}
.page__premium_popbox .image-box .inter-items .item1 .iteam img {
  object-fit: contain;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam #sample-items .figure-none {
  margin: 0;
  display: none;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
  z-index: 100;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
  padding: 20px;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam img.overlayimg-items {
  width: 400px;
  height: 400px;
  position: relative;
}
.page__premium_popbox .image-box .inter-items .item1 .iteam .popup img {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.page__premium_popbox .image-box .inter-items .iteam2 {
  margin-bottom: 20px;
}
.page__premium_popbox .image-box .inter-items .iteam2 .list2 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.page__premium_popbox .image-box .inter-items .iteam2 .background {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.page__premium_popbox .image-box .inter-items .iteam2 .background div {
  margin: 0.5em;
}
.page__premium_popbox .image-box .inter-items .iteam2 .background div span img {
  width: 150px;
  max-width: 100%;
  height: 130px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .image-box .inter-items .iteam2 .background div span img {
    width: 100px;
    height: unset;
    margin-bottom: 10px;
  }
}
.page__premium_popbox .image-box .inter-items .iteam2 .background div span img {
  object-fit: contain;
}
.page__premium_popbox .image-box .inter-items .iteam2 #sample-items .figure-none {
  margin: 0;
  display: none;
}
.page__premium_popbox .image-box .inter-items .iteam2 .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.page__premium_popbox .image-box .inter-items .iteam2 .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
  z-index: 10000;
}
.page__premium_popbox .image-box .inter-items .iteam2 .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.page__premium_popbox .image-box .inter-items .iteam2 .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.page__premium_popbox .image-box .inter-items .iteam2 img.overlayimg-items {
  width: 400px !important;
  height: 400px !important;
  position: relative;
}
.page__premium_popbox .image-box .inter-items .iteam2 .popup img {
  animation: fadein 0.3s;
  object-fit: contain;
  margin-left: 20px;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.page__premium_popbox .image-box .inter-items .iteam3 {
  margin-top: 40px;
}
.page__premium_popbox .image-box .inter-items .iteam3 .list3 {
  border-bottom: #DBD0C3 2px solid;
  text-align: left;
  margin-top: 20px;
  font-size: 17px;
  color: #78716b;
  margin-bottom: 25px;
}
.page__premium_popbox .image-box .inter-items .iteam3 .template {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.page__premium_popbox .image-box .inter-items .iteam3 .template div {
  max-width: 24%;
  margin: 0.5em;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .image-box .inter-items .iteam3 .template div {
    max-width: 28%;
  }
}
.page__premium_popbox .image-box .inter-items .iteam3 .template div span img {
  width: 150px;
  max-width: 100%;
  height: 130px;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium_popbox .image-box .inter-items .iteam3 .template div span img {
    width: 100px;
    height: unset;
    margin-bottom: 10px;
  }
}
.page__premium_popbox .image-box .inter-items .iteam3 .template div span img {
  object-fit: contain;
}
.page__premium_popbox .image-box .inter-items .iteam3 .template .new img {
  transform: rotate(90deg);
  height: 130px;
}
.page__premium_popbox .image-box .inter-items .iteam3 #sample-items .figure-none {
  margin: 0;
  display: none;
}
.page__premium_popbox .image-box .inter-items .iteam3 .popup {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.page__premium_popbox .image-box .inter-items .iteam3 .popup #overlay-items {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(192, 181, 170, 0.7);
  text-decoration: none;
  color: inherit;
  text-align: center;
  z-index: 10000;
}
.page__premium_popbox .image-box .inter-items .iteam3 .popup #overlay-items .overlaybox-items {
  width: 450px;
  max-width: unset;
  height: 400px;
  background-color: #F3E5D4;
  line-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  position: fixed;
  top: 25%;
  z-index: 20000;
}
.page__premium_popbox .image-box .inter-items .iteam3 .popup #overlay-items .overlaybox-items h2 {
  position: relative;
  left: -10px;
  bottom: 165px;
}
.page__premium_popbox .image-box .inter-items .iteam3 img.overlayimg-items {
  width: 400px !important;
  height: 400px !important;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.page__premium_popbox .image-box .inter-items .iteam3 .popup img {
  animation: fadein 0.3s;
  object-fit: contain;
  margin-left: 20px;
}
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.page__premium_popbox .graph {
  position: relative; /* IE is dumb */
  max-width: 340px;
  background-color: white;
  border-radius: 10px;
}
.page__premium_popbox .graph .bar {
  display: block;
  position: relative;
  background: #8e807c;
  text-align: center;
  height: 0.8em;
  line-height: 2em;
  border-radius: 10px;
}
.page__premium_popbox .graph .bar span {
  position: absolute;
  left: 1em;
}
.page__premium_popbox #modal-checkbox {
  display: none;
}
.page__premium_popbox #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.page__premium_popbox #modal-content {
  position: absolute;
  top: 200px;
  right: -40px;
  z-index: 40;
  background: #fffaf6;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 5px 30px 60px 15px;
  border: 1px solid #78716b;
  border-radius: 10px;
}
.page__premium_popbox #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.page__premium_popbox #modal-content .modal-checkbox {
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.page__premium_popbox #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.page__premium_popbox #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.page__premium_popbox #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.page__premium_popbox .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.page__premium_popbox .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
}
.page__premium_popbox .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__premium_popbox .in-pop-info {
    min-width: 0;
  }
}
.page__premium_popbox .in-pop-info {
  min-width: 400px;
}
.page__premium_popbox .space {
  margin-bottom: 100px;
}
.page__premium_popbox .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium_popbox .pointer {
  cursor: pointer;
  margin: 0;
}
.page__premium_popbox [v-cloak] {
  display: none;
}
.page__premium_popbox .popbox-tabs {
  position: relative;
}
.page__premium_popbox #registration_mode_content {
  width: 767px;
}
.page__premium_popbox #registration_mode_content .pop-info .in-pop-info {
  width: 62%;
}
.page__premium_popbox #registration_mode_content .pop-info .information {
  width: 38%;
  position: relative;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-datetime {
  position: absolute;
  right: 0;
  bottom: 45px;
  color: #ff756d;
  font-weight: bold;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn .checkbox {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin-right: 1.2em;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn .checkbox input[type=checkbox] {
  margin-right: 0.3em;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn .checkbox label {
  margin-bottom: 0;
  padding-bottom: 0.2em;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn .checkbox label:first-of-type {
  margin-right: 0.5em;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn {
  letter-spacing: 0;
  text-align: center;
  font-size: 0.8rem !important;
  position: relative;
  margin: auto;
  width: 80px;
  font-weight: bold;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn [id*=switch-btn] {
  display: none;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn [id*=switch-btn]:checked + label {
  background: #ffbd00;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn [id*=switch-btn]:checked + label div:after {
  content: "公開";
  padding: 0 10px 0 15px;
  color: white;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn label {
  display: flex;
  box-sizing: border-box;
  height: 2em;
  border-radius: 30px;
  align-items: center;
  background: #b7afa7;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn label div:after {
  content: "非公開";
  padding: 0 0 0 25px;
  color: white;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn #circle {
  position: absolute;
  width: 13px;
  height: 13px;
  background: white;
  top: 7px;
  left: 9px;
  border-radius: 26px;
  transition: 0.2s;
}
.page__premium_popbox #registration_mode_content .pop-info .information .in-check-btn #public-private-btn [id*=switch-btn]:checked ~ #circle {
  transform: translateX(45px);
  background: white;
}
.page__premium_popbox #registration_mode_content .spotlight .in-spotlight .edit-icon label img {
  width: 35px;
}
.page__premium_popbox #registration_mode_content .spotlight .in-spotlight {
  display: inline-flex;
  align-items: center;
}
.page__premium_popbox #registration_mode_content .spotlight .in-spotlight label span {
  font-size: 0.9rem;
}
.page__premium_popbox #registration_mode_content .pickup {
  width: 100%;
  position: relative;
}
.page__premium_popbox #registration_mode_content .pickup::before {
  border-color: #ff756d transparent transparent transparent;
  border-style: solid;
  border-width: 80px 80px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
  z-index: 2;
}
.page__premium_popbox #registration_mode_content .pickup::after {
  color: #fff;
  content: "オリジナル";
  font-size: 14px;
  position: absolute;
  top: 19px;
  left: -4px;
  transform: rotate(-45deg);
  z-index: 3;
}
.page__premium_popbox #registration_mode_content .display-settings, .page__premium_popbox #registration_mode_content .display-settings .checkbox, .page__premium_popbox #registration_mode_content .circle-plus-wrap, .page__premium_popbox #registration_mode_content .icon-asc-desc-wrap {
  display: flex;
  align-items: center;
}
.page__premium_popbox #registration_mode_content .display-settings {
  width: 95%;
  margin: 0 auto;
  padding-top: 3em;
}
.page__premium_popbox #registration_mode_content .display-settings .checkbox {
  width: 44%;
  font-size: 1rem;
}
.page__premium_popbox #registration_mode_content .display-settings .checkbox input[type=checkbox] {
  margin-right: 0.5em;
}
.page__premium_popbox #registration_mode_content .display-settings .circle-plus-wrap {
  margin-right: 2%;
}
.page__premium_popbox #registration_mode_content .display-settings .circle-plus-wrap .circle-plus {
  width: 40px;
}
.page__premium_popbox #registration_mode_content .display-settings .icon-asc-desc-wrap .icon-asc-desc {
  width: 22px;
  margin-right: 0.5em;
}
.page__premium_popbox #registration_mode_content .display-settings .circle-plus-wrap, .page__premium_popbox #registration_mode_content .display-settings .icon-asc-desc-wrap {
  background: #fffaeb;
  border: 1px solid #78716b;
  height: 45px;
  width: 27%;
  justify-content: center;
}
.page__premium_popbox #registration_mode_content .display-settings label {
  margin-bottom: 0;
}
.page__premium_popbox .page-footer {
  background: #FFFAF5;
}

@media screen and (max-width: 1090px) {
  .page__premium_popbox .main-contents {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .page__premium_popbox #registration_mode_content {
    width: 68%;
  }
}
.page__popset_sort .main-contents {
  width: 100%;
  height: 100%;
}
.page__popset_sort .main-contents .solt-contents {
  width: 75%;
  margin: 0 auto;
}
.page__popset_sort .main-contents .solt-contents .page-sub-title h2 {
  font-size: 20px;
  margin: 70px 0px 30px 0;
  color: #78716b;
}
.page__popset_sort .main-contents .solt-contents .page-disc h3 {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 2.5em;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list {
  display: flex;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2%;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item {
  border: 1px solid #a59b91;
  margin: 0 0.5em 1em;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner {
  width: 110px;
  height: 110px;
  padding: 0.5em 0 0.5em 0.7em;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner .popset-thumbnail {
  width: 65px;
  margin-bottom: 0.3em;
  margin-left: 0.9em;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item .inner .popset-label {
  font-size: 0.7rem;
  letter-spacing: -1px;
  line-height: 1.3em;
  margin-bottom: 0;
  font-weight: normal;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item.is_not_open {
  background: #EEEEEE;
}
.page__popset_sort .main-contents .solt-contents .popset-list-wrap .popset-list li.popset-item.is_not_open .popset-thumbnail {
  opacity: 0.4;
}
.page__popset_sort .main-contents .solt-contents .btns {
  padding-bottom: 3em;
}
.page__popset_sort .main-contents .solt-contents .btns .change-button {
  text-align: center;
}
.page__popset_sort .main-contents .solt-contents .btns .change-button button {
  padding: 0.7em 0;
  width: 180px;
  color: #78716b;
  font-size: 16px;
}
.page__popset_sort .main-contents .solt-contents .btns .change-button .left_btn {
  background: #ffcf3b;
  border: 1px solid #ccc;
  margin-right: 2em;
}
.page__popset_sort .main-contents .solt-contents .btns .change-button .right_btn button {
  background: #f0efef;
  border: 1px solid #ccc;
}
.page__popset_sort .popbox-tabs {
  position: relative;
}
.page__popset_sort .tab_item {
  border: 1px solid #78716b;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #78716b;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width: 14%;
  background: white;
}
.page__popset_sort .user_mode {
  position: absolute;
  top: -72px;
  right: 20%;
  border-right: 0 !important;
}
.page__popset_sort .registration_mode {
  position: absolute;
  top: -72px;
  right: 6%;
}
.page__popset_sort input[name=tab_item] {
  display: none;
}
.page__popset_sort .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.page__popset_sort #user_mode:checked ~ #user_mode_content,
.page__popset_sort #registration_mode:checked ~ #registration_mode_content {
  display: block;
}
.page__popset_sort .popbox-tabs input:checked + .tab_item {
  background: #ffbb00;
  border: 1px solid #78716b;
}
.page__popset_sort .page-footer {
  background: #FFFAF5;
}

@media screen and (max-width: 1090px) {
  .page__popset_sort .main-contents {
    width: 990px;
  }
}
.page__premium_material_register_create .contents .contents1 {
  width: 100%;
}
.page__premium_material_register_create .contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.page__premium_material_register_create .contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.page__premium_material_register_create .contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.page__premium_material_register_create .contents .contents1 h2 {
  font-size: 20px;
  width: 90%;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 35px;
}
.page__premium_material_register_create .contents .contents1 span {
  font-size: 15px;
  display: block;
  width: 90%;
  margin: 0 auto;
}
.page__premium_material_register_create .contents .contents1 hr {
  width: 90%;
  color: #E8E5E2;
}
.page__premium_material_register_create .contents .contents1 .popbox-tabs {
  position: relative;
}
.page__premium_material_register_create .contents .contents1 .tab_item {
  border: 1px solid #78716b;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #78716b;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width: 14%;
  background: white;
}
.page__premium_material_register_create .contents .contents1 .user_mode {
  position: absolute;
  top: -80px;
  right: 20%;
  border-right: 0 !important;
}
.page__premium_material_register_create .contents .contents1 .registration_mode {
  position: absolute;
  top: -80px;
  right: 6%;
}
.page__premium_material_register_create .contents .contents1 input[name=tab_item] {
  display: none;
}
.page__premium_material_register_create .contents .contents1 .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.page__premium_material_register_create .contents .contents1 #user_mode:checked ~ #user_mode_content,
.page__premium_material_register_create .contents .contents1 #registration_mode:checked ~ #registration_mode_content {
  display: block;
}
.page__premium_material_register_create .contents .contents1 .popbox-tabs input:checked + .tab_item {
  background: #ffbb00;
  border: 1px solid #78716b;
}
.page__premium_material_register_create .contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
}
.page__premium_material_register_create .contents .contents2 .form-test {
  display: grid;
  grid-template-columns: 20% auto;
  grid-gap: 20px;
}
.page__premium_material_register_create .contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
}
.page__premium_material_register_create .contents .contents2 p {
  margin: 0;
}
.page__premium_material_register_create .contents .contents2 .form-base {
  border: none;
  width: 90%;
  margin: auto;
  margin-top: 2.5em;
}
.page__premium_material_register_create .contents .contents2 .form-base .originalFileBtn {
  border: #b7afa7 1px solid;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  margin: 0 5px;
}
.page__premium_material_register_create .contents .contents2 .form-base .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: solid 1px #ccc;
}
.page__premium_material_register_create .contents .contents2 .form-base input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.page__premium_material_register_create .contents .contents2 .form-base input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.page__premium_material_register_create .contents .contents2 .form-label {
  text-align: right;
  align-self: center;
}
.page__premium_material_register_create .contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0px;
  font-size: 17px;
  color: #78716b;
}
.page__premium_material_register_create .contents .contents2 .form-label.v-center {
  margin: 5px 0px;
  font-size: 17px;
  color: #78716b;
}
.page__premium_material_register_create .contents .contents2 .cat-title {
  margin-top: 0.8em !important;
}
.page__premium_material_register_create .contents .contents2 input[type=date].form-input {
  height: 2rem;
  width: 250px;
  margin: 5px;
  padding: 5px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_create .contents .contents2 input[type=text].form-input {
  border: 1px solid #CCC7C1;
  font-size: 15px;
  margin: 5px;
  padding: 5px 5px 5px 10px;
}
.page__premium_material_register_create .contents .contents2 .text-box {
  padding-left: 10px;
}
.page__premium_material_register_create .contents .contents2 select {
  padding: 5px;
  height: 45px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_create .contents .contents2 textarea {
  resize: none;
  padding: 5px 5px 5px 10px;
  margin: 5px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_create .contents .contents2 .new-icon {
  border: #ff9f00 2px solid;
  border-radius: 10px;
  color: #ff9f00 !important;
  margin: 5px;
  font-size: 15px;
  padding: 0 7px;
}
.page__premium_material_register_create .contents .contents2 .add-icon {
  border: #ff7d7e 2px solid;
  border-radius: 10px;
  color: #ff7d7e !important;
  margin: 5px;
  font-size: 15px;
  padding: 0 7px;
}
.page__premium_material_register_create .contents .contents2 .label-radio {
  margin: 5px;
}
.page__premium_material_register_create .contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page__premium_material_register_create .contents .contents2 .label-radio span {
  font-size: 17px;
  color: #78716b;
}
.page__premium_material_register_create .contents .contents2 .form-input.info-badge .label-radio {
  margin-top: -7px !important;
  margin-bottom: 0 !important;
}
.page__premium_material_register_create .contents .contents2 .cat .cat-add .circle-plus-wrap {
  display: flex;
  align-items: center;
}
.page__premium_material_register_create .contents .contents2 .cat .cat-add .circle-plus-wrap .circle-plus label {
  width: 35px;
}
.page__premium_material_register_create .contents .contents2 .cat .label-radio select {
  width: 200px;
}
.page__premium_material_register_create .contents .contents2 .calendar {
  position: relative;
}
.page__premium_material_register_create .contents .contents2 .calendar select {
  width: 200px;
  -webkit-appearance: none;
  appearance: none;
}
.page__premium_material_register_create .contents .contents2 .calendar .calendar-icon {
  position: absolute;
  width: 30px;
  top: 10px;
  right: 15px;
}
.page__premium_material_register_create .contents .contents2 .checkbox {
  padding-top: 0.3em;
}
.page__premium_material_register_create .contents .contents2 .checkbox label {
  font-size: 17px;
}
.page__premium_material_register_create .contents .contents2 .checkbox label:first-of-type {
  margin-right: 0.8em;
}
.page__premium_material_register_create .contents .contents2 .checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page__premium_material_register_create .contents .contents2 .memo-buttom {
  color: #41b39c;
  font-size: 12px;
}
.page__premium_material_register_create .contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.page__premium_material_register_create .contents .contents2 .appid {
  display: inline-flex;
  width: 100%;
}
.page__premium_material_register_create .contents .contents2 .appid input {
  border: solid 1px #ccc;
  padding-left: 10px;
}
.page__premium_material_register_create .contents .contents2 .img-upload-area {
  margin: 40px 0;
}
.page__premium_material_register_create .contents .contents2 .img-upload-area .img-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
}
.page__premium_material_register_create .contents .contents2 .img-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.page__premium_material_register_create .contents .contents2 .img-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page__premium_material_register_create .contents .contents2 .img-upload-area .img-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  background: none;
  border: #b7afa7 2px dashed;
}
.page__premium_material_register_create .contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
}
.page__premium_material_register_create .contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  border: solid 1px #ccc;
}
.page__premium_material_register_create .contents .contents2 .make-tamplate {
  margin: 20px 0 3em;
}
.page__premium_material_register_create .contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.page__premium_material_register_create .contents .contents2 .buttons {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}
.page__premium_material_register_create .contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.page__premium_material_register_create .contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn {
  letter-spacing: 0;
  font-size: 1rem !important;
  position: relative;
  margin-top: 0.2em;
  width: 90px;
  font-weight: bold;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn #switch-btn {
  display: none;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn #switch-btn:checked + label {
  background: #ffbd00;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn #switch-btn:checked + label div:after {
  content: "公開";
  padding: 0 10px 0 21px;
  color: white;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn label {
  display: flex;
  box-sizing: border-box;
  height: 2em;
  border-radius: 30px;
  align-items: center;
  background: #b7afa7;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn label div:after {
  content: "非公開";
  padding: 0 0 0 28px;
  color: white;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn #circle {
  position: absolute;
  width: 13px;
  height: 13px;
  background: white;
  top: 10px;
  left: 9px;
  border-radius: 26px;
  transition: 0.2s;
}
.page__premium_material_register_create .contents .contents2 #public-private-btn #switch-btn:checked ~ #circle {
  transform: translateX(58px);
  background: white;
}
.page__premium_material_register_create #modal-checkbox {
  display: none;
}
.page__premium_material_register_create #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.page__premium_material_register_create #modal-content {
  position: relative;
  top: 45px;
  left: 130px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.page__premium_material_register_create #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.page__premium_material_register_create #modal-content .modal-checkbox {
  position: absolute;
  bottom: 40px;
  right: 30px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.page__premium_material_register_create #modal-content .add {
  background: #A59B91;
  padding: 0px 10px;
  width: 48px;
  font-size: 14px;
  color: #fff;
}
.page__premium_material_register_create #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.page__premium_material_register_create #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.page__premium_material_register_create .in-popup {
  display: flex;
  align-items: center;
}
.page__premium_material_register_create .in-popup input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.page__premium_material_register_create #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.page__premium_material_register_create .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.page__premium_material_register_create .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.page__premium_material_register_create .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.page__premium_material_register_create .in-pop-info {
  min-width: 400px;
}
.page__premium_material_register_create .space {
  margin-bottom: 100px;
}
.page__premium_material_register_create .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium_material_register_create .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.page__premium_material_register_create #popup-checkbox {
  display: none;
}
.page__premium_material_register_create #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.page__premium_material_register_create #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.page__premium_material_register_create #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.page__premium_material_register_create #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.page__premium_material_register_create #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.page__premium_material_register_create #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.page__premium_material_register_create #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.page__premium_material_register_create .popup-inside {
  display: flex;
  align-items: center;
}
.page__premium_material_register_create .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.page__premium_material_register_create #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.page__premium_material_register_create .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.page__premium_material_register_create .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.page__premium_material_register_create .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.page__premium_material_register_create .in-pop-info {
  min-width: 400px;
}
.page__premium_material_register_create .space {
  margin-bottom: 100px;
}
.page__premium_material_register_create .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium_material_register_create .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.page__premium_material_register_create .template {
  margin-bottom: 3em;
}
.page__premium_material_register_create .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
}
.page__premium_material_register_create .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 150px;
  margin: 0 5px;
  background: #e2ded9;
}
.page__premium_material_register_create .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page__premium_material_register_create .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.page__premium_material_register_create .pops-upload-area .pops-upload-area.main .originalFileBtn {
  padding: 10px 5px;
  margin: 0.8em 5px 1em;
  width: 200px;
  height: auto;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops.line-up {
  display: none;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.page__premium_material_register_create .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.page__premium_material_register_create .page-footer {
  background: #FFFAF5;
}
.page__premium_material_register_create .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_create .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_create .popup1 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_create .popup1 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_create .popup1 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_create .popup1 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_create .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_create .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_create .popup2 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_create .popup2 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_create .popup2 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_create .popup2 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_create .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_create .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_create .popup3 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_create .popup3 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_create .popup3 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_create .popup3 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_create .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.page__premium_material_register_edit .contents {
  width: 100%;
  height: 100%;
}
.page__premium_material_register_edit .contents .contents1 {
  width: 100%;
}
.page__premium_material_register_edit .contents .contents1 .headline {
  width: 100%;
  align-items: center;
  background-color: #f5e7d5;
  display: inline-flex;
  height: 114px;
  padding: 0 0 0 50px;
  border-bottom: #b7afa7 1px solid;
}
.page__premium_material_register_edit .contents .contents1 .headline .pop-icon {
  height: 45px;
  width: 50px;
  color: #A99F95;
}
.page__premium_material_register_edit .contents .contents1 .headline h1 {
  margin: 0;
  font-size: 20px;
  text-indent: 5px;
}
.page__premium_material_register_edit .contents .contents1 h2 {
  font-size: 20px;
  width: 90%;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 35px;
}
.page__premium_material_register_edit .contents .contents1 span {
  font-size: 15px;
  display: block;
  width: 90%;
  margin: 0 auto;
}
.page__premium_material_register_edit .contents .contents1 hr {
  width: 90%;
  color: #E8E5E2;
}
.page__premium_material_register_edit .contents .contents1 .popbox-tabs {
  position: relative;
}
.page__premium_material_register_edit .contents .contents1 .tab_item {
  border: 1px solid #78716b;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #78716b;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  width: 14%;
  background: white;
}
.page__premium_material_register_edit .contents .contents1 .user_mode {
  position: absolute;
  top: -80px;
  right: 20%;
  border-right: 0 !important;
}
.page__premium_material_register_edit .contents .contents1 .registration_mode {
  position: absolute;
  top: -80px;
  right: 6%;
}
.page__premium_material_register_edit .contents .contents1 input[name=tab_item] {
  display: none;
}
.page__premium_material_register_edit .contents .contents1 .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.page__premium_material_register_edit .contents .contents1 #user_mode:checked ~ #user_mode_content,
.page__premium_material_register_edit .contents .contents1 #registration_mode:checked ~ #registration_mode_content {
  display: block;
}
.page__premium_material_register_edit .contents .contents1 .popbox-tabs input:checked + .tab_item {
  background: #ffbb00;
  border: 1px solid #78716b;
}
.page__premium_material_register_edit .contents .contents2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5%;
}
.page__premium_material_register_edit .contents .contents2 .form-test {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 20px;
}
.page__premium_material_register_edit .contents .contents2 .basic-info {
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
}
.page__premium_material_register_edit .contents .contents2 p {
  margin: 0;
}
.page__premium_material_register_edit .contents .contents2 .form-base {
  border: none;
  width: 90%;
  margin: auto;
  margin-top: 2.5em;
}
.page__premium_material_register_edit .contents .contents2 .form-base .originalFileBtn {
  border: #b7afa7 1px solid;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 80px;
  margin: 0 5px;
}
.page__premium_material_register_edit .contents .contents2 .form-base input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.page__premium_material_register_edit .contents .contents2 .form-base input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
}
.page__premium_material_register_edit .contents .contents2 .form-base .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page__premium_material_register_edit .contents .contents2 .form-label {
  text-align: right;
  align-self: center;
  font-size: 16px;
}
.page__premium_material_register_edit .contents .contents2 .form-label.v-top {
  align-self: unset;
  margin: 5px 0;
}
.page__premium_material_register_edit .contents .contents2 input[type=date].form-input {
  height: 2rem;
  margin: 5px;
  padding: 5px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_edit .contents .contents2 input[type=text].form-input {
  height: 2rem;
  width: 250px;
  margin: 5px;
  padding: 5px;
  border: solid 1px #ccc;
}
.page__premium_material_register_edit .contents .contents2 select {
  padding: 5px;
  height: 45px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_edit .contents .contents2 textarea {
  resize: none;
  padding: 5px 5px 5px 10px;
  margin: 5px;
  font-size: 15px;
  border: solid 1px #CCC7C1;
}
.page__premium_material_register_edit .contents .contents2 .new-icon {
  border: #ff9f00 2px solid;
  border-radius: 10px;
  color: #ff9f00 !important;
  margin: 5px;
  padding: 0 7px;
}
.page__premium_material_register_edit .contents .contents2 .add-icon {
  border: #ff7d7e 2px solid;
  border-radius: 10px;
  color: #ff7d7e !important;
  margin: 5px;
  padding: 0 7px;
}
.page__premium_material_register_edit .contents .contents2 .label-radio {
  margin: 5px;
}
.page__premium_material_register_edit .contents .contents2 .label-radio input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page__premium_material_register_edit .contents .contents2 .form-input.info-badge .label-radio {
  margin-top: -7px !important;
  margin-bottom: 0 !important;
}
.page__premium_material_register_edit .contents .contents2 .cat .cat-add .circle-plus-wrap {
  display: flex;
  align-items: center;
}
.page__premium_material_register_edit .contents .contents2 .cat .cat-add .circle-plus-wrap .circle-plus label {
  width: 35px;
}
.page__premium_material_register_edit .contents .contents2 .cat .label-radio select {
  width: 200px;
}
.page__premium_material_register_edit .contents .contents2 .calendar {
  position: relative;
}
.page__premium_material_register_edit .contents .contents2 .calendar select {
  width: 200px;
  -webkit-appearance: none;
  appearance: none;
}
.page__premium_material_register_edit .contents .contents2 .calendar .calendar-icon {
  position: absolute;
  width: 30px;
  top: 10px;
  right: 15px;
}
.page__premium_material_register_edit .contents .contents2 .checkbox {
  padding-top: 0.3em;
}
.page__premium_material_register_edit .contents .contents2 .checkbox label {
  font-size: 17px;
}
.page__premium_material_register_edit .contents .contents2 .checkbox label:first-of-type {
  margin-right: 0.8em;
}
.page__premium_material_register_edit .contents .contents2 .checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page__premium_material_register_edit .contents .contents2 .memo-buttom {
  margin: 5px;
  color: #41b39c;
  font-size: 12px;
}
.page__premium_material_register_edit .contents .contents2 .keywords {
  display: inline-flex;
}
.page__premium_material_register_edit .contents .contents2 .keywords span {
  background: #f7ecdd;
  border: none;
  border-radius: 20px;
  margin-right: 5px;
  padding: 0 10px;
}
.page__premium_material_register_edit .contents .contents2 .keywords span::before {
  content: "#";
}
.page__premium_material_register_edit .contents .contents2 .keywords span::after {
  content: "✖";
  margin-left: 15px;
  cursor: pointer;
}
.page__premium_material_register_edit .contents .contents2 .form-label.inner {
  align-self: unset;
  margin: 5px 0;
  width: 15%;
  text-align: left;
}
.page__premium_material_register_edit .contents .contents2 .appid {
  display: inline-flex;
  width: 100%;
}
.page__premium_material_register_edit .contents .contents2 .appid input {
  border: solid 1px #ccc;
  padding-left: 10px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .pops-upload-area.head {
  display: inline-flex;
  width: 100%;
  margin: 0;
  border-bottom: #b7afa7 1px solid;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0.8em;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .originalFileBtn {
  border: #b7afa7 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 5px;
  position: relative;
  font-size: 14px;
  width: 200px;
  margin: 0.8em 5px 1em;
  background: #e2ded9;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .originalFileBtn input[type=file] {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .pops-upload-area.main {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  border: #b7afa7 1px dashed;
  background: #fff;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops {
  background: #f5e7d5;
  padding: 10px 0;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button {
  background: #fff;
  border: #ff756d 1px solid;
  margin-left: 10px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button .trash-all {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.line-up button p {
  font-size: 17px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.items {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops.items .inner-items img {
  width: 130px;
  height: 100px;
  object-fit: contain;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .trash-area {
  background: #a8a9aa;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-items-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-items-list .inner-items-list-item-dd {
  background: #a8a9aa;
  width: 110px;
  height: 85px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-items-list .inner-items-list-item-dd .trash-area {
  position: relative;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-items-list .inner-items-list-item-dd .trash-area .drag-drop {
  position: absolute;
  top: 60px;
  font-size: 0.7rem;
  text-align: center;
  display: block;
  width: 110px;
  letter-spacing: -1px;
  color: #ffffff;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-background {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-backgrounddiv {
  margin: 10px;
}
.page__premium_material_register_edit .contents .contents2 .pops-upload-area .uploaded-pops .inner-background img {
  width: 190px;
  height: 100px;
  object-fit: contain;
}
.page__premium_material_register_edit .contents .contents2 .add-title {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding-top: 0.2em;
  font-size: 0.9rem;
}
.page__premium_material_register_edit .contents .contents2 .template-code {
  align-items: center;
  display: inline-flex;
  position: relative;
  margin: 40px 0 20px 0;
}
.page__premium_material_register_edit .contents .contents2 .template-code input {
  margin: 0 10px;
  padding: 5px;
  border: solid 1px #ccc;
}
.page__premium_material_register_edit .contents .contents2 .make-tamplate {
  margin: 20px 0 3em;
}
.page__premium_material_register_edit .contents .contents2 .make-tamplate img {
  border: #b7afa7 1px solid;
  padding: 5px;
}
.page__premium_material_register_edit .contents .contents2 .buttons {
  text-align: center;
  margin-top: 20px;
}
.page__premium_material_register_edit .contents .contents2 .buttons .register_btn {
  background-color: #ffc30a;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}
.page__premium_material_register_edit .contents .contents2 .buttons .cancle_btn {
  background-color: #f0efef;
  border: #a59b91 1px solid;
  color: #78716b;
  padding: 5px;
  height: 45px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-left: 20px;
  cursor: pointer;
}
.page__premium_material_register_edit .contents .contents2 .rc-btn {
  margin: 3em 0 3em !important;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn {
  letter-spacing: 0;
  font-size: 1rem !important;
  position: relative;
  margin-top: 0.2em;
  width: 90px;
  font-weight: bold;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn #switch-btn {
  display: none;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn #switch-btn:checked + label {
  background: #ffbd00;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn #switch-btn:checked + label div:after {
  content: "公開";
  padding: 0 10px 0 21px;
  color: white;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn label {
  display: flex;
  box-sizing: border-box;
  height: 2em;
  border-radius: 30px;
  align-items: center;
  background: #b7afa7;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn label div:after {
  content: "非公開";
  padding: 0 0 0 28px;
  color: white;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn #circle {
  position: absolute;
  width: 13px;
  height: 13px;
  background: white;
  top: 10px;
  left: 9px;
  border-radius: 26px;
  transition: 0.2s;
}
.page__premium_material_register_edit .contents .contents2 #public-private-btn #switch-btn:checked ~ #circle {
  transform: translateX(58px);
  background: white;
}
.page__premium_material_register_edit #modal-checkbox {
  display: none;
}
.page__premium_material_register_edit #modal-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.page__premium_material_register_edit #modal-content {
  position: relative;
  top: 45px;
  left: 130px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.page__premium_material_register_edit #modal-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.page__premium_material_register_edit #modal-content .modal-checkbox {
  position: absolute;
  bottom: 40px;
  right: 30px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.page__premium_material_register_edit #modal-content .add {
  background: #A59B91;
  padding: 0px 10px;
  width: 48px;
  font-size: 14px;
  color: #fff;
}
.page__premium_material_register_edit #modal-checkbox:checked ~ #modal-content {
  opacity: 1;
}
.page__premium_material_register_edit #modal-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.page__premium_material_register_edit .in-popup {
  display: flex;
  align-items: center;
}
.page__premium_material_register_edit .in-popup input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.page__premium_material_register_edit #modal-checkbox:checked ~ #modal-close {
  display: block;
  opacity: 0.4;
}
.page__premium_material_register_edit .peke {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.page__premium_material_register_edit .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.page__premium_material_register_edit .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.page__premium_material_register_edit .in-pop-info {
  min-width: 400px;
}
.page__premium_material_register_edit .space {
  margin-bottom: 100px;
}
.page__premium_material_register_edit .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium_material_register_edit .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.page__premium_material_register_edit #popup-checkbox {
  display: none;
}
.page__premium_material_register_edit #popup-open {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.page__premium_material_register_edit #popup-content {
  position: relative;
  top: 33px;
  left: 280px;
  z-index: 40;
  background: #FFFAF5;
  transition: all 0.2s ease-in-out 0s;
  transform: translate(-50%, -50%);
  opacity: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  padding: 20px 30px 20px 20px;
  border-style: outset;
  border-radius: 10px;
}
.page__premium_material_register_edit #popup-content .submit_btn {
  background-color: #FFCF3B;
  border: #ABA093 1px solid;
  font-size: 14px;
  padding: 3px 20px;
  color: #78716b;
  margin-top: 2%;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 40px;
  top: 88px;
}
.page__premium_material_register_edit #popup-content .popup-checkbox {
  position: absolute;
  bottom: 40px;
  left: 260px;
  cursor: pointer;
  margin-bottom: 0;
  margin-right: -20px;
}
.page__premium_material_register_edit #popup-content .add {
  background: #A59B91;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
}
.page__premium_material_register_edit #popup-checkbox:checked ~ #popup-content {
  opacity: 1;
}
.page__premium_material_register_edit #popup-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease-in-out 0s;
}
.page__premium_material_register_edit .popup-inside {
  display: flex;
  align-items: center;
}
.page__premium_material_register_edit .popup-inside input {
  width: 12em;
  border: 1px solid #D2CDC8;
  padding-left: 10px;
}
.page__premium_material_register_edit #popup-checkbox:checked ~ #popup-close {
  display: block;
  opacity: 0.4;
}
.page__premium_material_register_edit .close {
  margin: 0;
  text-align: right;
  color: #78716b;
}
.page__premium_material_register_edit .special-code {
  margin: 0;
  color: #78716b;
  padding: 0px 6px 0px 0px;
  font-size: 15px;
}
.page__premium_material_register_edit .special-input {
  max-width: 100px;
  height: 2em;
  position: relative;
  left: 7px;
}
.page__premium_material_register_edit .in-pop-info {
  min-width: 400px;
}
.page__premium_material_register_edit .space {
  margin-bottom: 100px;
}
.page__premium_material_register_edit .confirm_btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 10px 40px 10px 40px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
}
.page__premium_material_register_edit .code {
  color: #938D88;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
.page__premium_material_register_edit button#delete-btn {
  background: #fff;
  border: #ff756d 1px solid;
}
.page__premium_material_register_edit button .trash-btn {
  display: inline-flex;
  line-height: 37px;
  color: #ff756d;
  align-items: center;
  padding: 0 10px 0 0;
  margin-left: 10px;
}
.page__premium_material_register_edit button p {
  font-size: 17px;
}
.page__premium_material_register_edit .page-footer {
  background: #FFFAF5;
}
.page__premium_material_register_edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_edit .popup1 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_edit .popup1 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_edit .popup1 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_edit .popup1 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_edit .popup2 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_edit .popup2 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_edit .popup2 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_edit .popup2 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_edit .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium_material_register_edit .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium_material_register_edit .popup3 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 33%;
  border-radius: 10px;
}
.page__premium_material_register_edit .popup3 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium_material_register_edit .popup3 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium_material_register_edit .popup3 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium_material_register_edit .Required-item {
  background-color: rgb(254, 117, 109);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

body.page-unsupported-browser {
  background: #FFF2CC !important;
}
body.page-unsupported-browser .ubc-wrap {
  position: relative;
  height: 100%;
}
body.page-unsupported-browser .ubc-wrap .ubc-list {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-left {
  width: 15%;
  margin-left: 3%;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-left img {
  width: 100%;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-right {
  width: 78%;
  margin-left: 5%;
  font-weight: 500;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-right div img {
  margin-bottom: 2em;
  width: 70%;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-right div p span.b-recommend {
  color: #41B39C;
  font-size: 1rem;
  margin-bottom: 0.5em;
  display: block;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-right div a.download-link {
  display: block;
  background: #ffffff;
  width: 250px;
  text-align: center;
  padding: 0.8em 0;
}
body.page-unsupported-browser .ubc-wrap .ubc-list .ubc-right div a.download-link:hover {
  color: #78716b;
}

@media screen and (min-width: 896px) {
  body.page-unsupported-browser .ubc-wrap .ubc-list {
    width: 820px;
  }
}
.page__premium-plan-payments .main-contents {
  width: 100%;
  height: 100%;
}
.page__premium-plan-payments .main-contents h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 20px 60px;
}
.page__premium-plan-payments .main-contents .contents2 {
  width: 90%;
  margin: auto;
  box-sizing: border-box;
}
.page__premium-plan-payments .main-contents .contents2 #plans {
  padding: 0 50px 5%;
  margin-bottom: 40px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table {
  border: none;
  font-size: 18px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr {
  margin-bottom: 0.2em;
  display: block;
  display: flex;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .main-title-td {
  width: 130px;
  height: 37px;
  color: #78716b;
  font-weight: 500;
  text-align: right;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr span {
  font-size: 18px;
  color: #FF7A73;
  font-weight: 500;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .side-title-td {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
  padding-left: 2em;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .side-title-td:last-of-type {
  margin-bottom: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .side-title-td p {
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .side-title-td .option-price {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan table tr .side-title-td .option-price .option {
  font-size: 18px;
  color: #78716b;
  font-weight: 500;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .justify {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .justify .left {
  font-size: 16px;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .justify .right {
  font-size: 15px;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents {
  width: 100%;
  background: #FCEAE9;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list {
  width: 80%;
  margin: auto;
  border-bottom: 2px solid #CBBDBA;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin: 0;
  font-size: 16px;
  align-items: center;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one .topic {
  font-weight: 400;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one .amount {
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-one:first-of-type {
  padding-top: 30px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .inside-contains-one {
  display: flex;
  justify-content: space-between;
  padding: 0px 0px 10px 0px;
  margin: 0;
  font-size: 16px;
  align-items: center;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .inside-contains-one .topic {
  font-weight: 400;
  color: #FF7A73;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .inside-contains-one .amount {
  margin: 0;
  color: #FF7A73;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: flex-end;
  margin: 0;
  padding-top: 10px;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two .topic {
  font-weight: 400;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-two .amount {
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin: 0;
  padding-bottom: 5px;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three .topic {
  font-weight: 400;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .plan-list .contains-three .amount {
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .total {
  width: 80%;
  margin: auto;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .total .contains-four {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #78716b;
  margin: 0;
  padding: 20px 0px 25px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .total .contains-four .topic {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .plan .sub-contents .total .contains-four .amount {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
.page__premium-plan-payments .main-contents .contents2 #plans .app-cont-change h2, .page__premium-plan-payments .main-contents .contents2 #plans .payment-setting h2 {
  width: 80%;
  margin: 30px 0px 10px 0px;
  font-size: 18px;
  font-weight: 500;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .app-cont-change .change-option, .page__premium-plan-payments .main-contents .contents2 #plans .payment-setting .change-option {
  margin: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .app-cont-change .change-option .change, .page__premium-plan-payments .main-contents .contents2 #plans .payment-setting .change-option .change {
  display: inline-flex;
  width: 100%;
  height: 65px;
  align-items: center;
  border: 2px solid #E0DEDD;
  justify-content: space-between;
}
.page__premium-plan-payments .main-contents .contents2 #plans .app-cont-change .change-option .change span, .page__premium-plan-payments .main-contents .contents2 #plans .payment-setting .change-option .change span {
  margin: 0;
  font-size: 16px;
  line-height: 65px;
  padding-left: 20px;
  color: #78716b;
}
.page__premium-plan-payments .main-contents .contents2 #plans .app-cont-change .change-option .change div img, .page__premium-plan-payments .main-contents .contents2 #plans .payment-setting .change-option .change div img {
  height: 14px;
  margin-right: 20px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation {
  margin-top: 3em;
  border: 2px solid #E0DEDD;
  padding: 20px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .title {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .title h2 {
  font-size: 16px;
  margin-bottom: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .title p {
  font-size: 12px;
  margin-left: 1.5em;
  margin-bottom: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont {
  display: flex;
  position: relative;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont p {
  margin-bottom: 0;
  width: 70%;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont .btn {
  position: absolute;
  right: 0;
  top: 0;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont .btn a {
  width: 150px;
  display: block;
  text-align: center;
  border: 2px solid #ff756d;
  color: #ff756d;
  padding: 0.6em 0;
  cursor: pointer;
  font-size: 16px;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont .btn a.disabled {
  pointer-events: none;
  background: #DDDDDD;
  border: 2px solid #B1A698;
  color: #BBBBBB;
}
.page__premium-plan-payments .main-contents .contents2 #plans .cancellation .cont .btn button {
  width: 150px;
  display: block;
  text-align: center;
  border: 2px solid #B1A698;
  color: #78716b !important;
  padding: 0.6em 0;
  cursor: pointer;
  font-size: 16px;
}
.page__premium-plan-payments .page-footer {
  background: #FFFAF5;
}

.page__premium-plan-changed {
  width: 100%;
  height: 100%;
}
.page__premium-plan-changed .main-content {
  width: 100%;
  padding-left: 30px;
  height: 90px;
  display: inline-flex;
  align-items: center;
}
.page__premium-plan-changed .main-content .inside-main-content h1 {
  margin: 0;
  text-indent: 15px;
  font-size: 20px;
  color: #78716b;
}
.page__premium-plan-changed .users-sent-wrap {
  width: 70%;
  margin: auto;
}
.page__premium-plan-changed .users-sent-wrap .users_detail {
  border: 1px solid #ccc;
  padding-bottom: 2em;
  margin-bottom: 5%;
}
.page__premium-plan-changed .users-sent-wrap .users_detail h2 {
  font-size: 1.15rem;
  margin-bottom: 1.5em;
  padding-top: 1.15em;
  padding-left: 1.15em;
  text-align: left;
}
.page__premium-plan-changed .users-sent-wrap .users_detail .details {
  text-align: center;
}
.page__premium-plan-changed .users-sent-wrap .users_detail .details .details_text {
  margin-bottom: 2em;
  padding-top: 1em;
  font-size: 16px;
}
.page__premium-plan-changed .users-sent-wrap .users_detail .details .details_btn {
  margin-bottom: 2em;
}
.page__premium-plan-changed .users-sent-wrap .users_detail .details .details_btn a button {
  padding: 0.7em 0;
  width: 240px;
  color: #78716b;
  font-size: 16px;
  background: #ffcf3b;
  border: 1px solid #ccc;
}
.page__premium-plan-changed .page-footer {
  background: #FFFAF5;
}

.page__premium-plan-change .main-contents {
  width: 100%;
  height: 100%;
}
.page__premium-plan-change .main-contents h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 30px 60px;
}
.page__premium-plan-change .main-contents .contents2 {
  width: 78%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium-plan-change .main-contents .contents2 {
    width: 90%;
  }
}
.page__premium-plan-change .main-contents .contents2 {
  margin: auto;
  box-sizing: border-box;
  padding-bottom: 5%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner {
  border: 1px solid #e2dfdb;
  padding: 20px 30px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .form-title {
  display: flex;
  align-items: baseline;
  margin-bottom: 1.8em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .form-title h2 {
  font-size: 1.25rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .form-title p {
  font-size: 0.8rem;
  margin-left: 2em;
  color: #a59b91;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .title .plan {
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .inner-contents {
  width: 90%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .inner-contents {
    width: 100%;
  }
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .inner-contents {
  margin: 0 auto;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-common-width {
  display: flex;
  align-items: baseline;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-common-width dt {
  width: 165px;
  text-align: right;
  font-size: 1rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-common-width dd {
  display: block;
  margin-left: 3em;
  font-size: 1rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap {
  padding-bottom: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap h3 {
  text-indent: -0.3em;
  margin-bottom: 1.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dt {
  white-space: nowrap;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-input {
  margin-right: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-input input {
  height: 50px;
  color: #78716b;
  padding: 5px;
  border: 1px solid #a59b91;
  width: 70px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-input span {
  margin-left: 0.3em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change input {
  margin-right: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .about-account-btn {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: absolute;
  right: 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .about-account-btn img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .about-account-btn .link-text {
  font-size: 0.9rem;
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-c {
  display: flex;
  align-items: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-c img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .change .account-c span {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
  font-size: 0.9rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .num-change-account dd .usage-fee {
  margin-bottom: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #a49a90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button {
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button button {
  background: #f7ca4b;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #b1a698;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon {
  margin-top: 2.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dt {
  margin-bottom: 3em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd {
  margin-bottom: 0.3em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon p {
  font-size: 0.8rem;
  color: #a59b91;
  padding-top: 0.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .inner {
  display: flex;
  align-items: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .inner .coupon-input input {
  height: 50px;
  color: #78716b;
  padding: 10px;
  border: 1px solid #a59b91;
  width: 270px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .inner .coupon-input input::-ms-input-placeholder {
  color: #ccc6c0;
  font-size: 0.8rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .inner .coupon-input input::placeholder {
  color: #ccc6c0;
  font-size: 0.8rem;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .benefits {
  font-size: 1rem;
  padding-bottom: 0.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail-wrap .special-coupon dd .coupon .benefits span {
  margin-left: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #a49a90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button {
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button button {
  background: #f7ca4b;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #b1a698;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style {
  width: 40vw;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont {
  width: 87%;
  display: table;
  margin: 0 auto;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-title {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text {
  background: none;
  padding: 0;
  overflow: none;
  font-size: 1rem;
  height: auto;
  border: none;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text .text-head {
  margin-bottom: 1.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-area {
  overflow-y: scroll;
  height: 25vh;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list {
  width: 100%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap {
  font-size: 1.05rem;
  border-bottom: 1px solid #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:first-of-type, .page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:last-of-type {
  border-bottom: 2px solid #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap th {
  font-weight: normal;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .title {
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .right {
  width: 70%;
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .left {
  width: 30%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .text-right {
  text-align: right;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td {
  padding: 0.2em 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td :first-of-type {
  padding-right: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change #about-account {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change #about-account:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .table-detail {
  margin-bottom: 0.8em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .common-border {
  border-bottom: 1px solid #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #app-cont-change .btn-common-style button {
  color: white;
  border: 1px solid #b1a698;
  background: #41b49d;
  font-size: 0.9rem;
  width: 110px;
  padding: 3px 0;
  margin-left: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option {
  margin-top: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .use-content {
  width: 90%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .use-content .use-option {
  margin-top: 0.8em;
  display: flex;
  justify-content: space-between;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .use-content .use-option .use-image img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .use-content .use-option .use-image .link-text {
  color: #41b49d;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .use-content p {
  margin-left: 31%;
  margin-top: 5px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .approval-content {
  width: 93.5%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .approval-content .approval-option {
  margin-top: 0.9em;
  display: flex;
  justify-content: space-around;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .approval-content .approval-option .approval-image img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .approval-content .approval-option .approval-image .link-text {
  color: #41b49d;
  vertical-align: middle;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .approval-content p {
  margin-left: 30%;
  margin-top: 5px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content {
  width: 93.5%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content .printing-option {
  margin-top: 0.9em;
  display: flex;
  justify-content: space-around;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content .printing-option .printing-image img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content .printing-option .printing-image .link-text {
  color: #41b49d;
  vertical-align: middle;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content .printing-option .printing-image {
  color: #41b49d;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .printing-content p {
  margin-left: 30%;
  margin-top: 5px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content {
  width: 90%;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content .master-feature-option {
  margin-top: 0.8em;
  display: flex;
  justify-content: space-between;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content .master-feature-option .title-manage {
  margin-left: 28px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content .master-feature-option .master-feature-use-image img {
  width: 18px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content .master-feature-option .master-feature-use-image .master-link-img {
  color: #41b49d;
  vertical-align: middle;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .option .master-feature-content p {
  margin-left: 31%;
  margin-top: 5px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-translate .about-translate-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-translate h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-translate .translate-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
  font-feature-settings: "palt";
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-translate {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-translate:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-approval .about-approval-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-approval h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-approval .approval-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
  font-feature-settings: "palt";
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-approval {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-approval:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-printing .about-printing-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-printing h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-printing .printing-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
  font-feature-settings: "palt";
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-printing {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-printing:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-master .about-master-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-master h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-master .master-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
  font-feature-settings: "palt";
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-master {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-master:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-image-capture .about-image-capture-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-image-capture h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .pop-up-about-image-capture .image-capture-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
  font-feature-settings: "palt";
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-image-capture {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner #about-image-capture:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail {
  font-size: 1.05rem;
  margin-top: 2.5em;
  margin-bottom: 2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner {
  background: #fff1c7;
  width: 97%;
  margin: 0 auto;
  border-top: 2px solid #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .contains-one {
  width: 87%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1em 0.5em 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .contains-one dt {
  font-weight: normal;
  width: 30%;
  text-align: right;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .contains-one:first-of-type {
  padding-top: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .in-contains-one {
  width: 87%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 1em 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .in-contains-one dt {
  font-weight: normal;
  color: red;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .plan-list .in-contains-one dd {
  font-weight: normal;
  color: red;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .total .contains-four {
  width: 87%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-top: 1px solid #78716b;
  justify-content: space-between;
  padding: 0.5em 1em 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .total .contains-four dt {
  font-weight: normal;
  width: 25%;
  text-align: right;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .coupon-detail-wrap .coupon-detail {
  width: 87%;
  margin: 0 auto;
  display: flex;
  align-items: baseline;
  padding: 0.5em 1em 1em;
  color: #ff6670;
  font-weight: bold;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .coupon-detail-wrap .coupon-detail dt {
  width: 130px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .inner .coupon-detail-wrap:last-child .coupon-detail {
  padding: 0.5em 1em 2.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .topic-detail .note {
  text-align: right;
  font-size: 0.95em;
  padding-top: 0.5em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button {
  text-align: center;
  margin-bottom: 4em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button button {
  font-size: 1.1rem;
  color: #78716b;
  padding: 10px 60px;
  border: 1px solid #b1a698;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button button.disabled {
  background: #dddddd !important;
  color: #bbbbbb;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button .left_btn span button {
  background: #f7ca4b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button .right_btn {
  margin-left: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change-button .right_btn button {
  background: #f0efef;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account {
  background: #fff;
  border-radius: 5px;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #a49a90;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .popup-content {
  padding: 25px;
  color: #78716b;
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .popup-content h2 {
  font-size: 18px;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .popup-content p {
  font-size: 15px;
  padding: 0px 30px;
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
  color: #78716b;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .popup-content .to_member_management_pages {
  margin-top: 25px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .deleting_redundant_account .popup-content .to_member_management_pages button {
  background: #f7ca4b;
  border: 1px solid #b1a698;
  color: #78716b;
  padding: 8px 30px;
  font-size: 16px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number {
  background: #fff;
  border-radius: 5px;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #a49a90;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .popup-content {
  padding: 25px;
  color: #78716b;
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .popup-content h2 {
  font-size: 18px;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .popup-content p {
  font-size: 15px;
  padding: 0px 30px;
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
  color: #78716b;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .popup-content .billing_setting_page {
  margin-top: 25px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .change_application_account_number .popup-content .billing_setting_page button {
  background: #f7ca4b;
  border: 1px solid #b1a698;
  color: #78716b;
  padding: 8px 30px;
  font-size: 16px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count {
  background: #fff;
  border-radius: 5px;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #a49a90;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .popup-content {
  padding: 25px;
  color: #78716b;
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .popup-content h2 {
  font-size: 16px;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .popup-content p {
  font-size: 15px;
  padding: 0px 30px;
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
  color: #78716b;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .popup-content .total-account-btn {
  margin-top: 25px;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .application_and_total_account_count .popup-content .total-account-btn button {
  background: #f7ca4b;
  border: 1px solid #b1a698;
  color: #78716b;
  padding: 8px 30px;
  font-size: 16px;
  font-weight: 500;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .check_disk_capacity {
  background: #fff;
  border-radius: 5px;
  width: 34%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  border: 1px solid #A49A90;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .check_disk_capacity .close {
  position: absolute;
  top: 10px;
  right: 15px;
  transition: all 200ms;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .check_disk_capacity .popup-content {
  padding: 25px;
  color: #78716b;
  text-align: center;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .check_disk_capacity .popup-content h2 {
  font-size: 16px;
  color: #78716b;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .check_disk_capacity .popup-content p {
  font-size: 15px;
  padding: 0px 30px;
  margin: 0;
  margin-top: 25px;
  font-weight: 500;
  color: #78716b;
  text-align: left;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap {
  font-size: 1rem;
  margin-bottom: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read {
  margin-bottom: 1em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read p {
  color: white;
  background: #ff756d;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  padding: 2px 0;
  border-radius: 15px;
  font-weight: bold;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text h4 {
  font-size: 1.1rem;
  margin-bottom: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner {
  margin-bottom: 1.2em;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner h5 {
  font-size: 1rem;
  font-weight: normal;
}
.page__premium-plan-change .main-contents .contents2 .contents-inner .must-read-wrap .must-read-text .must-read-text-inner:last-of-type {
  margin-bottom: 0;
}
.page__premium-plan-change h2,
.page__premium-plan-change h3,
.page__premium-plan-change h4,
.page__premium-plan-change h5,
.page__premium-plan-change p,
.page__premium-plan-change dl,
.page__premium-plan-change dd,
.page__premium-plan-change label {
  margin-bottom: 0;
}
.page__premium-plan-change .page-footer {
  background: #fffaf5;
}

.page__premium-plan-bill .main-contents {
  width: 100%;
  height: 100%;
}
.page__premium-plan-bill .main-contents h1 {
  font-size: 20px;
  color: #78716b;
  width: 90%;
  margin: 60px auto 30px 60px;
}
.page__premium-plan-bill .main-contents .contents2 {
  width: 78%;
  min-width: 46em;
  margin: auto;
  box-sizing: border-box;
  padding-bottom: 5%;
}
.page__premium-plan-bill .main-contents .contents2 .about-payment {
  margin-bottom: 1em;
}
.page__premium-plan-bill .main-contents .contents2 .contents-inner {
  border: 1px solid #E2DFDB;
  padding: 20px 30px;
}
.page__premium-plan-bill .main-contents .contents2 .form-title {
  margin-bottom: 1.8em;
}
.page__premium-plan-bill .main-contents .contents2 .form-title h2 {
  font-size: 1.25rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont {
  font-size: 1rem;
  width: 85%;
  min-width: 38em;
  margin: 0 auto;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-description .total {
  font-size: 1.1rem;
  color: #ff756d;
  padding-top: 0.5em;
  margin-bottom: 1.5em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item {
  margin-bottom: 2.5em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item:last-of-type {
  margin-bottom: 0;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 0.3em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .count p {
  font-size: 1.1rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .count button {
  color: #41B49D;
  background: none;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #41B49D;
  border-left: 0;
  font-size: 0.95rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail {
  border: 1px solid #a59b91;
  padding: 2em 0;
  padding-right: 1em;
  font-size: 0.95rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail label {
  width: 100px;
  text-align: right;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail input, .page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail select {
  height: 45px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail ::-ms-input-placeholder {
  color: #CAC7C5;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail ::placeholder {
  color: #CAC7C5;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .common-ml {
  margin-left: 0.5em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .base-name input {
  width: 65%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account input {
  width: 25%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account label, .page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account input, .page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .base-name-wrap .num-account span {
  margin-left: 0.5em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .zips input {
  width: 12.5%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap select {
  padding-left: 10px;
  width: 50%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap .city label {
  margin-left: 1.5em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .prefectures-wrap .city input {
  width: 63%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .tel-wrap .tel input {
  width: 18%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .tel-wrap .personnel-name input {
  width: 50%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .line {
  margin: 0 8px;
  font-size: 24px;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .bill-info-list .bill-info-item .bill-info-detail .mb1em {
  margin-bottom: 1em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .add {
  padding-top: 0.5em;
  width: fit-content;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .add a {
  color: #a59b91;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .add a .add-icon {
  width: 25px;
  margin-right: 0.3em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .add a p {
  font-size: 1.1rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .btn {
  text-align: center;
  margin: 1em 0;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .btn button {
  background: #F7CA4B;
  font-size: 1.05rem;
  padding: 9px 60px;
  color: #78716b;
  border: 1px solid #A99E92;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .btn button.disabled {
  background: #DDDDDD !important;
  color: #BBBBBB;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 33vw;
  height: 31vh;
  background-color: white;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .pop-up-inner-cont {
  width: 80%;
  margin: 0 auto;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .pop-up-inner-cont h2, .page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .pop-up-inner-cont p {
  font-weight: bold;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .pop-up-inner-cont h2 {
  font-size: 1.1rem;
  color: #ff756d;
  text-align: center;
  margin-bottom: 1em;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .pop-up-cont .pop-up-inner-cont p {
  font-size: 1rem;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont #account-num-error {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont #account-num-error:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .ae-btn {
  text-align: center;
  margin: 1em 0;
  display: block;
  width: 100%;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .ae-btn button {
  background: #F7CA4B;
  font-size: 1.05rem;
  padding: 9px 60px;
  color: #78716b;
  border: 1px solid #A99E92;
}
.page__premium-plan-bill .main-contents .contents2 .bill-common-cont .ae-btn button.disabled {
  background: #DDDDDD !important;
  color: #BBBBBB;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont {
  width: 80%;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .bill-setting-description {
  border-bottom: 1px solid #b7afa7;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee {
  border-bottom: 1px solid #b7afa7;
  padding-bottom: 0.5em;
  margin-bottom: 1.2em;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .checkbox {
  display: none;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-size: 0.95rem;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .usage-fee {
  margin-bottom: 0.5em;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .usage-fee h3 {
  font-size: 1.2rem;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .basic-usage-fee .usage-fee span {
  font-size: 0.9rem;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .usage-fee-select {
  margin-bottom: 0.3em;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .usage-fee-select .convergent-billing {
  margin-left: 0.5em;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .usage-fee-select .convergent-billing label {
  font-size: 0.95rem;
}
.page__premium-plan-bill .main-contents .contents2 #bill-setting .bill-common-cont .usage-fee-select .convergent-billing select {
  height: 45px;
  padding-left: 15px;
  border: 1px solid #b7afa7;
  margin-left: 0.5em;
  width: 75%;
}
.page__premium-plan-bill .main-contents .contents2 .common-flex {
  display: flex;
  align-items: center;
}
.page__premium-plan-bill .main-contents .contents2 .bill-info-add {
  margin-bottom: 1.5em;
}
.page__premium-plan-bill .main-contents .contents2 .grid-type1, .page__premium-plan-bill .main-contents .contents2 .grid-type2, .page__premium-plan-bill .main-contents .contents2 .grid-type3, .page__premium-plan-bill .main-contents .contents2 .grid-type4 {
  display: grid;
}
.page__premium-plan-bill .main-contents .contents2 .grid-type1 {
  grid-template-columns: 2fr 2fr;
}
.page__premium-plan-bill .main-contents .contents2 .grid-type2 {
  grid-template-columns: 1fr 2fr;
}
.page__premium-plan-bill .main-contents .contents2 .grid-type3 {
  grid-template-columns: 2fr 1.5fr;
}
.page__premium-plan-bill .main-contents .contents2 .grid-type4 {
  grid-template-columns: 1.5fr 0.7fr 4fr;
}
.page__premium-plan-bill ul {
  padding: 0;
  list-style: none;
}
.page__premium-plan-bill h2, .page__premium-plan-bill h3, .page__premium-plan-bill p, .page__premium-plan-bill ul, .page__premium-plan-bill label {
  margin-bottom: 0;
}
.page__premium-plan-bill .page-footer {
  background: #FFFAF5;
}
.page__premium-plan-bill .error-bill-ml05 {
  margin-left: 0.5em;
}
.page__premium-plan-bill .error-bill-ml02 {
  margin-left: 0.2em;
}
.page__premium-plan-bill .back-button {
  text-align: center;
  margin-top: 3em;
}
.page__premium-plan-bill .back-button button {
  font-size: 1.1rem;
  color: #78716b;
  padding: 10px 60px;
  border: 1px solid #B1A698;
  background: #f0efef;
}

.page__premium-company-register .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-company-register .main-contents .screen-main-title {
  margin-bottom: 0;
}
.page__premium-company-register .main-contents p.screen-sub-title {
  color: #41b49d;
  font-size: 0.9rem;
}
.page__premium-company-register .main-contents .common-position-r label {
  position: relative;
}
.page__premium-company-register .main-contents .common-position-a {
  position: absolute;
}
.page__premium-company-register .main-contents .register img {
  top: 19px;
  left: 19px;
  width: 5.5%;
}
.page__premium-company-register .main-contents .admin-name .admin-icon {
  top: 19px;
  left: 15px;
  width: 7%;
}
.page__premium-company-register .main-contents .mailaddress img {
  top: 23px;
  left: 19px;
  width: 5.5%;
}
.page__premium-company-register .main-contents .password img {
  top: 23px;
  left: 19px;
  width: 7%;
}
.page__premium-company-register .main-contents .password .input_note {
  color: #FF6670;
  width: 320px;
  margin: 0 auto;
  text-align: right;
  font-size: 0.8rem;
}
.page__premium-company-register .main-contents .password label input {
  margin-bottom: 0 !important;
}
.page__premium-company-register .main-contents .read-it-first {
  font-size: 1rem;
  text-align: left;
  width: 70%;
  margin: 0 auto;
  font-size: 0.95rem;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner {
  margin-top: 1em;
  background: #fffae9;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .text {
  margin-bottom: 1em;
  padding: 0.8em 3% 0;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap {
  padding: 0 3% 0.8em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-size: 0.95rem;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox:focus + .checkbox-text::before,
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .checkbox-wrap .checkbox:focus + .checkbox-text::after {
  box-shadow: 0 0 4px #ffc30a;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  width: 60vw;
  height: 80vh;
  background-color: #f9f0e5;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont {
  width: 95%;
  margin: 0 auto;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont h2 {
  font-weight: bold;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont h2 {
  font-size: 1.5rem;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont p {
  font-size: 1rem;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text {
  background: white;
  padding: 1.5em 1.3em;
  overflow: auto;
  font-size: 1rem;
  height: 60vh;
  border: 1px solid #d3d7d1;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .text-head {
  margin-bottom: 2em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .description-text span {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .description-text ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .description-text ul li {
  padding: 2px 0px;
  color: #78716b;
  font-weight: 400;
  list-style: none;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .check {
  font-size: 16px;
  color: #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .first-look {
  font-size: 12px;
  color: #78716b;
  margin-top: 10px;
  margin-bottom: 30px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table table {
  border: 1px solid #78716b;
  width: 100%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 {
  margin-top: 30px;
  border: 1px solid #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 table {
  width: 100%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 table td.count {
  width: 5%;
  border-right: 1px solid #808287;
  text-align: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table1 table td.title {
  width: 20%;
  border-right: 1px solid #808287;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 {
  margin-top: 30px;
  border: 1px solid #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table {
  width: 100%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table th {
  border-bottom: 1px solid #808287;
  background-color: #f4f4f3;
  color: #78716b;
  font-size: 15px;
  height: 35px;
  padding-left: 10px;
  font-weight: 400;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table span.right-button {
  background: #ff756d;
  color: #fff;
  float: right;
  margin-right: 7px;
  padding: 2px 10px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table td {
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  color: #78716b;
  padding-left: 10px;
  padding-right: 10px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table td.count {
  width: 5%;
  border-right: 1px solid #808287;
  text-align: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table2 table td.title {
  width: 20%;
  border-right: 1px solid #808287;
  padding: 10px 10px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text span.date {
  float: right;
  margin: 10px 0px;
  font-size: 16px;
  color: #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area {
  font-size: 0.95rem;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table {
  width: 100%;
  border: 1px solid #808287;
  margin-bottom: 1em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table:last-of-type {
  margin-bottom: 0;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .table-title {
  background: #f4f4f3;
  border-bottom: 1px solid #808287;
  height: 36px;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .table-title h4 {
  margin-bottom: 0;
  font-weight: normal;
  padding-left: 0.5em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .th-pr {
  position: relative;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .th-pr h4, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .th-pr span {
  position: absolute;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .th-pr h4 {
  left: 0;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .th-pr span {
  right: 0.5em;
  top: 5px;
  font-weight: normal;
  background: #ff6670;
  color: #fff;
  padding: 0.05em 0.8em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .num, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .head {
  border-right: 1px solid #808287;
  border-bottom: 1px solid #808287;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .num {
  font-weight: normal;
  width: 30px;
  text-align: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .head {
  width: 35%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .detail {
  border-bottom: 1px solid #808287;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .pop-up-cont .pop-up-inner-cont .pop-up-text .table-area table .td-p-common {
  padding: 0.3em 0.5em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style {
  width: 40vw;
  height: 68vh;
  background-color: white;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont {
  width: 87%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont h2 {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont .pop-up-text {
  background: none;
  padding: 0;
  overflow: none;
  font-size: 1rem;
  height: auto;
  border: none;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont .pop-up-text .text-head {
  margin-bottom: 1.5em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table {
  width: 100%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table tr {
  font-size: 1.05rem;
  border-bottom: 1px solid #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table tr:first-of-type, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table tr:last-of-type {
  border-bottom: 2px solid #78716b;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table tr th {
  font-weight: normal;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table .title {
  text-align: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table .right {
  width: 70%;
  text-align: center;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table .left {
  width: 30%;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table td {
  padding: 0.2em 0;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont table td :first-of-type {
  padding-right: 1em;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .usage-detail-style .pop-up-inner-cont .text-right {
  text-align: right;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner #privacy-policy, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner #terms-of-service, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner #transaction-terms, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner #usage-detail {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner #privacy-policy:checked + .pop-up-cont, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner #terms-of-service:checked + .pop-up-cont,
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner #transaction-terms:checked + .pop-up-cont, .page__premium-company-register .main-contents .read-it-first .read-it-first-inner #usage-detail:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-company-register .main-contents .read-it-first .read-it-first-inner .link span {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
  cursor: pointer;
}
.page__premium-company-register .main-contents ::-ms-input-placeholder {
  color: #CAC7C5;
}
.page__premium-company-register .main-contents ::placeholder {
  color: #CAC7C5;
}
.page__premium-company-register .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-company-register .main-contents .contents2 .login-eye {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #A59B91;
  margin-top: -3px;
}
.page__premium-company-register .main-contents .contents2 .input {
  width: 320px;
  height: 40px;
  margin: 10px;
  padding: 5px 0 5px 50px;
  border: solid 1px #ccc;
}
.page__premium-company-register .main-contents .contents2 a {
  color: #78716b;
}
.page__premium-company-register .main-contents .contents2 .password-forgot {
  padding-right: 3%;
}
.page__premium-company-register .main-contents .contents2 .password-forgot p {
  margin: 0;
  text-align: right;
}
.page__premium-company-register .main-contents .contents2 .password-forgot span {
  border-bottom: solid 1px #78716B;
}
.page__premium-company-register .main-contents .contents2 input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}
.page__premium-company-register .main-contents .contents2 .app-register-btn {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  margin: 20px;
  cursor: pointer;
}
.page__premium-company-register .main-contents .contents2 .registered_member a {
  color: #41B49D;
  border-bottom: 1px solid #41B49D;
}
.page__premium-company-register .main-contents label {
  margin-bottom: 0;
}
.page__premium-company-register .main-contents ol {
  list-style: none;
  padding: 0;
}
.page__premium-company-register .main-contents .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(192, 181, 170, 0.7);
  z-index: 9999;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.page__premium-company-register .main-contents .overlay:target {
  visibility: visible;
  opacity: 1;
}
.page__premium-company-register .main-contents .popup1 {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 35%;
  position: fixed;
  left: 34%;
  top: 20%;
  border-radius: 10px;
}
.page__premium-company-register .main-contents .popup1 .close {
  position: absolute;
  top: 7px;
  right: 15px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #78716b;
}
.page__premium-company-register .main-contents .popup1 .popup-item-title {
  margin-top: 30px;
  color: #78716b;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.page__premium-company-register .main-contents .popup1 .popup-content {
  padding: 25px;
  font-size: 16.5px;
  color: #78716b;
}
.page__premium-company-register .main-contents .popup1 .table-about-list {
  width: 100%;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .tr-item-wrap {
  font-size: 1.05rem;
  border-bottom: 1px solid #78716b;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .tr-item-wrap:first-of-type, .page__premium-company-register .main-contents .popup1 .table-about-list .tr-item-wrap:last-of-type {
  border-bottom: 2px solid #78716b;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .tr-item-wrap th {
  font-weight: normal;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .title {
  text-align: center;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .right {
  width: 70%;
  text-align: center;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .left {
  width: 30%;
}
.page__premium-company-register .main-contents .popup1 .table-about-list .text-right {
  text-align: right;
}
.page__premium-company-register .main-contents .popup1 .table-about-list td {
  padding: 0.2em 0;
}
.page__premium-company-register .main-contents .popup1 .table-about-list td :first-of-type {
  padding-right: 1em;
}

.page__premium-complete-register .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-complete-register .main-contents {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  height: calc(100vh - 252px);
}
.page__premium-complete-register .main-contents .contents1 {
  width: 100%;
  grid-area: cont-1;
  margin-left: auto;
  margin-right: auto;
  height: 250px;
  /* background: #f9f0e5; */
  position: relative;
}
.page__premium-complete-register .main-contents .logo {
  position: absolute;
  bottom: -10px;
  margin-left: 25%;
  margin-right: 25%;
}
.page__premium-complete-register .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  height: 50vh;
}
.page__premium-complete-register .main-contents .contents2 h2 {
  margin: 20px;
  font-size: 25px;
  font-weight: bold;
  color: #78716B;
  margin-top: 40px;
}
.page__premium-complete-register .main-contents .contents2 .complete-text {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
.page__premium-complete-register .main-contents .contents2 .complete-text span {
  font-size: 1.2rem;
  color: #78716B;
}
.page__premium-complete-register .main-contents .alert-text {
  text-align: left;
  width: 52em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.page__premium-complete-register .main-contents .alert-text h3 {
  font-size: 0.75rem;
  color: #78716B;
  margin: 0;
}
.page__premium-complete-register .main-contents .alert-text ul {
  list-style: none;
}
.page__premium-complete-register .main-contents .alert-text ul li {
  font-size: 0.75rem;
  color: #78716B;
  margin-left: 6px;
}

.page__premium-add-tel .premium-top-line .header_contents {
  top: 15px;
}
.page__premium-add-tel .main-contents .screen-main-title {
  margin-bottom: 0;
  padding: 0.8em 0 1.2em;
}
.page__premium-add-tel .main-contents p.screen-sub-title {
  font-size: 0.9rem;
}
.page__premium-add-tel .main-contents .contents2 {
  width: 80%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  height: 52vh;
}
.page__premium-add-tel .main-contents .contents2 .info-input-contents {
  text-align: left;
  width: 52em;
  margin: auto;
}
.page__premium-add-tel .main-contents .contents2 .error-msg {
  text-align: center;
}
.page__premium-add-tel .main-contents .contents2 .input-item {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-add-tel .main-contents .contents2 .input-item:last-of-type {
  margin-bottom: 0;
}
.page__premium-add-tel .main-contents .contents2 .input-item label {
  font-size: 15px;
  color: #78716b;
  width: 20%;
  text-align: right;
  margin-bottom: 0;
}
.page__premium-add-tel .main-contents .contents2 .input-item .company-name {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 20em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .post-box-1 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  margin-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .post-box-2 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .prefectures {
  display: flex;
  align-items: center;
}
.page__premium-add-tel .main-contents .contents2 .input-item .prefectures .prefectures-select {
  height: 45px;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 8.5em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .prefectures .city {
  display: flex;
  align-items: center;
  margin-left: 1em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .prefectures .city label {
  width: 6em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .prefectures .city input {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  margin-left: 10px;
  width: 20em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .industry {
  height: 45px;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 8.5em;
}
.page__premium-add-tel .main-contents .contents2 .input-item .tel-1 {
  margin-left: 20px;
}
.page__premium-add-tel .main-contents .contents2 .input-item .tel-1, .page__premium-add-tel .main-contents .contents2 .input-item .tel-2, .page__premium-add-tel .main-contents .contents2 .input-item .tel-3 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-add-tel .main-contents .contents2 .input-item #other input {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  width: 20em;
  margin-left: 10px;
}
.page__premium-add-tel .main-contents .contents2 .input-item ::-ms-input-placeholder {
  color: #a59b91;
}
.page__premium-add-tel .main-contents .contents2 .input-item ::placeholder {
  color: #a59b91;
}
.page__premium-add-tel .main-contents .contents2 .input-item .line {
  margin: 0 8px;
  font-size: 24px;
}
.page__premium-add-tel .main-contents .contents2 .btn {
  text-align: center;
  margin-bottom: 2.5em;
}
.page__premium-add-tel .main-contents .contents2 .btn button {
  background-color: #ffcf3b;
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  margin: 20px;
  cursor: pointer;
}
.page__premium-add-tel .hide {
  display: none;
}

.page__premium-account-and-coupon .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-account-and-coupon .main-contents .screen-main-title {
  margin-bottom: 0;
}
.page__premium-account-and-coupon .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner {
  text-align: left;
  width: 55%;
  min-width: 46em;
  font-size: 1.05rem;
  margin: auto;
  padding-top: 3em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner ::-ms-input-placeholder {
  color: #CAC7C5;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner ::placeholder {
  color: #CAC7C5;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .coupon-code-cont {
  margin-bottom: 2.5em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .coupon-code-cont .input-line label #code-input {
  height: 45px;
  font-size: 15px;
  padding-left: 1em;
  margin: 0 0.5em;
  border: 1px solid #a59b91;
  width: 50%;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .coupon-code-cont .input-line label .input {
  margin: 0 0.5em;
  padding-left: 1em;
  height: 45px;
  width: 50%;
  font-size: 15px;
  border: 1px solid #a59b91;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .coupon-code-cont .tax-excluded {
  text-align: right;
  font-size: 0.9rem;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .coupon-code-cont .coupon-info {
  display: inline-block;
  padding: 0px 5px;
  text-align: center;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used {
  margin-bottom: 2.5em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line {
  position: relative;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line .about-account-btn {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: absolute;
  right: 20%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line .about-account-btn {
    right: 7%;
  }
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line .about-account-btn img {
  width: 18px;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line .about-account-btn .link-text {
  font-size: 0.9rem;
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .about-num-account-used-cont .about-num-account-used .input-line label #num-account-used {
  height: 45px;
  font-size: 15px;
  padding-left: 1em;
  margin: 0 0.5em;
  border: 1px solid #a59b91;
  width: 20%;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  position: fixed;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #A49A90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-cont .pop-up-cont-inner-wrap h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 2em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button {
  text-align: center;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-cont .pop-up-cont-inner-wrap .pop-up-cont-inner .button button {
  background: #F7CA4B;
  font-size: 17px;
  color: #78716b;
  padding: 10px 40px;
  border: 1px solid #B1A698;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style {
  width: 45vw;
  height: 68vh;
  background-color: white;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont {
  width: 87%;
  margin: 0 auto;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-title {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text {
  background: none;
  padding: 0;
  overflow: none;
  font-size: 1rem;
  height: auto;
  border: none;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .pop-up-text .text-head {
  margin-bottom: 1.5em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list {
  width: 100%;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap {
  font-size: 1.05rem;
  border-bottom: 1px solid #78716b;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:first-of-type, .page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap:last-of-type {
  border-bottom: 2px solid #78716b;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .tr-item-wrap th {
  font-weight: normal;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .title {
  text-align: center;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .right {
  width: 70%;
  text-align: center;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .left {
  width: 30%;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list .text-right {
  text-align: right;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td {
  padding: 0.2em 0;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style .pop-up-inner-cont .table-about-list td :first-of-type {
  padding-right: 1em;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner #about-account {
  display: none;
  color: #A59B91;
  opacity: 1;
  visibility: visible;
}
.page__premium-account-and-coupon .main-contents .contents2 .contents-inner #about-account:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-account-and-coupon .main-contents .contents2 .btn {
  text-align: center;
  margin-bottom: 2.5em;
}
.page__premium-account-and-coupon .main-contents .contents2 .btn .next, .page__premium-account-and-coupon .main-contents .contents2 .btn .back {
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  cursor: pointer;
}
.page__premium-account-and-coupon .main-contents .contents2 .btn .next {
  background-color: #ffcf3b;
}
.page__premium-account-and-coupon .main-contents .contents2 .btn .back {
  background-color: #e4e1de;
  margin-left: 2em;
}
.page__premium-account-and-coupon .main-contents .contents2 #charge-calculation {
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 0.85rem;
  cursor: pointer;
  width: 100px;
  background: #41b49d;
  border: none;
  padding: 0.2em 0;
}
.page__premium-account-and-coupon .main-contents .contents2 .input-line {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-account-and-coupon .main-contents .contents2 .b-border {
  border-bottom: 1px solid #78716b;
}
.page__premium-account-and-coupon .main-contents .contents2 .t-border {
  border-top: 1px solid #78716b;
}
.page__premium-account-and-coupon .main-contents .contents2 .out-cont {
  padding-bottom: 0.3em;
}
.page__premium-account-and-coupon .main-contents .contents2 label, .page__premium-account-and-coupon .main-contents .contents2 p {
  margin-bottom: 0;
}
.page__premium-account-and-coupon .main-contents .contents2 .account-used-label, .page__premium-account-and-coupon .main-contents .contents2 .code-input-label {
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .page__premium-account-and-coupon .main-contents .contents2 .contents-inner {
    font-size: 0.95rem;
  }
  .page__premium-account-and-coupon .main-contents .contents2 .contents-inner .pop-up-about-account .about-account-style {
    width: 60vw;
  }
}
.page__premium-initial-registration .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-initial-registration .main-content {
  width: 100%;
  color: #78716b;
  margin-top: 16em;
  text-align: center;
}
.page__premium-initial-registration .main-content .screen-top-title {
  font-size: 17px;
  font-weight: 500;
  margin: 0;
}
.page__premium-initial-registration .main-content .screen-middle-title {
  font-size: 15px;
  width: 60%;
  min-width: 40em;
  margin: auto;
  margin-top: 20px;
  text-align: right;
}
.page__premium-initial-registration .main-content .middle-content {
  width: 60%;
  min-width: 44em;
  margin: auto;
  margin-top: 10px;
  border-top: 1.5px solid rgb(169, 169, 169);
  padding-top: 20px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function {
  display: flex;
  justify-content: space-between;
  color: #78716b;
  border-bottom: 1.5px solid rgb(169, 169, 169);
  padding: 0px 20px 30px 20px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .title {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .monthly-rate {
  font-size: 15px;
  margin-right: 10px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .monthly-rate .alert {
  position: absolute;
  margin-top: 5px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .necessary {
  font-size: 15px;
  position: relative;
  left: 80px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .unnecessary {
  font-size: 15px;
  position: relative;
  left: 19px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .approval {
  font-size: 15px;
  position: relative;
  right: 30px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .approval .question-img img {
  width: 20px;
}
.page__premium-initial-registration .main-content .middle-content .approval-function .approval .question-img .link-text {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
  cursor: pointer;
  margin-left: 8px;
}
.page__premium-initial-registration .main-content .middle-content .master-function {
  display: flex;
  justify-content: space-between;
  color: #78716b;
  border-bottom: 1.5px solid rgb(169, 169, 169);
  padding: 20px 20px 0px 20px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .title {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .monthly-rate {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .monthly-rate .alert {
  position: relative;
  right: 30px;
  top: 2px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .master-necessary {
  font-size: 15px;
  position: relative;
  left: 47px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .master-unnecessary {
  font-size: 15px;
  position: relative;
  left: 15px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .master {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .master .question-img img {
  width: 20px;
}
.page__premium-initial-registration .main-content .middle-content .master-function .master .question-img .link-text {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
  cursor: pointer;
  margin-left: 8px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function {
  display: flex;
  justify-content: space-between;
  color: #78716b;
  border-bottom: 1.5px solid rgb(169, 169, 169);
  padding: 20px 20px 30px 20px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .title {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .monthly-rate {
  font-size: 15px;
  margin-left: 12px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .monthly-rate .alert {
  position: absolute;
  margin-top: 5px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .translation-necessary {
  font-size: 15px;
  position: relative;
  left: 16px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .translation-unnecessary {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .translation {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .translation .question-img img {
  width: 20px;
}
.page__premium-initial-registration .main-content .middle-content .translation-function .translation .question-img .link-text {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
  cursor: pointer;
  margin-left: 8px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function {
  display: flex;
  justify-content: space-between;
  color: #78716b;
  border-bottom: 1.5px solid rgb(169, 169, 169);
  padding: 20px 20px 30px 20px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .title {
  font-size: 15px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .monthly-rate {
  font-size: 15px;
  margin-left: 45px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .monthly-rate .alert {
  position: absolute;
  margin-top: 5px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .printing-necessary {
  font-size: 15px;
  position: relative;
  right: 23px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .printing-unnecessary {
  font-size: 15px;
  position: relative;
  right: 33px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .printing {
  font-size: 15px;
  position: relative;
  right: 27px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .printing .question-img img {
  width: 20px;
}
.page__premium-initial-registration .main-content .middle-content .printing-function .printing .question-img .link-text {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
  cursor: pointer;
  margin-left: 8px;
}
.page__premium-initial-registration .main-content .pop-up-cont {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  margin: auto;
  box-shadow: 0 0 0 9999px rgba(192, 181, 170, 0.7);
  z-index: 9999;
  border: 1px solid #a49a90;
  border-radius: 10px;
  text-align: left;
}
.page__premium-initial-registration .main-content .pop-up-cont .close-label-wrap .close {
  height: 40px;
  margin-bottom: 0;
  right: 0;
  width: 100%;
  padding-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
  padding-right: 1.2em;
}
.page__premium-initial-registration .main-content .pop-up-about-master .about-master-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-initial-registration .main-content .pop-up-about-master h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-initial-registration .main-content .pop-up-about-master .master-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
}
.page__premium-initial-registration .main-content #about-master {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content #about-master:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content .pop-up-about-image-capture .about-image-capture-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-initial-registration .main-content .pop-up-about-image-capture h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-initial-registration .main-content .pop-up-about-image-capture .image-capture-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
}
.page__premium-initial-registration .main-content #about-image-capture {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content #about-image-capture:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content .pop-up-about-approval .about-approval-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-initial-registration .main-content .pop-up-about-approval h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-initial-registration .main-content .pop-up-about-approval .approval-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
}
.page__premium-initial-registration .main-content #about-approval {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content #about-approval:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content .pop-up-about-translation .about-translation-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-initial-registration .main-content .pop-up-about-translation h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-initial-registration .main-content .pop-up-about-translation .translation-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
}
.page__premium-initial-registration .main-content #about-translation {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content #about-translation:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content .pop-up-about-printing .about-printing-style {
  width: 30%;
  margin-top: 5%;
  background-color: white;
}
.page__premium-initial-registration .main-content .pop-up-about-printing h2 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.page__premium-initial-registration .main-content .pop-up-about-printing .printing-content {
  margin: 20px auto;
  padding-bottom: 25px;
  width: 85%;
  color: #78716b;
}
.page__premium-initial-registration .main-content #about-printing {
  display: none;
  color: #a59b91;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content #about-printing:checked + .pop-up-cont {
  display: block;
  opacity: 1;
  visibility: visible;
}
.page__premium-initial-registration .main-content .note {
  margin: auto;
  text-align: right;
  font-size: 15px;
  padding-top: 10px;
}
.page__premium-initial-registration .change-button {
  text-align: center;
  margin-bottom: 4em;
  margin-top: 1.5em;
}
.page__premium-initial-registration .change-button button {
  font-size: 1.1rem;
  color: #78716b;
  padding: 10px 60px;
  border: 1px solid #b1a698;
}
.page__premium-initial-registration .change-button .left_btn span button {
  background: #f7ca4b;
}
.page__premium-initial-registration .change-button .right_btn {
  margin-left: 1.2em;
}
.page__premium-initial-registration .change-button .right_btn button {
  background: #f0efef;
}

.page__premium-option .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-option .main-contents .screen-main-title {
  margin-bottom: 0;
}
.page__premium-option .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-option .main-contents .contents2 .contents-inner {
  text-align: left;
  width: 45em;
  margin: auto;
  padding-top: 2em;
}
.page__premium-option .main-contents .contents2 .contents-inner .approval-function-cont {
  padding: 0 0 1.3em;
}
.page__premium-option .main-contents .contents2 .contents-inner .approval-function-cont .form-line {
  width: 40%;
  justify-content: center;
  margin-left: 1em;
}
.page__premium-option .main-contents .contents2 .contents-inner .approval-function-cont .form-line #needless-app-func {
  margin-left: 3em;
}
.page__premium-option .main-contents .contents2 .contents-inner .translation-limit-func-cont {
  padding: 1.3em 0;
}
.page__premium-option .main-contents .contents2 .contents-inner .translation-limit-func-cont .form-line {
  width: 40%;
  justify-content: center;
  margin-left: 1em;
}
.page__premium-option .main-contents .contents2 .contents-inner .translation-limit-func-cont .form-line #needless-limit {
  margin-left: 3em;
}
.page__premium-option .main-contents .contents2 .contents-inner .add-capacity-cont-wrap .add-capacity-cont {
  padding: 1.3em 0 1em;
}
.page__premium-option .main-contents .contents2 .contents-inner .add-capacity-cont-wrap .add-capacity-cont .form-line .add-capacity-inner-cont .form-line .cap-select {
  height: 45px;
  font-size: 15px;
  padding-left: 1em;
  border: 1px solid #a59b91;
  width: 120px;
  margin-left: 2em;
}
.page__premium-option .main-contents .contents2 .contents-inner .add-capacity-cont-wrap .add-capacity-cont .form-line .add-capacity-inner-cont .form-line #needless-add-capacity {
  margin-left: 2em;
}
.page__premium-option .main-contents .contents2 .contents-inner .add-capacity-cont-wrap .tax-excluded {
  text-align: right;
  padding-top: 0.3em;
}
.page__premium-option .main-contents .contents2 .contents-inner .add-capacity-cont-wrap .d-flex {
  align-items: baseline;
}
.page__premium-option .main-contents .contents2 .heading-type1, .page__premium-option .main-contents .contents2 .heading-type2, .page__premium-option .main-contents .contents2 .heading-type3 {
  font-weight: normal;
}
.page__premium-option .main-contents .contents2 .heading-type1 {
  width: 30%;
  position: relative;
}
.page__premium-option .main-contents .contents2 .heading-type1 .price {
  position: absolute;
  right: 0;
}
.page__premium-option .main-contents .contents2 .heading-type2 {
  width: 18%;
}
.page__premium-option .main-contents .contents2 .heading-type3 {
  width: 28.5%;
}
.page__premium-option .main-contents .contents2 .btn {
  text-align: center;
  margin-bottom: 2.5em;
}
.page__premium-option .main-contents .contents2 .btn .next, .page__premium-option .main-contents .contents2 .btn .back {
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.page__premium-option .main-contents .contents2 .btn .next {
  background-color: #ffcf3b;
}
.page__premium-option .main-contents .contents2 .btn .back {
  background-color: #e4e1de;
  margin-left: 2em;
}
.page__premium-option .main-contents .contents2 .b-border {
  border-bottom: 1px solid #78716b;
}
.page__premium-option .main-contents .contents2 .t-border {
  border-top: 1px solid #78716b;
}
.page__premium-option .main-contents .contents2 label, .page__premium-option .main-contents .contents2 p, .page__premium-option .main-contents .contents2 dl, .page__premium-option .main-contents .contents2 dd {
  margin-bottom: 0;
}
.page__premium-option .main-contents .contents2 .d-flex {
  display: flex;
  align-items: center;
}
.page__premium-option .main-contents .contents2 .radio-style {
  height: 18px;
  width: 18px;
  margin-right: 0.5em;
}
.page__premium-option .main-contents .contents2 .p-r {
  position: relative;
}
.page__premium-option .main-contents .contents2 .p-a {
  position: absolute;
  right: 0;
  width: 20%;
  cursor: pointer;
}
.page__premium-option .main-contents .contents2 .link-img {
  width: 18px;
  margin-right: 0.3em;
}
.page__premium-option .main-contents .contents2 .link-text {
  color: #41b49d;
  border-bottom: 1px solid #41b49d;
}
.page__premium-option .main-contents .fs17 {
  font-size: 1.05rem;
}
.page__premium-option .main-contents .fs16 {
  font-size: 1rem;
}
.page__premium-option .main-contents .fs15 {
  font-size: 0.95rem;
}
.page__premium-option .main-contents .fs14 {
  font-size: 0.9rem;
}
.page__premium-option .main-contents .mb05em {
  margin-bottom: 0.5em !important;
}

.page__premium-confirm-register .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-confirm-register .main-contents .screen-main-title {
  margin-bottom: 0;
}
.page__premium-confirm-register .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner {
  text-align: left;
  width: 40em;
  margin: auto;
  padding-top: 1em;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table {
  width: 100%;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .confirm-body .confirm-line:last-of-type .confirm-heading, .page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .confirm-body .confirm-line:last-of-type .selection {
  padding-bottom: 1.5em;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .confirm-body .confirm-line .confirm-heading {
  font-weight: normal;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line:first-of-type .selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 3%;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line:first-of-type .confirm-heading, .page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line:first-of-type .selection {
  padding-top: 0.8em;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line:last-of-type .confirm-heading {
  vertical-align: top;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line .total, .page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-table .result .confirm-line .coupon {
  font-weight: bold;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .confirm-heading {
  width: 38%;
  padding: 0.1em 0;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .selection {
  width: 60%;
  padding: 0.1em 0;
  padding-left: 2%;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .minus-indent {
  text-indent: -0.5em;
}
.page__premium-confirm-register .main-contents .contents2 .contents-inner .register-for-use-check {
  background: #fffae9;
  text-align: center;
  padding: 0.8em 0;
  margin: 0.8em 0 1em;
}
.page__premium-confirm-register .main-contents .contents2 .checkbox {
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
.page__premium-confirm-register .main-contents .contents2 .checkbox-text {
  padding-left: 25px;
  position: relative;
  font-weight: bold;
}
.page__premium-confirm-register .main-contents .contents2 .checkbox-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #78716b;
  border-radius: 2px;
}
.page__premium-confirm-register .main-contents .contents2 .checkbox:checked + .checkbox-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #78716b;
  border-right: 3px solid #78716b;
}
.page__premium-confirm-register .main-contents .contents2 .checkbox:focus + .checkbox-text::before,
.page__premium-confirm-register .main-contents .contents2 .checkbox:focus + .checkbox-text::after {
  box-shadow: 0 0 4px #ffc30a;
}
.page__premium-confirm-register .main-contents .contents2 .btn {
  text-align: center;
  margin-bottom: 2.5em;
}
.page__premium-confirm-register .main-contents .contents2 .btn .complete, .page__premium-confirm-register .main-contents .contents2 .btn .back {
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.page__premium-confirm-register .main-contents .contents2 .btn .complete {
  background-color: #ffcf3b;
}
.page__premium-confirm-register .main-contents .contents2 .btn .back {
  background-color: #e4e1de;
  margin-left: 2em;
}
.page__premium-confirm-register .main-contents .contents2 .b-border {
  border-bottom: 1px solid #78716b;
}
.page__premium-confirm-register .main-contents p {
  margin-bottom: 0;
}
.page__premium-confirm-register .main-contents .fs17 {
  font-size: 1.05rem;
}
.page__premium-confirm-register .main-contents .fs16 {
  font-size: 1rem;
}
.page__premium-confirm-register .main-contents .fs15 {
  font-size: 0.95rem;
}
.page__premium-confirm-register .main-contents .fs14 {
  font-size: 0.9rem;
}
.page__premium-confirm-register .main-contents .f-pink {
  color: #ff6670;
}

.page__premium-questionary .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-questionary .main-contents .screen-main-title {
  font-size: 1.5rem;
  padding: 0.8em 0 1em;
  margin-bottom: 0;
}
.page__premium-questionary .main-contents .screen-sub-title {
  font-size: 1.25em;
}
.page__premium-questionary .main-contents .contents2 {
  width: 100%;
  grid-area: cont-2;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}
.page__premium-questionary .main-contents .contents2 .contents-inner {
  text-align: left;
  width: 25em;
  margin: auto;
  padding-top: 1em;
}
.page__premium-questionary .main-contents .contents2 .contents-inner .select-list {
  width: 85%;
  margin: 0 auto;
}
.page__premium-questionary .main-contents .contents2 .contents-inner .select-list .select-label, .page__premium-questionary .main-contents .contents2 .contents-inner .select-list .select {
  display: block;
}
.page__premium-questionary .main-contents .contents2 .contents-inner .select-list .select {
  height: 45px;
  font-size: 15px;
  padding-left: 1em;
  border: 1px solid #a59b91;
  width: 100%;
  margin-bottom: 2em;
}
.page__premium-questionary .main-contents .contents2 .contents-inner .select-list #until-now {
  margin-bottom: 3em;
}
.page__premium-questionary .main-contents .contents2 .btn {
  text-align: center;
  margin-bottom: 2.5em;
}
.page__premium-questionary .main-contents .contents2 .btn .start, .page__premium-questionary .main-contents .contents2 .btn .back {
  border: #a49a90 1px solid;
  color: #78716b;
  padding: 5px;
  height: 50px;
  width: 180px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.page__premium-questionary .main-contents .contents2 .btn .start {
  background-color: #ffcf3b;
}
.page__premium-questionary .main-contents .contents2 .btn .back {
  background-color: #e4e1de;
  margin-left: 2em;
}
.page__premium-questionary .main-contents label, .page__premium-questionary .main-contents p {
  margin-bottom: 0.3em;
}
.page__premium-questionary .main-contents .fs17 {
  font-size: 1.05rem;
}

.page__premium-bill-list .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__premium-bill-list .main .main-contents {
  width: 85%;
  margin: 0 auto;
  padding-top: 4em;
}
.page__premium-bill-list .main .main-contents .inner-title {
  font-size: 1.3rem;
  margin-bottom: 1em;
}
.page__premium-bill-list .main .main-contents .history-list-table {
  width: 100%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5%;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .head {
  border-bottom: 2px solid;
  border-top: 2px solid;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .detail-wrap {
  border-bottom: 1px solid;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list {
  border-color: #78716b;
  text-align: center;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .inner-width {
  width: 13%;
  word-break: break-all;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .wide {
  width: 22%;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-label {
  background: rgb(247, 246, 245);
  height: 50px;
  font-size: 1rem;
  font-weight: 400;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail {
  font-size: 0.95rem;
  height: 60px;
  margin-left: 67px;
  margin-bottom: 50px;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .history-detail .detail-link {
  color: #ec716a;
  border-bottom: 1px solid #ec716a;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .pd-l20-r20 {
  padding-left: 20px;
  padding-right: 20px;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .text-align-left {
  text-align: left;
}
.page__premium-bill-list .main .main-contents .history-list-table .in-history-list-table .history-list .text-align-right {
  text-align: right;
}
.page__premium-bill-list .main .main-contents .note-wrap .note {
  margin: 0;
  font-size: 0.85rem;
  color: #a49a90;
}
.page__premium-bill-list .main .main-contents .button {
  margin-bottom: 3em;
}
.page__premium-bill-list .main .main-contents .button .back-btn {
  background: #f0efef;
  border: 1px solid #a49a90;
  width: 160px;
  height: 50px;
  display: block;
  margin: 1em auto 0;
  color: #78716b;
  font-size: 1.05rem;
}
.page__premium-bill-list .page-footer {
  background: #FFFAF5;
}

.page__premium-password-reset {
  overflow: hidden;
}
.page__premium-password-reset .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-password-reset .main {
  margin-top: 150px;
  width: 100%;
  overflow-x: hidden;
}
.page__premium-password-reset .main .contents {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.page__premium-password-reset .main .contents h1 {
  margin: 0;
  font-size: 25px;
  color: #78716B;
}
.page__premium-password-reset .main .contents .password .in-password {
  text-align: center;
  margin-top: 30px;
  height: 18vh;
}
.page__premium-password-reset .main .contents .password .in-password .new {
  margin: 0px 15px 0px 0px;
  font-size: 17px;
  color: #78716b;
}
.page__premium-password-reset .main .contents .password .in-password .mail-info {
  margin: 0;
}
.page__premium-password-reset .main .contents .password .in-password .mail-info .input {
  width: 325px;
  height: 53px;
  margin-top: 7px;
  padding-left: 55px;
  margin-left: 20px;
  font-size: 17px;
  border: 2px solid #D1CDC7;
}
.page__premium-password-reset .main .contents .password .in-password .mail-info ::-ms-input-placeholder {
  color: #C9C6C4;
  padding-left: 30px;
}
.page__premium-password-reset .main .contents .password .in-password .mail-info ::placeholder {
  color: #C9C6C4;
  padding-left: 30px;
}
.page__premium-password-reset .main .contents .password .in-password .mail-info .mail-icon {
  position: relative;
  height: 35px;
  left: 10px;
  width: 70px;
  bottom: 43px;
  color: #A59B91;
}
.page__premium-password-reset .main .contents .button {
  text-align: center;
}
.page__premium-password-reset .main .contents .button .reset-btn {
  background-color: #ffcf3b;
  border: #a59b91 1px solid;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 50px;
  font-size: 17px;
  cursor: pointer;
}
.page__premium-password-reset .main .contents .link {
  margin-top: 40px;
  margin-bottom: 50px;
}
.page__premium-password-reset .main .contents .link a {
  color: #78716b;
  font-size: 17px;
  text-decoration: underline;
}
.page__premium-password-reset .text-error {
  color: red;
  position: relative;
  top: -15px;
}

.page__premium-password-reset-sent {
  overflow: hidden;
}
.page__premium-password-reset-sent .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-password-reset-sent .main .contents2 {
  text-align: center;
  margin-top: 45vh;
}
.page__premium-password-reset-sent .main .contents2 span {
  margin: 0;
  font-size: 19px;
  color: #78716B;
}

.page__premium-password-reset-new {
  overflow: hidden;
}
.page__premium-password-reset-new .premium-top-line .header_contents {
  top: 60px;
}
.page__premium-password-reset-new .main .contents2 {
  width: 100%;
  text-align: center;
  margin-top: 180px;
}
.page__premium-password-reset-new .main .contents2 h1 {
  margin: 0;
  font-size: 25px;
  color: #78716b;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  margin-top: 20px;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 200px;
  color: #78716b;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password label {
  position: relative;
  margin: 0;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .login-eye-invisible {
  width: 25px;
}
.page__premium-password-reset-new .main .contents2 .password .inside-password .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password {
  text-align: center;
  font-size: 30px;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password .new {
  margin: 0;
  font-size: 17px;
  margin-right: 150px;
  color: #78716b;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label {
  position: relative;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label .input {
  width: 340px;
  height: 53px;
  padding-left: 50px;
  font-size: 17px;
  border: 2px solid #D6D1CD;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label .key-icon {
  position: absolute;
  height: 35px;
  width: 50px;
  bottom: 10px;
  color: #A59B91;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye {
  width: 31%;
  position: absolute;
  top: 22%;
  right: 2%;
  color: #A59B91;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye-invisible {
  width: 25px;
}
.page__premium-password-reset-new .main .contents2 .password-2 .inside-password label .login-eye1 {
  width: 30px;
  margin-top: -2px;
}
.page__premium-password-reset-new .main .contents2 .alert {
  font-size: 12.27px;
  margin-left: 75px;
  color: #ff756d;
  position: relative;
  bottom: 10px;
}
.page__premium-password-reset-new .main .contents2 .button {
  text-align: center;
}
.page__premium-password-reset-new .main .contents2 .button .login-btn {
  background-color: #ffcf3b;
  border: 1px solid #a59b91;
  color: #78716b;
  text-decoration: none;
  font-size: 17px;
  padding: 10px 45px;
  margin-top: 25px;
  cursor: pointer;
  color: #78716b;
  margin-bottom: 20px;
}
.page__premium-password-reset-new .text-error {
  color: red;
}

.page__premium-enterprise-information .main .enterprise-info {
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: baseline;
  padding-top: 4em;
  margin-bottom: 0.5em;
}
.page__premium-enterprise-information .main .enterprise-info h2 {
  font-size: 18px;
}
.page__premium-enterprise-information .main .enterprise-info span {
  font-size: 12px;
  margin-left: 1.5em;
}
.page__premium-enterprise-information .main .enterprise-information {
  border: 1px solid #E2DFDB;
  width: 70%;
  min-width: 44em;
  margin: auto;
  padding-top: 3.5em;
}
.page__premium-enterprise-information .main .enterprise-information .first-alert {
  margin-left: 22%;
}
.page__premium-enterprise-information .main .enterprise-information form {
  margin-top: 10px;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item:last-of-type {
  margin-bottom: 0;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item label {
  font-size: 15px;
  color: #78716b;
  width: 12em;
  text-align: right;
  margin-bottom: 0;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .company-name {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 20em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .post-box-1 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  margin-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .post-box-2 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .prefectures {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .prefectures .prefectures-select {
  height: 45px;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 8.5em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .city {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .city input {
  margin-left: 20px;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .industry {
  height: 45px;
  font-size: 15px;
  padding-left: 10px;
  border: 1px solid #DAD6D2;
  margin-left: 20px;
  width: 8.5em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item input {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  margin-left: 10px;
  width: 20em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .zip-1 {
  margin-left: 20px;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .zip-1, .page__premium-enterprise-information .main .enterprise-information form .input-item .zip-2, .page__premium-enterprise-information .main .enterprise-information form .input-item .zip-3 {
  height: 45px;
  font-size: 15px;
  padding-left: 20px;
  border: 1px solid #DAD6D2;
  width: 6em;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item ::-ms-input-placeholder {
  color: #a59b91;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item ::placeholder {
  color: #a59b91;
}
.page__premium-enterprise-information .main .enterprise-information form .input-item .line {
  margin: 0 8px;
  font-size: 24px;
}
.page__premium-enterprise-information .main .enterprise-information form .alert {
  position: relative;
  left: 22%;
  margin-bottom: 10px;
}
.page__premium-enterprise-information .main .btn {
  text-align: center;
  margin: 2.5em 0 3.5em 0;
}
.page__premium-enterprise-information .main .btn button {
  background: #F7CA4B;
  font-size: 17px;
  padding: 9px 50px;
  color: #78716b;
  border: 1px solid #A99E92;
}
.page__premium-enterprise-information .page-footer {
  background: #FFFAF5;
}

.non-compatible-invite.page__non-compatible-invite {
  background: #FDF0CD;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.non-compatible-invite.page__non-compatible-invite .main {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  /* align-items: center; */
}
.non-compatible-invite.page__non-compatible-invite .main .contant {
  /* display: flex; */
  justify-content: center;
  align-items: center;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit {
  /* text-align: center; */
  margin-top: 180px;
  /* margin-left: 250px; */
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit {
  display: inline-flex;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .sorry-image img {
  width: 160px;
  height: 170px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .sorry-image .sorry-text {
  font-size: 16px;
  margin-top: 2px;
  color: #78716b;
  margin-left: 40px;
  letter-spacing: 3px;
  font-weight: 600;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .popkit-image {
  display: flex;
  width: 440px;
  height: 70px;
  margin-left: 50px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .popkit-image img {
  width: 350px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .popkit-image .for-text {
  margin-left: 10px;
  margin-top: 10px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .popkit-image .for-text .web {
  color: #78716b;
  font-size: 22px;
  font-weight: 600;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .popkit .in-popkit .popkit-image .for-text .premium {
  color: #F5BD1F;
  font-size: 25px;
  font-weight: 600;
  position: relative;
  bottom: 0.6em;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service {
  /* text-align: center; */
  /* margin-left: 43%; */
  width: 100%;
  position: relative;
  /* left: 510px; */
  bottom: 110px;
  margin-left: 210px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .do-no-service {
  font-size: 16px;
  color: #78716b;
  font-weight: 600;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .safari-mood {
  color: #78716b;
  font-size: 17px;
  margin: 20px 180px 0px 0px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .alert-text {
  font-size: 15px;
  color: #78716b;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .alert {
  font-size: 15px;
  color: #78716b;
  /* margin-left: 115px; */
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .chrome-mood {
  font-size: 15px;
  color: #78716b;
  margin: 20px 0px 30px 0px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .btn .download {
  background: #fff;
  font-size: 17px;
  padding: 15px 20px;
  color: #78716b;
  margin-right: 185px;
}
.non-compatible-invite.page__non-compatible-invite .main .contant .service .btn a {
  text-decoration: none;
  color: #78716b;
}

.page__operation-logs .main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.page__operation-logs .main .main-contents {
  width: 90%;
  margin: 0 auto;
  padding-top: 3em;
  text-align: right;
}
.page__operation-logs .main .main-contents .title {
  text-align: left;
}
.page__operation-logs .main .main-contents form {
  display: inline-flex;
  align-items: center;
  margin-right: 10%;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__operation-logs .main .main-contents form {
    margin-right: 5%;
  }
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__operation-logs .main .main-contents form {
    margin: 0;
  }
}
.page__operation-logs .main .main-contents form span {
  position: relative;
  margin: 0;
}
.page__operation-logs .main .main-contents form span .input {
  width: 165px;
  height: 30px;
  margin: 10px;
  border: #b7afa7 1px solid;
  padding: 3px 3px 5px 35px;
  background-color: #fff;
}
.page__operation-logs .main .main-contents form span .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__operation-logs .main .main-contents form span .wrapper {
  height: 30px;
  padding: 3px;
  padding-right: 28px;
  border: 1px solid #aaa;
  text-align: left;
}
.page__operation-logs .main .main-contents form span .wrapper input {
  height: 20px;
  width: calc(100% - 33px);
  border: 0;
}
.page__operation-logs .main .main-contents form .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__operation-logs .main .main-contents form .keyword-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: 0;
}
.page__operation-logs .main .main-contents form button {
  margin-left: 0.5em;
  padding: 0 1em;
  height: 30px;
  white-space: nowrap;
  border: 0;
}
.page__operation-logs .main .main-contents form button.premium {
  background-color: #F5BD1F;
  color: #78716b;
  border: 1px solid #78716b;
}
.page__operation-logs .main .main-contents form button.partner {
  background-color: #00ac97;
  color: #fff;
}
.page__operation-logs .main .main-contents .paginate-export-content {
  width: 100%;
}
.page__operation-logs .main .main-contents .paginate-export-content .inside-paginate-export-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page__operation-logs .main .main-contents .export {
  display: flex;
  justify-content: flex-end;
}
.page__operation-logs .main .main-contents .export .in-export .export-link {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 150px;
  background: #fff1c7;
  padding: 0.1em 0;
  border: 1px solid #a59b91;
}
.page__operation-logs .main .main-contents .export .in-export .export-link .icon {
  width: 35px;
}
.page__operation-logs .main .main-contents .container {
  width: 80%;
  margin: auto;
}
@media screen and (min-width: 481px) and (max-width: 1079px) {
  .page__operation-logs .main .main-contents .container {
    width: 90%;
  }
}
@media screen and (min-width: 481px) and (max-width: 897px) {
  .page__operation-logs .main .main-contents .container {
    width: 100%;
  }
}
.page__operation-logs .main .main-contents .container .logs-list {
  width: 100%;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 5%;
}
.page__operation-logs .main .main-contents .container .logs-list th {
  background-color: rgb(241, 241, 241);
}
.page__operation-logs .main .main-contents .container .logs-list tr {
  line-height: 40px;
  text-align: center;
  border: 1px solid #78716b;
}
.page__operation-logs .main .main-contents .container .logs-list .in-logs-list {
  width: 100%;
  table-layout: fixed;
}
.page__operation-logs .main .main-contents .container .logs-list .in-logs-list .detail-wrap {
  border-bottom: 1px solid;
}
.page__operation-logs .main .main-contents .container .logs-list .in-logs-list .logs-list {
  border-color: #78716b;
  text-align: center;
}
.page__operation-logs .main .main-contents .container .logs-list .in-logs-list .logs-list .inner-width {
  width: 7.5%;
  word-break: break-all;
}
.page__operation-logs .partner-heading {
  width: 100%;
  padding: 20px 4%;
  background: #f5e7d5;
  height: 115px;
  display: flex;
  align-items: center;
}
.page__operation-logs .partner-heading .icon {
  color: #A59B91;
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
.page__operation-logs .partner-heading h1 {
  margin: 0;
  font-size: 20px;
  line-height: 70px;
}
.page__operation-logs .page-footer {
  background: #FFFAF5;
}

.page__premium-approval {
  overflow: scroll;
  overflow-x: hidden;
}
.page__premium-approval .approval-pop-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3em;
}
.page__premium-approval .approval-pop-item {
  text-align: left;
  margin: 3em 2% 0;
}
.page__premium-approval .approval-pop-item label {
  cursor: pointer;
}
.page__premium-approval {
  --approval-pop-thumb-width: 13vw;
  --approval-pop-thumb-height: calc(var(--approval-pop-thumb-width) / 1.41);
}
.page__premium-approval .approval-pop-thumb {
  width: var(--approval-pop-thumb-width);
  height: var(--approval-pop-thumb-height);
  object-fit: contain;
}
.page__premium-approval .pop-status {
  width: calc(var(--approval-pop-thumb-width) * 0.4);
  text-align: center;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}
.page__premium-approval .pop-status-requested {
  color: #FF756D;
}
.page__premium-approval .pop-status-in-progress {
  color: #FF756D;
}
.page__premium-approval .pop-status-approved {
  color: #00ac97;
}
.page__premium-approval .pop-status-ended {
  color: #b7afa7;
}
.page__premium-approval .approval-pop-item-link {
  display: block;
}
.page__premium-approval .approval-pop-meta-area {
  --side-padding: 0.2em;
  width: calc(var(--approval-pop-thumb-width) - 2 * var(--side-padding));
  margin: 1em var(--side-padding) 0;
  color: #77706B;
}
.page__premium-approval .approval-pop-name-form {
  display: block;
  position: relative;
  margin-bottom: 0;
}
.page__premium-approval .approval-pop-name {
  width: 100%;
  border: none;
  padding: 1px;
  font-weight: 500;
  color: #77706B;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page__premium-approval .approval-pop-created_at {
  font-weight: 400;
  font-size: 0.9em;
  text-align: left;
  padding-left: 1px;
}
.page__premium-approval .approval-pop-created_at-time {
  margin-left: 1em;
}
.page__premium-approval .search-conditions {
  margin-top: 1em;
  width: 100%;
  text-align: right;
  padding: 1em;
}
.page__premium-approval .search-conditions form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__premium-approval .search-conditions form span {
  position: relative;
  margin: 0;
  display: inline-block;
  height: 30px;
}
.page__premium-approval .search-conditions form span .input {
  width: 120px;
  height: 30px;
  margin: 0 10px;
  border: #b7afa7 1px solid;
  padding: 0;
  background-color: #fff;
}
.page__premium-approval .search-conditions form span .input input {
  width: calc(100% - 32px);
  margin-top: 2px;
  margin-left: 30px;
  height: 24px;
}
.page__premium-approval .search-conditions form span .calendar-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page__premium-approval .search-conditions form span select {
  width: 10em;
  height: 30px;
  border: 1px solid #BDB6AE;
  color: #78716b;
  padding-left: 10px;
  margin: 0 10px;
}
.page__premium-approval .search-conditions form span select option {
  color: #78716b;
}
.page__premium-approval .search-conditions form span .wrapper {
  display: inline-block;
  height: 30px;
  padding: 0;
  border: 1px solid #aaa;
  text-align: left;
}
.page__premium-approval .search-conditions form span .wrapper input {
  border: 0;
  height: 24px;
  margin-top: 2px;
  margin-left: 2px;
  width: calc(100% - 30px);
}
.page__premium-approval .search-conditions form .display-period-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 10px;
}
.page__premium-approval .search-conditions form .keyword-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.page__premium-approval .search-conditions form button {
  margin-left: 0.5em;
  background-color: #F5BD1F;
  color: #78716b;
  border: 1px solid #78716b;
  white-space: nowrap;
  padding: 0 1em;
  height: 30px;
}
.page__premium-approval .delete-modal {
  display: none;
}