@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Noto Sans CJK Japanese Bold";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansCJKjp-Bold.otf);
}
@font-face {
  font-family: "Noto Sans CJK Japanese";
  font-style: normal;
  font-weight: 900;
  src: url(fonts/NotoSansCJKjp-Black.otf);
}
@font-face {
  font-family: "Noto Sans CJK Japanese Medium";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/NotoSansCJKjp-Medium.otf);
}
/* automatic size vw */
/* automatic size vh */
/* text clamp */
/* anime In order */
/*
    button
*/
a:focus {
  outline: none;
}
a.button {
  display: inline-block;
  font-size: 28px;
  padding: 30px 40px;
  border-radius: 50px;
  overflow: hidden;
}
@media (max-width: 750px) {
  a.button {
    padding: 4vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
a.button.long {
  width: 100%;
}
a.button.liquid {
  min-width: 352px;
  text-align: center;
}
@media (max-width: 750px) {
  a.button.liquid {
    min-width: 46.933vw;
  }
}
a.button.gold {
  color: #fff;
  background-color: #a28865;
}
a.button.grade {
  color: #fff;
  background: transparent linear-gradient(90deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
}
a.button.line {
  color: #fff;
  background-color: #00b900;
  position: relative;
}
a.button.line:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("../images/icon_line.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  a.button.line:before {
    width: 8vw;
    height: 8vw;
    left: 2.667vw;
  }
}
a.button.twitter {
  color: #fff;
  background-color: #1da1f2;
  position: relative;
}
a.button.twitter:before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("../images/icon_tw.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  a.button.twitter:before {
    width: 8vw;
    height: 8vw;
    left: 2.667vw;
  }
}
a.button.contact {
  color: #fff;
  background-color: #9b9b9b;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
a.button.preview {
  width: 100%;
  color: #5285f7;
  border: 2px solid #5285f7;
  font-size: 21px;
  font-weight: 700;
  padding: 20px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
@media (max-width: 750px) {
  a.button.preview {
    padding: 4.2vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
}
a.button.preview > span {
  display: block;
  line-height: 1;
  position: relative;
  padding: 0 30px;
}
@media (max-width: 750px) {
  a.button.preview > span {
    padding: 0 6vw;
  }
}
a.button.preview > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon_newpage.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  transform: translate(0, -60%);
}
@media (max-width: 750px) {
  a.button.preview > span:after {
    width: 4vw;
    height: 4vw;
  }
}
a.button.upload {
  width: 100%;
  color: #5285f7;
  border: 2px solid #5285f7;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
}
@media (max-width: 750px) {
  a.button.upload {
    padding: 2.1vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
a.button.upload > span {
  display: block;
  line-height: 1;
  position: relative;
  padding: 0 30px;
}
@media (max-width: 750px) {
  a.button.upload > span {
    padding: 0 6vw;
  }
}
a.button.download {
  width: 100%;
  color: #fff;
  background-color: #4b4b4b;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  a.button.download {
    font-size: 1.4vw;
    padding: 1vw;
  }
}
@media (max-width: 750px) {
  a.button.download {
    padding: 2.667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
a.button.download > span {
  margin: auto;
  display: inline-block;
  line-height: 1;
  position: relative;
  padding: 0 25px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  a.button.download > span {
    padding: 0 2.5vw;
  }
}
@media (max-width: 750px) {
  a.button.download > span {
    padding: 0 6vw;
  }
}
a.button.download > span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icon_csv.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  transform: translate(0, -60%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  a.button.download > span:before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media (max-width: 750px) {
  a.button.download > span:before {
    width: 4vw;
    height: 4vw;
  }
}
a.button.plus {
  width: 327px;
  height: 44px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
  color: #fff;
  background-color: #5285f7;
}
@media (max-width: 750px) {
  a.button.plus {
    padding: 4vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
a.button.plus > span {
  display: block;
  position: relative;
}
a.button.plus > span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("../images/icon_new.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  a.button.plus > span:before {
    width: 1.8vw;
    height: 1.8vw;
  }
}
@media (max-width: 750px) {
  a.button.plus > span:before {
    width: 4.788vw;
    height: 4.788vw;
  }
}
a.button.change {
  width: 100%;
  background-color: #4b4b4b;
  color: #fff;
  padding: 20px 40px;
  font-size: 18.62px;
}
@media (max-width: 750px) {
  a.button.change {
    padding: 4vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
a.button.cancel {
  padding: 13px 27px;
  background-color: #5285f7;
  border: 0;
  color: #fff;
  border-radius: 23px;
  font-size: 17px;
  font-weight: 700;
  width: 144px;
  line-height: 1;
}
@media (max-width: 750px) {
  a.button.cancel {
    width: 29.33333333vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 2.667vw 5.333333333vw;
    border-radius: 4.533333333vw;
  }
}
a.button.topic {
  color: #fff;
  border: 2px solid #4b4b4b;
  background-color: #4b4b4b;
  font-size: 16px;
  padding: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
@media (max-width: 750px) {
  a.button.topic {
    padding: 2.133333333vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
a.button.topic .add_topic {
  width: 24px;
  margin-right: 7px;
}
@media (max-width: 750px) {
  a.button.topic .add_topic {
    width: 4.8vw;
    margin-right: 1.333333333vw;
  }
}
a.button.topic .add_topic img {
  width: 100%;
}
a.button.edit {
  color: #4b4b4b;
  border: 2px solid #4b4b4b;
  font-size: 16px;
  font-weight: 600;
  padding: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
}
@media (max-width: 750px) {
  a.button.edit {
    width: 19.2vw;
    padding: 2.133333333vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
a.button.edit .add_topic {
  width: 20px;
  margin-right: 7px;
}
@media (max-width: 750px) {
  a.button.edit .add_topic {
    width: 4vw;
    margin-right: 1.333333333vw;
  }
}
a.button.edit .add_topic img {
  width: 100%;
}
a.button.preview_download {
  text-align: center;
  width: 100%;
  color: #4b4b4b;
  border: 2px solid #707070;
  font-size: 21px;
  font-weight: 700;
  padding: 20px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
@media (max-width: 750px) {
  a.button.preview_download {
    padding: 4.2vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
}

/*
    banner
*/
.banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate(0, 100%);
}
.banner.view {
  transform: translate(0, 0);
}
.banner > .inner {
  margin: auto;
  width: 100%;
  max-width: 750px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  padding: 10px 30px 40px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .banner > .inner {
    padding: 1vw 3vw 4vw;
  }
}
@media (max-width: 750px) {
  .banner > .inner {
    padding: 2.67vw 5.33vw 6.67vw;
  }
}
.banner > .inner > div > p {
  text-align: left;
  font-size: 13px;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .banner > .inner > div > p {
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 5.33vw;
  }
}
.banner > .inner > div > p.ttl {
  font-size: 14px;
  font-weight: bold;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .banner > .inner > div > p.ttl {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  .banner > .inner > div > p.ttl {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.banner > .inner > div a.button {
  display: inline-block;
  font-size: 14px;
  padding: 13px 22px;
  border-radius: 22px;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .banner > .inner > div a.button {
    font-size: 1.4vw;
    padding: 1.3vw 2.2vw;
    border-radius: 2.2vw;
  }
}
@media (max-width: 750px) {
  .banner > .inner > div a.button {
    padding: 4vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}

/*
 form parts
*/
input[type=text], input[type=number] {
  padding: 30px 40px;
  text-align: left;
  font-size: 28px;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #333;
  border-radius: 50px;
  background-color: #fff;
}
@media (max-width: 750px) {
  input[type=text], input[type=number] {
    padding: 4vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
input[type=text].secondstyle, input[type=number].secondstyle {
  font-size: 14px;
  padding: 14px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid #eeeeee;
}
input[type=text].secondstyle::placeholder, input[type=number].secondstyle::placeholder {
  color: #c7c7c7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  input[type=text].secondstyle, input[type=number].secondstyle {
    font-size: 1.4vw;
    padding: 1.4vw;
    height: 4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  input[type=text].secondstyle, input[type=number].secondstyle {
    font-size: 14px;
    font-size: 3.7333333333vw;
    height: 11.2vw;
    border-radius: 2.133vw;
    border: 0.26667vw solid #eeeeee;
  }
}
inputtype[number] {
  -moz-appearance: textfield;
}
input[type=password] {
  padding: 30px 40px;
  text-align: left;
  font-size: 28px;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #eeeeee;
  border-radius: 50px;
  background-color: #fff;
}
@media (max-width: 750px) {
  input[type=password] {
    padding: 4vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
input[type=password].secondstyle {
  font-size: 14px;
  padding: 14px;
  height: 42px;
  border-radius: 8px;
  border: 1px solid #eeeeee;
}
input[type=password].secondstyle::placeholder {
  color: #c7c7c7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  input[type=password].secondstyle {
    font-size: 1.4vw;
    padding: 1.4vw;
    height: 4vw;
    border-radius: 0.8vw;
  }
}
input[type=password].secondstyle::placeholder {
  color: #c7c7c7;
}
@media (max-width: 750px) {
  input[type=password].secondstyle {
    font-size: 14px;
    font-size: 3.7333333333vw;
    height: 11.2vw;
    border-radius: 2.133vw;
    border: 0.26667vw solid #eeeeee;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button {
  outline: none;
}
button.submit {
  padding: 30px 40px;
  font-size: 28px;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border-radius: 50px;
}
@media (max-width: 750px) {
  button.submit {
    padding: 4vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
button.submit.gold {
  background-color: #a28865;
  color: #fff;
}
button.submit.grade {
  color: #fff;
  background: transparent linear-gradient(90deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
}
button.submit.gray {
  background-color: #4b4b4b;
  color: #fff;
  height: 58.52px;
  padding: 10px 40px;
  font-size: 18.62px;
}
@media (max-width: 750px) {
  button.submit.gray {
    font-size: 14px;
    font-size: 3.7333333333vw;
    height: 11.733vw;
  }
}

/* check box */
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  input[type=checkbox] + label {
    width: 2.6vw;
    height: 2.6vw;
  }
}
@media (max-width: 750px) {
  input[type=checkbox] + label {
    margin-right: 1.6vw;
    width: 5.067vw;
    height: 5.067vw;
  }
}
input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 4px;
}
@media (max-width: 750px) {
  input[type=checkbox] + label:before {
    border-radius: 1.067vw;
  }
}
input[type=checkbox]:checked + label:before {
  background-color: #4b4b4b;
  border: 1px solid #4b4b4b;
}
input[type=checkbox]:checked + label:after {
  background-image: url("./../images/icon_check.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 83% auto;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 4px;
}
@media (max-width: 750px) {
  input[type=checkbox]:checked + label:after {
    border-radius: 1.067vw;
  }
}

/*
    Title
*/
.ttl_section {
  font-size: 54px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  color: #333;
}
@media (max-width: 750px) {
  .ttl_section {
    font-size: 27px;
    font-size: 7.2vw;
  }
}

.ttl_header {
  font-size: 30px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  color: #333;
}
@media (max-width: 750px) {
  .ttl_header {
    font-size: 15px;
    font-size: 4vw;
  }
}

.ttl_content {
  font-size: 36px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  color: #333;
}
@media (max-width: 750px) {
  .ttl_content {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
.ttl_content.pattern1 {
  text-align: left;
  padding: 0 0 0 20px;
  position: relative;
}
@media (max-width: 750px) {
  .ttl_content.pattern1 {
    padding: 0 0 0 2.667vw;
  }
}
.ttl_content.pattern1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #a28865;
}
@media (max-width: 750px) {
  .ttl_content.pattern1:before {
    width: 0.533vw;
  }
}
.ttl_content.pattern2 {
  text-align: left;
}

/*
    modal
*/
#filter_plan {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 5;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

.box_modal {
  position: fixed;
  top: 0;
  left: 50%;
  width: 73.333%;
  max-width: 500px;
  height: 100%;
  text-align: center;
  z-index: 5;
  overflow-y: auto;
  transform: translate(-50%, 0);
  scrollbar-width: none;
  /* For Firefox */
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.box_modal::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
.box_modal > .inner {
  margin: auto;
  width: 100%;
}
.box_modal > .inner > .content_plan {
  margin: auto;
  width: 100%;
  color: #fff;
  padding: 96px 0;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan {
    padding: 12.8vw 0;
  }
}
.box_modal > .inner > .content_plan > p {
  margin-top: 30px;
  font-size: 24px;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > p {
    margin-top: 4vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.box_modal > .inner > .content_plan > p.sub {
  margin-top: 0;
  font-family: "Lato", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-size: 28px;
  letter-spacing: 0.2em;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > p.sub {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.box_modal > .inner > .content_plan h2 {
  font-size: 56px;
  padding: 0.5em 0;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan h2 {
    font-size: 28px;
    font-size: 7.4666666667vw;
  }
}
.box_modal > .inner > .content_plan > .container {
  margin-top: 48px;
  border-top: 1px solid #ccb391;
  border-bottom: 1px solid #ccb391;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container {
    margin-top: 6.4vw;
  }
}
.box_modal > .inner > .content_plan > .container > ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > ul {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
}
.box_modal > .inner > .content_plan > .container > ul > li {
  padding: 30px 0;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > ul > li {
    padding: 4vw 0;
  }
}
.box_modal > .inner > .content_plan > .container > ul > li > p {
  font-size: 26px;
  line-height: 1.65;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > ul > li > p {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp {
  font-size: 24px;
  color: #ccb391;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > ul > li > p.exp {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_0 {
  color: #a28865;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_1 {
  color: #6c6cdb;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_2 {
  color: #dd4f8a;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_3 {
  color: #46b98c;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_4 {
  color: #ff9f3e;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_5 {
  color: #ff5d5d;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_6 {
  color: #b579d0;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_7 {
  color: #77ba5a;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_8 {
  color: #ff8048;
}
.box_modal > .inner > .content_plan > .container > ul > li > p.exp.plan_color_9 {
  color: #18c3c3;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn {
  padding: 20px 0;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > ul > li > .btn {
    padding: 2.667vw 0;
  }
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.button {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_gray {
  background-color: #c7c7c7;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_0 {
  background-color: #a28865;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_1 {
  background-color: #6c6cdb;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_2 {
  background-color: #dd4f8a;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_3 {
  background-color: #46b98c;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_4 {
  background-color: #ff9f3e;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_5 {
  background-color: #ff5d5d;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_6 {
  background-color: #b579d0;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_7 {
  background-color: #77ba5a;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_8 {
  background-color: #ff8048;
}
.box_modal > .inner > .content_plan > .container > ul > li > .btn a.plan_color_9 {
  background-color: #18c3c3;
}
.box_modal > .inner > .content_plan > .container > p {
  font-size: 28px;
  margin-bottom: 50px;
}
@media (max-width: 750px) {
  .box_modal > .inner > .content_plan > .container > p {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 6.67vw;
  }
}
.box_modal > .inner > .content_plan > .container > p > a {
  color: #5285f7;
  font-weight: 700;
}
.box_modal#slider {
  width: 100%;
  max-width: 500px;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .box_modal#slider {
    max-width: 750px;
  }
}
@media (max-width: 1024px) {
  .box_modal#slider {
    max-width: 1024px;
  }
}
.box_modal#slider > .inner {
  padding: 216px 0;
  position: relative;
}
@media (max-width: 750px) {
  .box_modal#slider > .inner {
    padding: 28.8vw 0;
  }
}
.box_modal#slider > .inner .pager_slider {
  position: absolute;
  top: 235px;
  left: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 40px;
  padding: 12px 24px;
  z-index: 1;
  font-size: 20px;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  .box_modal#slider > .inner .pager_slider {
    top: 31.333vw;
    left: 2.667vw;
    padding: 1.6vw 3.2vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
.box_modal#slider > .inner ul.slider .slick-track {
  display: flex;
  align-items: center;
}
.box_modal#slider > .inner ul.slider .slick-track .slick-slide {
  justify-content: center;
}
.box_modal#slider > .inner ul.slider li {
  position: relative;
}
.box_modal#slider > .inner ul.slider li.slick-slide {
  height: 100%;
  display: flex;
  align-items: center;
}
.box_modal#slider > .inner ul.slider li.slick-slide img {
  width: 100%;
  pointer-events: none;
}
.box_modal#slider > .inner ul.slider li.slick-slide video {
  width: 100%;
}
.box_modal#slider > .inner ul.slider li .frosted_glass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  z-index: 1;
}
.box_modal#slider > .inner ul.slider li .thumbnail {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.box_modal#slider > .inner ul.slider li .thumbnail > span.icon {
  cursor: pointer;
  display: block;
  width: 32px;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .box_modal#slider > .inner ul.slider li .thumbnail > span.icon {
    width: 3.2vw;
  }
}
@media (max-width: 750px) {
  .box_modal#slider > .inner ul.slider li .thumbnail > span.icon {
    width: 11.2vw;
    top: 1.3333vw;
    right: 1.3333vw;
  }
}
.box_modal#slider > .inner .slick-dots li {
  margin: 0;
  width: 14px;
  height: 6px;
  text-align: center;
  padding: 0;
}
.box_modal#slider > .inner .slick-dots li button {
  width: 14px;
  height: 6px;
  text-align: center;
  padding: 0;
  position: relative;
}
.box_modal#slider > .inner .slick-dots li button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  content: "";
  display: block;
  opacity: 1;
  color: #9b9b9b;
  border-radius: 50%;
  background-color: #9b9b9b;
}
.box_modal#slider > .inner .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #fff;
}
.box_modal#slider > .inner .exp_slider {
  margin-top: 20px;
}
.box_modal#slider > .inner .exp_slider > p {
  padding: 20px;
  color: #fff;
  text-align: left;
  font-size: 28px;
  line-height: 1.57;
}
@media (max-width: 750px) {
  .box_modal#slider > .inner .exp_slider > p {
    padding: 2.667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.box_modal#slider > .inner .exp_slider > p a {
  color: #9e96d0;
}
.box_modal#slider > .inner .plan_slider > p {
  padding: 20px;
  color: #9e96d0;
  text-align: left;
  font-size: 16px;
  line-height: 1.57;
}
@media (max-width: 750px) {
  .box_modal#slider > .inner .plan_slider > p {
    padding: 2.667vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.box_modal#slider > .inner .plan_slider > p a {
  color: #9e96d0;
}
.box_modal #close_plan {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: right;
  z-index: 6;
  padding: 20px;
}
@media (max-width: 750px) {
  .box_modal #close_plan {
    padding: 2.67vw;
  }
}
.box_modal #close_plan span img {
  cursor: pointer;
}
.box_modal#plan_list {
  width: 100%;
  max-width: 750px;
}
.box_modal#plan_list .inner.plan_list {
  width: 73.33333333%;
}
.box_modal#plan_list .inner.plan_list .content_plan p {
  font-size: 16px;
  letter-spacing: 0.72px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan p.sub {
  font-size: 28px;
  letter-spacing: 2.8px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan p.sub {
    font-size: 3.7333333333vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan p.content {
  font-size: 24px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan p.content {
    font-size: 2.8vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan h2 {
  font-size: 37px;
  line-height: 63px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan h2 {
    font-size: 28px;
    font-size: 7.4666666667vw;
    line-height: 12.53333333vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li > p {
  font-size: 19px;
  letter-spacing: 1.12px;
  line-height: 32px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li > p {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .btn a.button {
  color: #fff;
  padding: 20px 0;
  font-size: 19px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .btn a.button {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 0;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp > p {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: 500;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_0 {
  color: #a28865;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_1 {
  color: #6c6cdb;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_2 {
  color: #dd4f8a;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_3 {
  color: #46b98c;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_4 {
  color: #ff9f3e;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_5 {
  color: #ff5d5d;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_6 {
  color: #b579d0;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_7 {
  color: #77ba5a;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_8 {
  color: #ff8048;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > ul > li .exp.plan_color_9 {
  color: #18c3c3;
}
.box_modal#plan_list .inner.plan_list .content_plan > .container > p a {
  font-size: 19px;
  line-height: 32px;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan > .container > p a {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan .payment_method {
  font-size: 13px;
  line-height: 23px;
  margin-top: 15px;
  text-align: left;
  font-weight: 300;
}
@media (max-width: 750px) {
  .box_modal#plan_list .inner.plan_list .content_plan .payment_method {
    font-size: 2.6666666667vw;
    line-height: 4.533333333vw;
    margin-top: 2.933333333vw;
  }
}
.box_modal#plan_list .inner.plan_list .content_plan .payment_method > a {
  display: flex;
  color: #9e96d0;
  font-weight: 700;
}

/*
    modal slider
*/
#filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 5;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

#close {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  padding: 16px 16px;
  height: 144px;
}
@media (max-width: 750px) {
  #close {
    padding: 3.2vw 3.2vw;
    height: 28.8vw;
  }
}
#close a:first-child img {
  width: 43px;
  height: 43px;
}
@media (max-width: 750px) {
  #close a:first-child img {
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
#close a:last-child > img {
  width: 32px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close a:last-child > img {
    width: 3.2vw;
  }
}
@media (max-width: 750px) {
  #close a:last-child > img {
    width: 8.53vw;
  }
}
#close div.info_talent_image ul {
  padding-top: 9px;
}
@media (max-width: 750px) {
  #close div.info_talent_image ul {
    padding-top: 1.866666667vw;
  }
}
#close div.info_talent_image ul li:first-child {
  color: #fff;
  font-size: 18px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close div.info_talent_image ul li:first-child {
    font-size: 1.8vw;
  }
}
@media (max-width: 750px) {
  #close div.info_talent_image ul li:first-child {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
#close div.info_talent_image ul li:last-child {
  padding-top: 11px;
  color: #4178f2;
  font-size: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close div.info_talent_image ul li:last-child {
    font-size: 1.2vw;
    padding-top: 1.1vw;
  }
}
#close div.info_talent_image ul li:last-child.normal {
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #close div.info_talent_image ul li:last-child {
    font-size: 12px;
    font-size: 3.2vw;
    padding-top: 2.133333333vw;
  }
}

.remove_image_popup {
  width: 267px;
  border-radius: 8px;
  padding: 0;
  font-size: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .remove_image_popup {
    font-size: 1.6vw;
    width: 26.7vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  .remove_image_popup {
    width: 71.2vw;
    height: 44.8vw;
    border-radius: 2.133333333vw;
    font-size: 4.266666667vw;
  }
}
.remove_image_popup span {
  text-align: center;
  color: #4b4b4b;
  display: block;
  padding: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .remove_image_popup span {
    padding: 1.6vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  .remove_image_popup span {
    height: 14.93333333vw;
    padding: 5.066666667vw;
  }
}
.remove_image_popup span.item_option_edit {
  border-bottom: #eeeeee 1px solid;
  border-top: #eeeeee 1px solid;
}
.remove_image_popup span.item_option_delete {
  color: #ff5858;
}

.appeal_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 110px 0;
}
@media (max-width: 750px) {
  .appeal_popup {
    padding: 14.667vw 0;
  }
}
.appeal_popup > .inner {
  margin: auto;
  width: 100%;
  max-width: 500px;
  height: 100%;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0 48px;
}
@media (max-width: 750px) {
  .appeal_popup > .inner {
    padding: 0 6.4vw;
  }
}
.appeal_popup > .inner > .upgrade_inner {
  border-radius: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 56px;
  width: 100%;
}
@media (max-width: 750px) {
  .appeal_popup > .inner > .upgrade_inner {
    border-radius: 10.667vw;
    padding: 7.4667vw;
  }
}
.appeal_popup > .inner > .upgrade_inner > p {
  line-height: 1.73;
  font-size: 30px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
@media (max-width: 750px) {
  .appeal_popup > .inner > .upgrade_inner > p {
    font-size: 15px;
    font-size: 4vw;
  }
}
.appeal_popup > .inner > .upgrade_inner > .btn {
  margin: 48px 0;
}
@media (max-width: 750px) {
  .appeal_popup > .inner > .upgrade_inner > .btn {
    margin: 6.4vw 0;
  }
}
.appeal_popup > .inner > .upgrade_inner > .btn a {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
.appeal_popup > .inner > .upgrade_inner > .plan_list_2 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 15px 0;
  font-size: 28px;
}
@media (max-width: 750px) {
  .appeal_popup > .inner > .upgrade_inner > .plan_list_2 {
    padding: 2vw 0;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.appeal_popup > .inner > .upgrade_inner > .plan_list_2 > ul > li {
  padding: 15px 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .appeal_popup > .inner > .upgrade_inner > .plan_list_2 > ul > li {
    padding: 2vw 0;
  }
}
.appeal_popup > .inner > .upgrade_inner > .plan_list_2 > ul > li > span.ttl {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
.appeal_popup > .inner > .upgrade_inner > .plan_list_2 > ul > li > span.price.ended {
  text-decoration: line-through;
}
.appeal_popup > .inner > .upgrade_inner > .plan_list_2 > ul > li > span > span {
  color: #5285f7;
}

/* check modal */
.fiter_rule {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.fiter_rule > .inner {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fiter_rule > .inner .box_rule {
  margin: auto;
  border-radius: 80px;
  background-color: #f4f4f4;
  width: 87.2%;
  max-width: 654px;
  padding: 64px 64px 48px;
  font-size: 28px;
}
@media (max-width: 750px) {
  .fiter_rule > .inner .box_rule {
    border-radius: 10.667vw;
    padding: 8.533vw 8.533vw 6.4vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.fiter_rule > .inner .box_rule > .close_btn {
  text-align: right;
  margin-bottom: 0.5em;
}
.fiter_rule > .inner .box_rule > .close_btn a > img {
  width: 64px;
}
@media (max-width: 750px) {
  .fiter_rule > .inner .box_rule > .close_btn a > img {
    width: 8.533vw;
  }
}
.fiter_rule > .inner .box_rule > p {
  text-align: left;
  line-height: 1.714;
}
.fiter_rule > .inner .box_rule > p.strong {
  font-size: 32px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
@media (max-width: 750px) {
  .fiter_rule > .inner .box_rule > p.strong {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}

.popup_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1000;
  -webkit-backdrop-filter: unset;
}
.popup_modal#popup_not_plan_detail {
  z-index: 9999;
}
.popup_modal .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1001;
  text-align: center;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid #f4f4f4;
  padding: 85px 43px 56px 43px;
  width: 436px;
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.popup_modal .modal::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
@media (max-width: 750px) {
  .popup_modal .modal {
    padding: 17.06666667vw 8.533333333vw 11.2vw 8.533333333vw;
    width: calc(100% - 12.8vw);
    border-radius: 8vw;
    max-height: inherit;
  }
}
.popup_modal .modal.redirect_modal {
  padding: 40px 32px 32px 21px;
}
@media (max-width: 750px) {
  .popup_modal .modal.redirect_modal {
    padding: 8vw 6.4vw 6.4vw 4.2666666667vw;
  }
}
.popup_modal .modal.redirect_modal .content {
  padding-top: 21px;
}
@media (max-width: 750px) {
  .popup_modal .modal.redirect_modal .content {
    padding-top: 4.2666666667vw;
  }
}
.popup_modal .modal .close_icon {
  width: 33px;
  height: 33px;
  pointer-events: auto;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .popup_modal .modal .close_icon {
    width: 6.666666667vw;
    height: 6.666666667vw;
    top: 4vw;
    right: 4vw;
  }
}
.popup_modal .modal .close_icon .vertical {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
}
@media (max-width: 750px) {
  .popup_modal .modal .close_icon .vertical {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
.popup_modal .modal .close_icon .horizontal {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(90deg);
}
@media (max-width: 750px) {
  .popup_modal .modal .close_icon .horizontal {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
.popup_modal .modal .inner {
  color: #272727;
}
.popup_modal .modal .inner h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 7.2vw;
    margin-bottom: 4.266666667vw;
  }
}
.popup_modal .modal .inner h3 span {
  display: block;
}
.popup_modal .modal .inner h3.message_text {
  display: none;
}
.popup_modal .modal .inner h3.display_text {
  display: block;
}
.popup_modal .modal .inner h4.zoom_text {
  font-size: 15px;
  color: #272727;
  line-height: 25px;
  text-align: left;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal .modal .inner h4.zoom_text {
    font-size: 1.5vw;
    line-height: 2.5vw;
  }
}
@media (max-width: 750px) {
  .popup_modal .modal .inner h4.zoom_text {
    font-size: 2.933333333vw;
    line-height: 5.066666667vw;
  }
}
.popup_modal .modal .inner .content_normal {
  font-size: 16px;
  line-height: 27px;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner .content_normal {
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
}
.popup_modal .modal .inner .content_normal.text_red {
  color: #FF5858;
  font-weight: 600;
}
.popup_modal .modal .inner p {
  font-size: 19px;
  line-height: 32px;
  font-weight: normal;
  text-align: center;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner p {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
.popup_modal .modal .inner p .weight {
  font-weight: 700;
  color: #272727;
}
.popup_modal .modal .inner p .link_to {
  color: #867bcc;
  font-weight: 700;
}
.popup_modal .modal .inner .confirm {
  padding-top: 40px;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner .confirm {
    padding-top: 8vw;
  }
}
.popup_modal .modal .inner .confirm.padding_0 {
  padding: 0;
}
.popup_modal .modal .inner .confirm .btn-confirm {
  padding: 20px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  border-radius: 29px;
  display: block;
  cursor: pointer;
}
.popup_modal .modal .inner .confirm .btn-confirm a {
  color: #fff;
}
.popup_modal .modal .inner .confirm .btn-confirm p {
  text-align: center;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner .confirm .btn-confirm {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 5.866666667vw;
    padding: 4vw;
  }
}
.popup_modal .modal .inner .confirm .btn-confirm.accept {
  background-color: #4b4b4b;
  margin-bottom: 21px;
  color: #fff;
  display: block;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner .confirm .btn-confirm.accept {
    margin-bottom: 4.266666667vw;
  }
}
.popup_modal .modal .inner .confirm .btn-confirm.denied {
  background-color: #c7c7c7;
}
.popup_modal .modal .inner .confirm .btn-confirm.cancel {
  border: 3px #707070 solid;
  background-color: #fff;
  color: #4B4B4B;
  padding: 17px;
}
@media (max-width: 750px) {
  .popup_modal .modal .inner .confirm .btn-confirm.cancel {
    border: 0.5333333333vw #707070 solid;
    padding: 3.4666666667vw;
  }
}
.popup_modal .modal .inner a.button_redirect_transfer {
  display: block;
  padding: 14px 0 16px 0;
  border-radius: 24px;
  color: #fff;
  background-color: #4b4b4b;
  font-size: 14px;
  font-weight: 700;
}
.popup_modal .empty_address {
  position: absolute;
  text-align: center;
  bottom: 107px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 750px) {
  .popup_modal .empty_address {
    bottom: 21.33333333vw;
  }
}
.popup_modal .empty_address p {
  color: #fff500;
  font-size: 24px;
  line-height: 41.3px;
}
@media (max-width: 750px) {
  .popup_modal .empty_address p {
    line-height: 8.266666667vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
}
.popup_modal.blur {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
}
.popup_modal#popup_subscribe_zoom_email {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-top: 67px;
  opacity: 0;
  pointer-events: none;
  top: 100%;
  transition: top 0.2s ease 0s, opacity 0s ease 0.2s;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email {
    padding-top: 6.7vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email {
    padding-top: 13.34133333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal {
  height: 100%;
  max-width: 500px;
  text-align: center;
  flex: 1;
  background-color: #fff;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border: 1px solid #f4f4f4;
  padding: 67px 32px 27px 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal {
    padding: 6.7vw 3.2vw 2.7vw 3.2vw;
    border-top-left-radius: 1.1vw;
    border-top-right-radius: 1.1vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal {
    padding: 13.42666667vw 6.4vw 5.333333333vw 6.4vw;
    border-top-left-radius: 2.133333333vw;
    border-top-right-radius: 2.133333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom {
  width: 33px;
  height: 33px;
  pointer-events: auto;
  position: absolute;
  top: 23px;
  right: 16px;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom {
    top: 2.3vw;
    right: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom {
    width: 6.666666667vw;
    height: 6.666666667vw;
    top: 4.533333333vw;
    right: 3.2vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom .vertical {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom .vertical {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom .horizontal {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(90deg);
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_close_zoom .horizontal {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_meeting {
  height: 25px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_meeting {
    height: 2.5vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_meeting {
    height: 4.965333333vw;
    margin-bottom: 3.2vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .icon_meeting img {
  height: 100%;
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .setting_title {
  color: #5285f7;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 19px;
  line-height: 27px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .setting_title {
    font-size: 1.2vw;
    margin-bottom: 1.9vw;
    line-height: 2.7vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .setting_title {
    font-size: 3.2vw;
    margin-bottom: 3.733333333vw;
    line-height: 5.333333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 38px;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom {
    margin-bottom: 3.8vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom {
    margin-bottom: 7.656vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .icon_introduce {
  font-size: 9px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #9e96d0;
  margin-right: 3px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .icon_introduce {
    font-size: 0.9vw;
    width: 1.3vw;
    height: 1.3vw;
    line-height: 1.3vw;
    margin-right: 0.3vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .icon_introduce {
    font-size: 1.866666667vw;
    width: 2.666666667vw;
    height: 2.666666667vw;
    line-height: 2.666666667vw;
    margin-right: 0.533333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .title {
  font-size: 13px;
  font-weight: 700;
  color: #9e96d0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .title {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .introduce_zoom .title {
    font-size: 2.666666667vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input {
  margin-bottom: 16px;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input {
    margin-bottom: 3.2vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .title {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .title {
    margin-bottom: 1.3vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .title {
    margin-bottom: 2.666666667vw;
    font-size: 3.2vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .error {
  color: #ff5858;
  font-weight: 300;
  font-size: 15px;
  margin-bottom: 13px;
  text-align: left;
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .error {
    font-size: 1.5vw;
    margin-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .error {
    font-size: 2.933333333vw;
    margin-bottom: 2.666666667vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input .error.active_error {
  display: block;
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input input {
  background-color: #fafafa;
  border-radius: 11px;
  padding: 19px 0 19px 19px;
  border: 1px solid #c7c7c7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input input {
    border-radius: 1.1vw;
    padding: 1.9vw 0 1.9vw 1.9vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input input {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw 0 3.733333333vw 3.733333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .box_input input::placeholder {
  color: #c7c7c7;
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .note_zoom {
  color: #707070;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .note_zoom {
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin-bottom: 2.1vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_content .note_zoom {
    font-size: 2.933333333vw;
    line-height: 5.066666667vw;
    margin-bottom: 4.266666667vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit {
  padding-top: 27px;
  border-top: 1px solid #e5e5e5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit {
    padding-top: 2.7vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit {
    padding-top: 5.333333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit .btn_submit_zoom {
  background-color: #c7c7c7;
  color: #ffffff;
  font-weight: 700;
  font-size: 19px;
  border-radius: 29px;
  pointer-events: none;
  height: 59px;
  line-height: 59px;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit .btn_submit_zoom {
    font-size: 1.9vw;
    border-radius: 2.9vw;
    height: 5.9vw;
    line-height: 5.9vw;
  }
}
@media (max-width: 750px) {
  .popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit .btn_submit_zoom {
    font-size: 3.733333333vw;
    border-radius: 5.866666667vw;
    height: 11.73333333vw;
    line-height: 11.73333333vw;
  }
}
.popup_modal#popup_subscribe_zoom_email .zoom_modal .zoom_submit .btn_submit_zoom.active {
  background-color: #4b4b4b;
  pointer-events: auto;
}
.popup_modal#popup_subscribe_zoom_email.active_zoom_form {
  opacity: 1;
  top: 0;
  pointer-events: auto;
  transition: top 0.2s ease 0s, opacity ease 0s;
}

#popup_message {
  opacity: 1;
}
#popup_message .message_modal {
  transform: translate(-50%, -50%);
}
#popup_message h5.title {
  color: #272727;
  font-size: 21px;
  margin-bottom: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #popup_message h5.title {
    margin-bottom: 4.266666667vw;
    font-size: 4.266666667vw;
  }
}
#popup_message p.description {
  color: #272727;
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 40px;
  padding: 0;
}
@media (max-width: 750px) {
  #popup_message p.description {
    font-size: 3.733333333vw;
    margin-bottom: 8vw;
  }
}
#popup_message a {
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 750px) {
  #popup_message a {
    border-radius: 5.866666667vw;
    padding: 3.73vw 0 4.26vw 0;
  }
}
#popup_message a.yes {
  background-color: #4b4b4b;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #popup_message a.yes {
    margin-bottom: 4.266666667vw;
  }
}
#popup_message a.no {
  background-color: #9b9b9b;
}

.list_item_message {
  max-height: 355px;
  overflow: auto;
  margin-top: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message {
    max-height: 35.5vw;
    margin-top: 1.2vw;
  }
}
@media (max-width: 750px) {
  .list_item_message {
    margin-top: 3.2vw;
    max-height: 86.66666667vw;
  }
}
.list_item_message .item_message {
  height: 64px;
  cursor: pointer;
  border-bottom: #eeeeee 1px solid;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message {
    height: 6.4vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message {
    height: 17.33333333vw;
  }
}
.list_item_message .item_message .thumbnail_item_message {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message .thumbnail_item_message {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message .thumbnail_item_message {
    height: 10.66666667vw;
    width: 10.66666667vw;
  }
}
.list_item_message .item_message .content_item_message {
  display: inline-block;
  margin-left: 6px;
  font-size: 14px;
  flex: 1;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message .content_item_message {
    margin-left: 0.6vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message .content_item_message {
    margin-left: 1.6vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.list_item_message .item_message .content_item_message .title_item_message {
  color: #4b4b4b;
  font-weight: 700;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message .content_item_message .title_item_message {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message .content_item_message .title_item_message {
    margin-top: 2.4vw;
  }
}
.list_item_message .item_message .content_item_message .detail_item_message {
  color: #272727;
  font-weight: 700;
  margin-top: 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message .content_item_message .detail_item_message {
    margin-top: 0.5vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message .content_item_message .detail_item_message {
    margin-top: 1.333333333vw;
  }
}
.list_item_message .item_message .content_item_message .id_item_message {
  margin-top: 4px;
  font-size: 10px;
  color: #797979;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .list_item_message .item_message .content_item_message .id_item_message {
    font-size: 1vw;
    margin-top: 0.4vw;
  }
}
@media (max-width: 750px) {
  .list_item_message .item_message .content_item_message .id_item_message {
    margin-top: 1.066666667vw;
  }
}

.ui-widget-content {
  width: 468px;
  margin: auto;
  padding-top: 20px;
}
@media (max-width: 750px) {
  .ui-widget-content {
    width: 90%;
    padding-top: 4vw;
    margin: 0 2.666667vw;
  }
}
.ui-widget-content .ui-widget-header .ui-icon {
  background-image: url("../images/items/btn_arow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
}
@media (max-width: 750px) {
  .ui-widget-content .ui-widget-header .ui-icon {
    width: 3.466666667vw;
    height: 3.466666667vw;
  }
}
.ui-widget-content .ui-state-highlight {
  color: #333333;
}

.ui-datepicker {
  padding: 20px 13px 0;
}
@media (max-width: 750px) {
  .ui-datepicker {
    padding: 4vw 2.666666667vw 0;
  }
}
.ui-datepicker th {
  color: #d2d6de;
  font-size: 21px;
  font-weight: normal;
  padding-bottom: 0;
}
@media (max-width: 750px) {
  .ui-datepicker th {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.ui-datepicker .ui-datepicker-next {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-next:hover {
  background: transparent;
  border: 0;
  right: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-prev:hover {
  background: transparent;
  border: 0;
  left: 2px;
  top: 2px;
}

.upload_file {
  position: relative;
  border-bottom: #eeeeee 1px solid;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file {
    padding: 1vw;
  }
}
@media (max-width: 750px) {
  .upload_file {
    padding: 2.666666667vw;
  }
}
.upload_file .file_content .item_thumbail {
  float: left;
  position: relative;
  width: 47px;
  height: 47px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file .file_content .item_thumbail {
    width: 4.7vw;
    height: 4.7vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 750px) {
  .upload_file .file_content .item_thumbail {
    width: 12.53333333vw;
    height: 12.53333333vw;
    border-radius: 1.333333333vw;
  }
}
.upload_file .file_content .item_thumbail .file_thumbnail {
  width: 47px;
  height: 47px;
  border-radius: 5px;
  object-fit: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file .file_content .item_thumbail .file_thumbnail {
    width: 4.7vw;
    height: 4.7vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 750px) {
  .upload_file .file_content .item_thumbail .file_thumbnail {
    width: 12.53333333vw;
    height: 12.53333333vw;
    border-radius: 1.333333333vw;
  }
}
.upload_file .file_content .item_thumbail .icon_play {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 21px;
  height: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file .file_content .item_thumbail .icon_play {
    width: 2.1vw;
    height: 2.1vw;
  }
}
@media (max-width: 750px) {
  .upload_file .file_content .item_thumbail .icon_play {
    width: 5.6vw;
    height: 5.6vw;
  }
}
.upload_file .file_content .file_description {
  float: left;
  margin: 0 12px;
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file .file_content .file_description {
    font-size: 1.1vw;
    margin: 0 1.2vw;
  }
}
@media (max-width: 750px) {
  .upload_file .file_content .file_description {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin: 0 2.666666667vw;
  }
}
.upload_file .file_content .file_description .file_title {
  color: #9b9b9b;
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  .upload_file .file_content .file_description .file_title {
    margin-bottom: 1.6vw;
  }
}
.upload_file .file_content .file_description .file_detail {
  text-align: left;
  color: #c7c7c7;
}
.upload_file .file_content .file_description .text_blue {
  color: #4178f2;
}
.upload_file img {
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: #c7c7c7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .upload_file img {
    width: 3.2vw;
    height: 3.2vw;
  }
}
@media (max-width: 750px) {
  .upload_file img {
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
.upload_file .remove_file {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .upload_file .remove_file {
    right: 4.8vw;
  }
}

.show_date_ .inner {
  padding: 0 13px;
  position: relative;
}
@media (max-width: 750px) {
  .show_date_ .inner {
    padding: 0 2.67vw;
  }
}
.show_date_ .inner input {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #eeeeee;
  font-size: 14px;
  color: #272727;
  text-align: left;
  font-weight: 700;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .show_date_ .inner input {
    font-size: 1.4vw;
    border-radius: 0.8vw;
    padding: 1vw;
  }
}
@media (max-width: 750px) {
  .show_date_ .inner input {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 3.466666667vw;
    border-radius: 2.133333333vw;
  }
}
.show_date_ .inner #datetimepicker_zoom {
  opacity: 0;
}
.show_date_ .inner #datetimepicker_zoom_format {
  color: #5285f7;
  pointer-events: none;
  position: absolute;
  left: 13px;
  top: 0;
  width: calc(100% - 27px);
}
@media (max-width: 750px) {
  .show_date_ .inner #datetimepicker_zoom_format {
    left: 2.666667vw;
    width: calc(100% - 5.333333333vw);
  }
}
.show_date_ .inner > span {
  position: absolute;
  right: 26px;
  top: 50%;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -15px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (max-width: 750px) {
  .show_date_ .inner > span {
    width: 6.4vw;
    height: 6.4vw;
    right: 5.333333333vw;
    margin-top: -2.666666667vw;
  }
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: none;
  background: #ecf0f5;
  text-align: center;
  padding: 8px 0.2em;
  color: #333333;
  font-size: 16px;
}
@media (max-width: 750px) {
  .ui-state-default,
  .ui-widget-content .ui-state-default {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.ui-state-default.ui-state-active {
  background: #222d32;
  color: #fff;
}

.ui-widget-content.ui-state-active {
  background: #222d32;
  color: #fff;
}

.ui-widget.ui-widget-content {
  border: 1px solid #e3e3e3;
}

.ui-widget-header {
  border: none;
  background: transparent;
}

.ui-datepicker table {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  .ui-datepicker table {
    margin-bottom: 3.2vw;
  }
}

/* Toggle swipe icon */
.toggle_icon,
.toggle_icon_topic {
  width: 38px;
  height: 20px;
  border-radius: 40px;
  display: block;
  position: relative;
  background-color: #c7c7c7;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .toggle_icon,
  .toggle_icon_topic {
    width: 3.8vw;
    height: 2vw;
  }
}
@media (max-width: 750px) {
  .toggle_icon,
  .toggle_icon_topic {
    width: 10.66666667vw;
    height: 5.333333333vw;
    border-radius: 8vw;
  }
}
.toggle_icon a,
.toggle_icon_topic a {
  top: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  right: calc(100% - 16px - 2px);
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .toggle_icon a,
  .toggle_icon_topic a {
    width: 1.6vw;
    height: 1.6vw;
    right: calc(100% - 1.6vw - 0.2vw);
  }
}
@media (max-width: 750px) {
  .toggle_icon a,
  .toggle_icon_topic a {
    width: 4.267vw;
    height: 4.267vw;
    right: calc(100% - 4.267vw - 0.533vw);
  }
}
.toggle_icon.active,
.toggle_icon_topic.active {
  background-color: #4b4b4b;
  transition: 0.1 all cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.toggle_icon.active a,
.toggle_icon_topic.active a {
  right: 2px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  .toggle_icon.active a,
  .toggle_icon_topic.active a {
    right: 0.533vw;
  }
}
.toggle_icon#redirect_zoom.active,
.toggle_icon_topic#redirect_zoom.active {
  background-color: #5285f7;
}

/*
    toggle_checkbox
*/
.toggle_checkbox {
  width: 38px;
  height: 20px;
  border-radius: 40px;
  display: block;
  position: relative;
  background-color: #c7c7c7;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .toggle_checkbox {
    width: 3.8vw;
    height: 2vw;
    border-radius: 4vw;
  }
}
@media (max-width: 750px) {
  .toggle_checkbox {
    width: 10.66666667vw;
    height: 5.333333333vw;
    border-radius: 8vw;
  }
}
.toggle_checkbox a {
  top: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  right: calc(100% - 16px - 2px);
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .toggle_checkbox a {
    width: 1.6vw;
    height: 1.6vw;
    right: calc(100% - 1.6vw - 0.2vw);
  }
}
@media (max-width: 750px) {
  .toggle_checkbox a {
    width: 4.267vw;
    height: 4.267vw;
    right: calc(100% - 4.267vw - 0.533vw);
  }
}
.toggle_checkbox.active {
  background-color: #5285f7;
  transition: 0.1 all cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.toggle_checkbox.active a {
  right: 2px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  .toggle_checkbox.active a {
    right: 0.533vw;
  }
}

/*
    Zoom Modal
*/
#filter_z {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 7;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
#filter_z > .inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#filter_z > .inner .wrapper_zoom {
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  overflow: hidden;
}
#filter_z > .inner .wrapper_zoom.active {
  opacity: 1;
}

#close_z {
  position: absolute;
  top: -42px;
  right: 0;
  width: 100%;
  text-align: right;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close_z {
    top: -4.2vw;
    padding: 2vw;
  }
}
@media (max-width: 750px) {
  #close_z {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: right;
    z-index: 7;
    padding: 2.67vw;
  }
}
#close_z a > img {
  width: 32px;
}
@media (max-width: 750px) {
  #close_z a > img {
    width: 8.53vw;
  }
}

.btn_popup {
  background-color: #4b4b4b;
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
}
@media (max-width: 750px) {
  .btn_popup {
    padding: 3.73vw 0 4.26vw 0;
    border-radius: 5.866666667vw;
  }
}

.upload_file_index {
  background-color: #4b4b4b;
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
}
@media (max-width: 750px) {
  .upload_file_index {
    padding: 3.73vw 0 4.26vw 0;
    border-radius: 5.866666667vw;
  }
}

.fancybox-bg {
  background-color: rgba(0, 0, 0, 0.5);
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

/*
    file upload list view
*/
#frame_upload {
  position: absolute;
  bottom: 95px;
  left: 0;
  width: 100%;
  height: calc(100vh - 95px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  transform: translate(0, 100%);
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  #frame_upload {
    bottom: 17.3333vw;
    height: calc(100vh - 17.3333vw);
  }
}
#frame_upload.active {
  transform: translate(0, 0);
}
#frame_upload > .send_witch {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#frame_upload > .send_witch > div {
  padding: 10px;
}
#frame_upload > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
#frame_upload > ul > li {
  width: 33.3333%;
  padding: 10px;
}
#frame_upload > ul > li .reader_title {
  padding: 5px;
  font-size: 16px;
}
@media (max-width: 750px) {
  #frame_upload > ul > li .reader_title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}

/*
    file upload complete
*/
#result_upload {
  position: absolute;
  bottom: 95px;
  left: 0;
  width: 100%;
  height: calc(100vh - 95px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translate(0, 100%);
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
@media (max-width: 750px) {
  #result_upload {
    bottom: 17.3333vw;
    height: calc(100vh - 17.3333vw);
  }
}
#result_upload.active {
  transform: translate(0, 0);
}

#add-image.popup_modal {
  opacity: 1;
  backdrop-filter: blur(7px);
}
#add-image.popup_modal .btn_popup {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #add-image.popup_modal .btn_popup {
    margin-bottom: 4.266666667vw;
  }
}
#add-image.popup_modal .upload_file_index {
  margin-bottom: 21px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #add-image.popup_modal .upload_file_index {
    margin-bottom: 4.266666667vw;
  }
}
#add-image.popup_modal #upload_index {
  display: none;
}
#add-image.popup_modal p {
  text-align: left;
  margin-bottom: 40px;
}
#add-image.popup_modal p a {
  color: #5285f7;
  font-weight: 700;
}
@media (max-width: 750px) {
  #add-image.popup_modal p {
    margin-bottom: 8vw;
  }
}
#add-image.popup_modal .checkbox__ {
  display: flex;
  align-items: center;
  justify-content: center;
}
#add-image.popup_modal .checkbox__ .label {
  vertical-align: middle;
  font-size: 16px;
  width: auto;
  line-height: 1;
}
@media (max-width: 750px) {
  #add-image.popup_modal .checkbox__ .label {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#add-image.popup_modal input[type=checkbox] + label::after {
  content: "";
  border: unset;
  background-position: 80% 50%;
  background-size: 70% auto;
}
.fancybox-content.popup_modal {
  background: none;
}
.fancybox-content.popup_modal_notification {
  padding: 0;
  border-radius: 40px;
}

/*
    icon camera
*/
.icon_camera {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #4b4b4b;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .icon_camera {
    width: 6.8vw;
    height: 6.8vw;
  }
}
@media (max-width: 750px) {
  .icon_camera {
    width: 9.066666667vw;
    height: 9.066666667vw;
  }
}
.icon_camera > img {
  width: 27px;
  height: 27px;
}
@media (max-width: 750px) {
  .icon_camera > img {
    width: 5.333333333vw;
    height: 5.333333333vw;
  }
}
.icon_camera > label > img, .icon_camera .box_img > img {
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .icon_camera > label > img, .icon_camera .box_img > img {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  .icon_camera > label > img, .icon_camera .box_img > img {
    width: auto;
    height: auto;
  }
}

/*
    btn plan
*/
.btn_plan {
  border: none;
  border-radius: 17px;
  background-color: #4b4b4b;
  color: #fff;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  max-width: 80px;
  width: 100%;
  position: absolute;
  right: 10px;
  outline: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .btn_plan {
    border-radius: 1.7vw;
    height: 3.4vw;
    line-height: 3.4vw;
    font-size: 1.4vw;
    max-width: 8vw;
    right: 1vw;
  }
}
@media (max-width: 750px) {
  .btn_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 4.533333333vw;
    height: 9.066666667vw;
    line-height: 9.066666667vw;
    max-width: 18.13333333vw;
    right: 0;
  }
}
.btn_plan.draft {
  max-width: 140px;
}
@media (max-width: 750px) {
  .btn_plan.draft {
    max-width: 28vw;
  }
}
.btn_plan:disabled {
  background-color: #c7c7c7;
}

/*
    item content form
*/
.item_content {
  padding: 0 10px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content {
    margin-bottom: 1.6vw;
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  .item_content {
    margin-bottom: 6.933333333vw;
    padding: 0 2.666666667vw;
  }
}
.item_content h3 {
  font-size: 19px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content h3 {
    font-size: 1.4vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  .item_content h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 2.666666667vw;
  }
}
.item_content h3 .required {
  margin-left: 4px;
  background-color: #ff5858;
  border-radius: 17px;
  font-size: 8px;
  color: #fff;
  padding: 3px 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content h3 .required {
    border-radius: 1.7vw;
    font-size: 0.8vw;
    padding: 0.3vw 0.5vw;
    margin-left: 0.4vw;
  }
}
@media (max-width: 750px) {
  .item_content h3 .required {
    margin-left: 0.8vw;
    border-radius: 4.533333333vw;
    font-size: 2.133333333vw;
    padding: 0.8vw 1.333333333vw;
  }
}
.item_content .notice {
  color: #9b9b9b;
  font-size: 15px;
  margin-bottom: 11px;
  line-height: 1.7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content .notice {
    font-size: 1.5vw;
    margin-bottom: 1.1vw;
  }
}
@media (max-width: 750px) {
  .item_content .notice {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.666666667vw;
  }
}
.item_content .notice span {
  color: #ff5858;
}
.item_content .request {
  color: #9b9b9b;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content .request {
    font-size: 1.1vw;
    margin-bottom: 1.1vw;
    line-height: 2vw;
  }
}
@media (max-width: 750px) {
  .item_content .request {
    line-height: 5.066666667vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.item_content .not_change {
  color: #ff5858;
  font-size: 11px;
  margin-bottom: 10px;
  line-height: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content .not_change {
    font-size: 1.1vw;
    margin-bottom: 1vw;
    line-height: 2vw;
  }
}
@media (max-width: 750px) {
  .item_content .not_change {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.666666667vw;
    line-height: 5.066666667vw;
  }
}
.item_content input {
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #eeeeee;
  height: 42px;
  padding: 14px;
  font-size: 14px;
  color: #272727;
  font-weight: normal;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content input {
    border-radius: 0.8vw;
    height: 4.2vw;
    padding: 1.4vw;
    font-size: 1.4vw;
    margin-bottom: 0.8vw;
  }
}
@media (max-width: 750px) {
  .item_content input {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 3.733333333vw;
    height: 11.2vw;
    margin-bottom: 2.666666667vw;
    border-radius: 2.133333333vw;
  }
}
.item_content textarea {
  padding: 14px;
  font-weight: normal;
  border-radius: 8px;
  color: #272727;
  border: 1px solid #eeeeee;
  resize: none;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content textarea {
    padding: 1.4vw;
    border-radius: 0.8vw;
    font-size: 1.4vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  .item_content textarea {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
    line-height: 6.4vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.item_content #select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 0 14px;
  height: 42px;
  width: 100%;
  outline: none;
  font-size: 14px;
  background-image: url("../images/btn_downarrow_black.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 4% auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_content #select {
    border-radius: 0.8vw;
    padding: 0 1.4vw;
    height: 4.2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  .item_content #select {
    height: 11.2vw;
    border-radius: 2.133333333vw;
    padding: 0 3.733333333vw;
    background-color: #ffffff;
    color: #272727;
    background-image: url("../images/btn_downarrow_black.svg");
    background-repeat: no-repeat;
    background-position: right 3.2vw center;
    background-size: 7% auto;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}

/*
    select box
*/
.form_select_box {
  position: relative;
  font-weight: 700;
}
.form_select_box > .form_selected_box {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 0 14px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  outline: none;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .form_select_box > .form_selected_box {
    border-radius: 1vw;
    padding: 0 1.4vw;
    height: 4vw;
    line-height: 4vw;
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  .form_select_box > .form_selected_box {
    border-radius: 2.2vw;
    padding: 0 3.8vw;
    height: 11.2vw;
    line-height: 11.2vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.form_select_box > .form_selected_box > span {
  display: inline-block;
  padding: 0 20px;
  position: relative;
  color: #5285f7;
  margin-right: 30px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .form_select_box > .form_selected_box > span {
    margin-right: 3vw;
  }
}
@media (max-width: 750px) {
  .form_select_box > .form_selected_box > span {
    padding: 0 4vw;
    margin-right: 0;
  }
}
.form_select_box > .form_selected_box > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -10px;
  width: 24px;
  height: 24px;
  transform: translate(0, -50%);
  background-image: url("./../images/items/btn_downarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media (max-width: 750px) {
  .form_select_box > .form_selected_box > span:after {
    right: -2vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
.form_select_box > ul {
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  display: none;
}
@media (max-width: 750px) {
  .form_select_box > ul {
    top: 11vw;
  }
}
.form_select_box > ul > li {
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .form_select_box > ul > li {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  .form_select_box > ul > li {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.form_select_box > ul > li > span {
  display: block;
  padding: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .form_select_box > ul > li > span {
    padding: 1vw;
  }
}
@media (max-width: 750px) {
  .form_select_box > ul > li > span {
    padding: 3vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.form_select_box > ul > li > span:hover {
  background-color: #f4f4f4;
}
.form_select_box.active > .form_selected_box {
  border-radius: 11px 11px 0 0;
}
@media (max-width: 750px) {
  .form_select_box.active > .form_selected_box {
    border-radius: 2.2vw 2.2vw 0 0;
  }
}
.form_select_box.active > ul {
  display: block;
}

.check_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .check_box {
    padding: 1.8vw 1vw;
  }
}
@media (max-width: 750px) {
  .check_box {
    padding: 5.333333333vw 2.666666667vw;
  }
}
.check_box > h3 {
  margin-bottom: 0;
}

/*
    box comment transfer
*/
.comment_transfer {
  text-align: left;
  font-size: 12px;
  background-color: #FFF;
  border-radius: 8px;
  padding: 16px;
  margin-top: 53px;
  margin-bottom: 17px;
  border: 1px solid #e3e3e3;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .comment_transfer {
    border-radius: 0.8vw;
    padding: 1.6vw;
    margin-bottom: 1.7vw;
  }
}
@media (max-width: 750px) {
  .comment_transfer {
    padding: 4vw;
    border-radius: 2.666666667vw;
    margin-bottom: 4.266666667vw;
    margin-top: 10.6666666667vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.comment_transfer h3 {
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 19px;
  color: #42BC8D;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .comment_transfer h3 {
    margin-bottom: 0.8vw;
  }
}
@media (max-width: 750px) {
  .comment_transfer h3 {
    margin-bottom: 2.7vw;
    font-size: 3.7333333333vw;
  }
}
.comment_transfer ul {
  padding-left: 5px;
}
.comment_transfer ul li {
  line-height: 27px;
  color: #4b4b4b;
  font-weight: normal;
  font-size: 13px;
}
@media (max-width: 750px) {
  .comment_transfer ul li {
    line-height: 5.333333333vw;
    font-size: 2.6666666667vw;
  }
}

.img_transfer {
  margin-bottom: 17px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .img_transfer {
    margin-bottom: 1.7vw;
  }
}
@media (max-width: 750px) {
  .img_transfer {
    margin-bottom: 4.266666667vw;
  }
}

/*
    button create change color
*/
.btn_create_plan {
  border: none;
  border-radius: 22px;
  background-color: #4b4b4b;
  width: 100%;
  max-width: 327px;
  height: 44px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  cursor: pointer;
  line-height: 44px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .btn_create_plan {
    border-radius: 2.2vw;
    height: 4.4vw;
    font-size: 1.4vw;
    max-width: 32.7vw;
    line-height: 4.4vw;
  }
}
@media (max-width: 750px) {
  .btn_create_plan {
    border-radius: 5.866666667vw;
    height: 11.73333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    max-width: 100%;
    line-height: normal;
  }
}
.btn_create_plan:disabled {
  background-color: #c7c7c7;
}

/*
    text note
*/
.note {
  text-align: left;
  background-color: #d2edec;
  border-radius: 10px;
  padding: 14px 24px;
  margin: 12px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .note {
    border-radius: 1vw;
    padding: 1.4vw 2.4vw;
    margin: 1.2vw 0;
  }
}
@media (max-width: 750px) {
  .note {
    margin: 2.666666667vw 2.666666667vw 3.2vw;
    padding: 4vw;
    border-radius: 2.666666667vw;
  }
}
.note p {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .note p {
    font-size: 1.2vw;
    line-height: 2vw;
  }
}
@media (max-width: 750px) {
  .note p {
    line-height: 5.333333333vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.note p > a {
  color: #5285f7;
}

/*
    ERROR
*/
p.error {
  margin-bottom: 10px;
  color: #ff5858;
  font-size: 12px;
}
@media (max-width: 750px) {
  p.error {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 2.1vw;
  }
}

.load_more {
  padding-bottom: 1px;
}

#to_plan_mess .modal .inner a,
#to_plan_photo .modal .inner a,
#to_plan_topic .modal .inner a,
#popup_not_plan .modal .inner a {
  background-color: #4b4b4b;
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
  font-weight: 700;
}

.disable_element {
  opacity: 30%;
  pointer-events: none;
}

.hidden_item {
  opacity: 0;
  pointer-events: none;
}

.xdsoft_datetimepicker {
  z-index: 98 !important;
}

.loading_media {
  display: none;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  width: 25%;
}

.disable_loading {
  pointer-events: none;
  opacity: 30%;
}

.loading_upload, .loading_upload_reset, .loading_default {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 39, 39, 0.5);
}
.loading_upload .loading_content, .loading_upload_reset .loading_content, .loading_default .loading_content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: #fff;
  transform: translate(-50%, -50%) !important;
  width: 350px;
  border-radius: 20px;
  display: flex;
  height: 310px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .loading_upload .loading_content, .loading_upload_reset .loading_content, .loading_default .loading_content {
    width: 89.866667vw;
    height: 80.866667vw;
  }
}
.loading_upload .loading_content .title_loading_upload, .loading_upload_reset .loading_content .title_loading_upload, .loading_default .loading_content .title_loading_upload {
  font-size: 19px;
  font-weight: bolder;
  margin-bottom: 19px;
  margin-top: 55px;
}
.loading_upload .loading_content .description_loading_upload, .loading_upload_reset .loading_content .description_loading_upload, .loading_default .loading_content .description_loading_upload {
  font-size: 10px;
  text-align: left;
  margin: 0 20px 26px 20px;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .loading_upload .loading_content .description_loading_upload, .loading_upload_reset .loading_content .description_loading_upload, .loading_default .loading_content .description_loading_upload {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
.loading_upload .loading_content .loading_upload_image, .loading_upload_reset .loading_content .loading_upload_image, .loading_default .loading_content .loading_upload_image {
  width: 48px;
  margin-bottom: 19px;
}
@media (max-width: 750px) {
  .loading_upload .loading_content .loading_upload_image, .loading_upload_reset .loading_content .loading_upload_image, .loading_default .loading_content .loading_upload_image {
    width: 9.6vw;
    margin-bottom: 3.733333333vw;
  }
}
.loading_upload .loading_content p, .loading_upload_reset .loading_content p, .loading_default .loading_content p {
  font-size: 16px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 29px;
}
@media (max-width: 750px) {
  .loading_upload .loading_content p, .loading_upload_reset .loading_content p, .loading_default .loading_content p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.loading_upload .lds-default, .loading_upload_reset .lds-default, .loading_default .lds-default {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading_upload .lds-default div, .loading_upload_reset .lds-default div, .loading_default .lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.loading_upload .lds-default div:nth-child(1), .loading_upload_reset .lds-default div:nth-child(1), .loading_default .lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.loading_upload .lds-default div:nth-child(2), .loading_upload_reset .lds-default div:nth-child(2), .loading_default .lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.loading_upload .lds-default div:nth-child(3), .loading_upload_reset .lds-default div:nth-child(3), .loading_default .lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.loading_upload .lds-default div:nth-child(4), .loading_upload_reset .lds-default div:nth-child(4), .loading_default .lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.loading_upload .lds-default div:nth-child(5), .loading_upload_reset .lds-default div:nth-child(5), .loading_default .lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.loading_upload .lds-default div:nth-child(6), .loading_upload_reset .lds-default div:nth-child(6), .loading_default .lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.loading_upload .lds-default div:nth-child(7), .loading_upload_reset .lds-default div:nth-child(7), .loading_default .lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.loading_upload .lds-default div:nth-child(8), .loading_upload_reset .lds-default div:nth-child(8), .loading_default .lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.loading_upload .lds-default div:nth-child(9), .loading_upload_reset .lds-default div:nth-child(9), .loading_default .lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.loading_upload .lds-default div:nth-child(10), .loading_upload_reset .lds-default div:nth-child(10), .loading_default .lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.loading_upload .lds-default div:nth-child(11), .loading_upload_reset .lds-default div:nth-child(11), .loading_default .lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.loading_upload .lds-default div:nth-child(12), .loading_upload_reset .lds-default div:nth-child(12), .loading_default .lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

@media (max-width: 750px) {
  .loading_upload_reset .loading_content .description_loading_upload {
    margin: 0 13px 26px 20px;
  }
}

.loading_default .loading_content {
  width: 250px;
  height: 200px;
}
@media (max-width: 750px) {
  .loading_default .loading_content {
    width: 50.866667vw;
    height: 45.866667vw;
  }
}

.loader_zoom_meeting {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(39, 39, 39, 0.5);
}
.loader_zoom_meeting .loading_content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: #fff;
  transform: translate(-50%, -50%) !important;
  width: 119px;
  border-radius: 20px;
  display: flex;
  height: 119px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .loader_zoom_meeting .loading_content {
    width: 23.73333333vw;
    height: 23.73333333vw;
  }
}
.loader_zoom_meeting .loading_content .loading_upload_image {
  width: 48px;
}
@media (max-width: 750px) {
  .loader_zoom_meeting .loading_content .loading_upload_image {
    width: 9.6vw;
  }
}
.loader_zoom_meeting .loading_content p {
  font-size: 16px;
  font-weight: 700;
  color: #272727;
}
@media (max-width: 750px) {
  .loader_zoom_meeting .loading_content p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.loader_zoom_meeting .lds-default {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader_zoom_meeting .lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.loader_zoom_meeting .lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.loader_zoom_meeting .lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.loader_zoom_meeting .lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.loader_zoom_meeting .lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.loader_zoom_meeting .lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.loader_zoom_meeting .lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.loader_zoom_meeting .lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.loader_zoom_meeting .lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.loader_zoom_meeting .lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.loader_zoom_meeting .lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.loader_zoom_meeting .lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.loader_zoom_meeting .lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

#popup_update_images {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  left: 0;
}
#popup_update_images > a {
  position: absolute;
  bottom: 100px;
  right: 185px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_update_images > a {
    bottom: 10vw;
    right: 18.5vw;
  }
}
@media (max-width: 750px) {
  #popup_update_images > a {
    bottom: 20vw;
    right: 4.5vw;
  }
}
#popup_update_images > a .nav_add {
  position: relative;
  background: #4b4b4b;
  border-radius: 50%;
  width: 156px;
  height: 156px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_update_images > a .nav_add {
    width: 15.6vw;
    height: 15.6vw;
  }
}
@media (max-width: 750px) {
  #popup_update_images > a .nav_add {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#popup_update_images > a .nav_add form {
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #popup_update_images > a .nav_add form {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#popup_update_images > a .nav_add #upload_index2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 1;
  opacity: 0;
}
#popup_update_images > a .nav_add .container_nav_add {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#popup_update_images > a .nav_add .container_nav_add .nav_add_icon {
  margin-bottom: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_update_images > a .nav_add .container_nav_add .nav_add_icon {
    margin-bottom: 0.8vw;
  }
}
@media (max-width: 750px) {
  #popup_update_images > a .nav_add .container_nav_add .nav_add_icon {
    margin-bottom: 1.6vw;
  }
}
#popup_update_images > a .nav_add .container_nav_add .nav_add_icon .cross {
  width: 58px;
  height: 58px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_update_images > a .nav_add .container_nav_add .nav_add_icon .cross {
    width: 5.8vw;
    height: 5.8vw;
  }
}
@media (max-width: 750px) {
  #popup_update_images > a .nav_add .container_nav_add .nav_add_icon .cross {
    width: 9.866666667vw;
    height: 9.866666667vw;
  }
}
#popup_update_images > a .nav_add .container_nav_add p {
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_update_images > a .nav_add .container_nav_add p {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #popup_update_images > a .nav_add .container_nav_add p {
    font-size: 2.9vw;
  }
}

/*
    nav bottom
*/
#nav_bottom {
  display: none;
}
@media (max-width: 750px) {
  #nav_bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    left: 0;
    text-align: center;
    background: #fff;
    max-width: 100%;
    display: block;
  }
}
#nav_bottom > a {
  position: absolute;
  bottom: 100px;
  right: 20px;
}
@media (max-width: 750px) {
  #nav_bottom > a {
    bottom: 20vw;
    right: 4vw;
  }
}
#nav_bottom > a .nav_add {
  position: relative;
  background: #4b4b4b;
  border-radius: 50%;
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#nav_bottom > a .nav_add form {
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add form {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#nav_bottom > a .nav_add #upload_index2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 1;
  opacity: 0;
}
#nav_bottom > a .nav_add .container_nav_add {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#nav_bottom > a .nav_add .container_nav_add .nav_add_icon {
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add .nav_add_icon {
    margin-bottom: 1.6vw;
  }
}
#nav_bottom > a .nav_add .container_nav_add .nav_add_icon .cross {
  width: 49px;
  height: 49px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add .nav_add_icon .cross {
    width: 9.866666667vw;
    height: 9.866666667vw;
  }
}
#nav_bottom > a .nav_add .container_nav_add p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#nav_bottom > .inner {
  position: relative;
  margin: auto;
  max-width: 500px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner {
    max-width: 100%;
  }
}
#nav_bottom > .inner > ul {
  margin: auto;
  max-width: 500px;
  display: flex;
  font-size: 12px;
  list-style: none;
  padding: 0;
  justify-content: flex-start;
  position: relative;
  background-color: #fff;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul {
    font-size: 8px;
    font-size: 2.1333333333vw;
    max-width: 100%;
  }
}
#nav_bottom > .inner > ul li {
  width: 20%;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li {
    width: 20vw;
  }
}
#nav_bottom > .inner > ul li a {
  display: block;
  line-height: 1;
  color: #4b4b4b;
  padding: 15px 0;
  position: relative;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a {
    padding: 1.86667vw 0;
  }
}
#nav_bottom > .inner > ul li a p {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a p {
    font-size: 5px;
    font-size: 1.3333333333vw;
  }
}
#nav_bottom > .inner > ul li a img {
  margin: 0 auto;
  width: 44px;
  height: 44px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a img {
    width: 8.266666667vw;
    height: 8.266666667vw;
  }
}
#nav_bottom > .inner > ul li a > span.ph_thumbnail {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a > span.ph_thumbnail {
    width: 8.266666667vw;
    height: 8.266666667vw;
  }
}
#nav_bottom > .inner > ul li a > span.ph_thumbnail > span {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a > span.ph_thumbnail > span {
    width: 7.7333vw;
    height: 7.7333vw;
  }
}
#nav_bottom > .inner > ul li a #upload_index1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#nav_bottom > .inner > ul li.active_message {
  position: relative;
}
#nav_bottom > .inner > ul li.active_message span {
  position: absolute;
  border-radius: 50%;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
  top: 12px;
  right: 20px;
  width: 8px;
  height: 8px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li.active_message span {
    top: 1.3vw;
    right: 4.2vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}

/*
    active mess
*/
.mess_active {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -10px;
  right: 10px;
  border-radius: 50%;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .mess_active {
    width: 0.8vw;
    height: 0.8vw;
    right: 1vw;
    top: -1vw;
  }
}
@media (max-width: 750px) {
  .mess_active {
    width: 1.6vw;
    height: 1.6vw;
    top: -2vw;
    right: 2vw;
  }
}

.icon_link {
  text-align: left;
  margin-top: 15px;
}
.icon_link img {
  height: 43px;
  width: auto;
  cursor: pointer;
  object-fit: scale-down;
}
@media (max-width: 750px) {
  .icon_link img {
    height: 8.533333333vw;
  }
}
.icon_link .disable_link {
  opacity: 0.5;
  pointer-events: none;
}
.icon_link span {
  font-size: 16px;
  font-weight: 700;
  vertical-align: 15px;
}
@media (max-width: 750px) {
  .icon_link span {
    vertical-align: 3vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
@media (max-width: 750px) {
  .icon_link {
    margin-top: 2.933333333vw;
  }
}

html[data-select2-id] {
  overflow-x: hidden;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  width: 100%;
  height: 53px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  overflow: hidden;
  outline: unset;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .select2-container--default .select2-selection--single {
    height: 5.3vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  .select2-container--default .select2-selection--single {
    height: 10.66vw;
    border-radius: 2.66vw;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  display: block;
  background-image: url("./../images/vertical/btn_downarrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.5s all;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 53px;
  color: #5285f7;
  font-size: 16px;
  display: inline-block;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 5.3vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 10.66vw;
    font-size: 3.2vw;
  }
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f4f4f4;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #272727;
}

.select2-dropdown {
  border: unset;
}

.select2-results__option--selectable {
  color: #272727;
  font-size: 16px;
  height: 53px;
  padding: 20px 0;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .select2-results__option--selectable {
    font-size: 1.6vw;
    height: 5.3vw;
    padding: 2vw 0;
  }
}
@media (max-width: 750px) {
  .select2-results__option--selectable {
    height: 14.13333333vw;
    padding: 5.333333333vw 0;
    font-size: 3.2vw;
  }
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 1vw;
  }
}

/*
    modal slider
*/
.filter_zoomming {
  opacity: 0;
  pointer-events: none;
  z-index: 999999;
  background: #272727;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 100%;
  overflow: hidden;
  touch-action: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0s 0.15s, top 0.15s;
}
.filter_zoomming .close_z {
  position: absolute;
  display: block;
  width: 43px;
  top: 12px;
  right: 16px;
  z-index: 1;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .filter_zoomming .close_z {
    width: 4.3vw;
    top: 1.2vw;
    right: 1.6vw;
  }
}
@media (max-width: 750px) {
  .filter_zoomming .close_z {
    width: 8.533333333vw;
    top: 2.4vw;
    right: 3.2vw;
  }
}
.filter_zoomming .zoom_cover {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  touch-action: none;
  -webkit-user-drag: none;
  user-select: none;
}
.filter_zoomming .zoom_cover img {
  width: auto;
  object-fit: contain;
}
.filter_zoomming.active_zoom {
  opacity: 1;
  pointer-events: auto;
  top: 0;
  transition: opacity 0s, top 0.15s;
}
#popup_back {
  opacity: 1;
}
#popup_back .message_modal {
  transform: translate(-50%, -50%);
}
#popup_back h5.title {
  color: #272727;
  font-size: 21px;
  margin-bottom: 21px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_back h5.title {
    font-size: 2.1vw;
    margin-bottom: 2.1vw;
  }
}
@media (max-width: 750px) {
  #popup_back h5.title {
    margin-bottom: 4.266666667vw;
    font-size: 4.266666667vw;
  }
}
#popup_back .popup_back_content {
  padding-bottom: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_back .popup_back_content {
    padding-bottom: 4vw;
  }
}
@media (max-width: 750px) {
  #popup_back .popup_back_content {
    padding-bottom: 8vw;
  }
}
#popup_back .popup_back_content p {
  color: #272727;
  font-size: 19px;
  font-weight: 600;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_back .popup_back_content p {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #popup_back .popup_back_content p {
    font-size: 3.733333333vw;
  }
}
#popup_back a {
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_back a {
    padding: 1.9vw 0 2.1vw 0;
    border-radius: 2.9vw;
  }
}
@media (max-width: 750px) {
  #popup_back a {
    border-radius: 5.866666667vw;
    padding: 3.73vw 0 4.26vw 0;
  }
}
#popup_back a.exit_popup {
  padding: 0;
}
#popup_back a.yes {
  background-color: #4b4b4b;
  margin-bottom: 21px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #popup_back a.yes {
    margin-bottom: 4.266666667vw;
  }
}
#popup_back a.no {
  background-color: #9b9b9b;
  font-weight: 600;
}

.message_item_buttons {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.message_item_buttons .btn_dm {
  margin-right: 3px;
}
@media (max-width: 750px) {
  .message_item_buttons .btn_dm {
    margin-right: 0.8vw;
  }
}
.message_item_buttons .btn_important.opacity {
  display: none;
}
.message_item_buttons img {
  width: 43px;
  height: 100%;
}

.message_detail_buttons {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.message_detail_buttons .btn_dm {
  margin-right: 3px;
}
@media (max-width: 750px) {
  .message_detail_buttons .btn_dm {
    margin-right: 0.8vw;
  }
}
.message_detail_buttons .btn_important.opacity {
  display: none;
}
.message_detail_buttons img {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes loading-file {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #333333, 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.5), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.7), 1.8em -1.8em 0 0em #333333, 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.5), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.7), 2.5em 0em 0 0em #333333, 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.5), 2.5em 0em 0 0em rgba(51, 51, 51, 0.7), 1.75em 1.75em 0 0em #333333, 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.5), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.7), 0em 2.5em 0 0em #333333, -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.5), 0em 2.5em 0 0em rgba(51, 51, 51, 0.7), -1.8em 1.8em 0 0em #333333, -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.5), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.7), -2.6em 0em 0 0em #333333, -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.5), -2.6em 0em 0 0em rgba(51, 51, 51, 0.7), -1.8em -1.8em 0 0em #333333;
  }
}
@keyframes loading-file {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #333333, 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.5), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.7), 1.8em -1.8em 0 0em #333333, 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.5), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.7), 2.5em 0em 0 0em #333333, 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.5), 2.5em 0em 0 0em rgba(51, 51, 51, 0.7), 1.75em 1.75em 0 0em #333333, 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.5), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.7), 0em 2.5em 0 0em #333333, -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.2), -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.5), 0em 2.5em 0 0em rgba(51, 51, 51, 0.7), -1.8em 1.8em 0 0em #333333, -2.6em 0em 0 0em rgba(51, 51, 51, 0.2), -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.5), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.7), -2.6em 0em 0 0em #333333, -1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(51, 51, 51, 0.2), 1.8em -1.8em 0 0em rgba(51, 51, 51, 0.2), 2.5em 0em 0 0em rgba(51, 51, 51, 0.2), 1.75em 1.75em 0 0em rgba(51, 51, 51, 0.2), 0em 2.5em 0 0em rgba(51, 51, 51, 0.2), -1.8em 1.8em 0 0em rgba(51, 51, 51, 0.5), -2.6em 0em 0 0em rgba(51, 51, 51, 0.7), -1.8em -1.8em 0 0em #333333;
  }
}
#popup_share .popup_share {
  border-radius: 11px;
  padding: 39px 21px;
  width: 356px;
  overflow: unset;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share {
    border-radius: 1.1vw;
    padding: 3.9vw 2.1vw;
    width: 35.6vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share {
    border-radius: 2.133vw;
    padding: 7.733vw 4.2667vw;
    width: 71.2vw;
  }
}
#popup_share .popup_share .close_icon {
  top: -50px;
  right: 0;
  width: 43px;
  height: 43px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .close_icon {
    top: -5vw;
    right: 0;
    width: 4.3vw;
    height: 4.3vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .close_icon {
    top: -10vw;
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
#popup_share .popup_share .close_icon > img {
  min-width: 43px;
  height: 43px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .close_icon > img {
    min-width: 4.3vw;
    height: 4.3vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .close_icon > img {
    min-width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
#popup_share .popup_share .inner .share_twitter {
  padding-bottom: 33px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 33px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .share_twitter {
    padding-bottom: 3.3vw;
    margin-bottom: 3.3vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .share_twitter {
    padding-bottom: 6.666666667vw;
    margin-bottom: 6.666666667vw;
  }
}
#popup_share .popup_share .inner .share_twitter a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#popup_share .popup_share .inner .share_twitter a > p {
  border-radius: 50%;
  width: 67px;
  height: 67px;
  background-color: #1da1f2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .share_twitter a > p {
    width: 67px;
    height: 67px;
    margin: 0 auto 8px;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .share_twitter a > p {
    width: 13.33333333vw;
    height: 13.33333333vw;
    margin-bottom: 1.6vw;
  }
}
#popup_share .popup_share .inner .share_twitter a > p > img {
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .share_twitter a > p > img {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .share_twitter a > p > img {
    width: 8vw;
    height: 8vw;
  }
}
#popup_share .popup_share .inner .link_report {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .link_report {
    margin: 0 -1.3vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .link_report {
    margin: 0 -2.53vw;
  }
}
#popup_share .popup_share .inner .link_report a {
  display: block;
}
#popup_share .popup_share .inner .link_report a > p {
  border-radius: 50%;
  border: 1px solid #c7c7c7;
  width: 67px;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .link_report a > p {
    width: 6.7vw;
    height: 6.7vw;
    margin: 0 auto 0.8vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .link_report a > p {
    width: 13.33333333vw;
    height: 13.33333333vw;
    margin-bottom: 1.6vw;
  }
}
#popup_share .popup_share .inner .link_report a > p > img {
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner .link_report a > p > img {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner .link_report a > p > img {
    width: 8vw;
    height: 8vw;
  }
}
#popup_share .popup_share .inner a {
  color: #5f5f5f;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 0 13px;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner a {
    font-size: 1.3vw;
    padding: 0 1.3vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner a {
    padding: 0 2.53vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#popup_share .popup_share .inner a > p {
  font-size: 19px;
  line-height: 32px;
  font-weight: normal;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #popup_share .popup_share .inner a > p {
    font-size: 1.9vw;
    line-height: 3.2vw;
  }
}
@media (max-width: 750px) {
  #popup_share .popup_share .inner a > p {
    margin-bottom: 1.6vw;
  }
}

#home_list_post #popup_success {
  background-color: rgba(51, 51, 51, 0.9);
  backdrop-filter: blur(5px);
}

.name_wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
@media (max-width: 750px) {
  .name_wrapper {
    margin-bottom: 2.133vw;
  }
}
.name_wrapper .img_creator {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
}
@media (max-width: 750px) {
  .name_wrapper .img_creator {
    width: 8vw;
    height: 8vw;
  }
}
.name_wrapper .img_creator .name_img {
  border: 1px solid #fff;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  margin: 2px;
}
@media (max-width: 750px) {
  .name_wrapper .img_creator .name_img {
    margin: 1px;
  }
}
.name_wrapper .name_img {
  width: 37px;
  height: 37px;
  border-radius: 50%;
}
@media (max-width: 750px) {
  .name_wrapper .name_img {
    width: 7.467vw;
    height: 7.467vw;
  }
}
.name_wrapper .name_info {
  padding-left: 5px;
  max-width: 85%;
}
@media (max-width: 750px) {
  .name_wrapper .name_info {
    padding-left: 1.067vw;
  }
}
.name_wrapper .name_info h3 {
  text-align: left;
  font-size: 13px;
  color: #4b4b4b;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .name_wrapper .name_info h3 {
    font-size: 2.667vw;
    margin-bottom: 1.067vw;
  }
}
.name_wrapper .name_info h3 span {
  color: #9b9b9b;
}
.name_wrapper .name_info h3.name_creator {
  color: #5285f7;
}
.name_wrapper .name_info > span {
  color: #c7c7c7;
  font-size: 12px;
  display: block;
  text-align: left;
}
@media (max-width: 750px) {
  .name_wrapper .name_info > span {
    font-size: 2.4vw;
  }
}
.name_wrapper .name_info_detail {
  padding-left: 5px;
}
@media (max-width: 750px) {
  .name_wrapper .name_info_detail {
    padding-left: 1.067vw;
  }
}
.name_wrapper .name_info_detail h3 {
  text-align: left;
  font-size: 13px;
  color: #4b4b4b;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .name_wrapper .name_info_detail h3 {
    font-size: 2.667vw;
    margin-bottom: 1.067vw;
  }
}
.name_wrapper .name_info_detail h3 span {
  color: #9b9b9b;
}
.name_wrapper .name_info_detail h3.name_creator {
  color: #5285f7;
}
.name_wrapper .name_info_detail > span {
  color: #c7c7c7;
  font-size: 12px;
  display: block;
  text-align: left;
}
@media (max-width: 750px) {
  .name_wrapper .name_info_detail > span {
    font-size: 2.4vw;
  }
}

.interaction {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.interaction .likes {
  display: flex;
  align-items: center;
}
.interaction .likes > img {
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  .interaction .likes > img {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.interaction .likes .num_like {
  color: #adadad;
  font-size: 16px;
  text-align: left;
  display: block;
  padding-left: 9px;
}
@media (max-width: 750px) {
  .interaction .likes .num_like {
    padding-left: 1.813vw;
    font-size: 3.2vw;
  }
}
.interaction .list_interaction {
  display: flex;
  align-items: center;
}
.interaction .list_interaction .ev_likes {
  cursor: pointer;
  border-radius: 13px;
  border: 1px solid #eeeeee;
  padding: 8px;
}
@media (max-width: 750px) {
  .interaction .list_interaction .ev_likes {
    border-radius: 2.667vw;
    padding: 1.6vw;
  }
}
.interaction .list_interaction .add_comment {
  margin-left: 12px;
  border-radius: 13px;
  border: 1px solid #eeeeee;
  padding: 8px;
}
@media (max-width: 750px) {
  .interaction .list_interaction .add_comment {
    padding: 1.6vw;
    border-radius: 2.667vw;
    margin-left: 2.4vw;
  }
}
.interaction .list_interaction img {
  width: 40px;
  height: 40px;
}
@media (max-width: 750px) {
  .interaction .list_interaction img {
    width: 8vw;
    height: 8vw;
  }
}

.comment_menu {
  position: absolute;
  top: 0;
  right: 0;
}

.border_bottom {
  border-bottom: 1px solid #e5e5e5;
}

/*
    Style page creator guide
*/
.tlt_help {
  position: relative;
  color: #272727;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  .tlt_help {
    margin-bottom: 11.2vw;
    font-size: 4.8vw;
  }
}
.tlt_help:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 24px;
  left: 0;
  background-color: #a28865;
}
@media (max-width: 750px) {
  .tlt_help:before {
    height: 4.8vw;
    width: 0.533333333vw;
  }
}
.tlt_help h2 {
  padding-left: 11px;
}
@media (max-width: 750px) {
  .tlt_help h2 {
    padding-left: 2.133vw;
  }
}

.btn.btn_inquiry {
  background-color: #4b4b4b;
  font-size: 19px;
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  border-radius: 29px;
  max-width: 436px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .btn.btn_inquiry {
    border-radius: 5.867vw;
    padding: 4vw 0;
    max-width: 87.2vw;
    font-size: 3.733333333vw;
  }
}

.item_notice_guide .title_flame {
  background: url(../images/img_guide/titleflamegreen@2x.png) no-repeat;
  background-size: cover;
  position: relative;
  height: 334.5px;
  width: 100%;
  margin-bottom: 21px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  padding: 16px;
}
@media (max-width: 750px) {
  .item_notice_guide .title_flame {
    margin-bottom: 4.267vw;
    height: 43.733vw;
    padding: 3.2vw;
  }
}
.item_notice_guide .title_flame > .inner {
  border: 1px solid #ffffff;
  border-radius: 4px;
  height: 100%;
}
@media (max-width: 750px) {
  .item_notice_guide .title_flame > .inner {
    border-radius: 0.8vw;
  }
}
.item_notice_guide .title_flame > .inner h3 {
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  line-height: 36px;
  width: 100%;
}
@media (max-width: 750px) {
  .item_notice_guide .title_flame > .inner h3 {
    line-height: 7.2vw;
    font-size: 4.2667vw;
  }
}
.item_notice_guide .title_flame > .inner h3.one_text {
  top: 50%;
}
.item_notice_guide .title_flame > .inner h3 span {
  display: block;
}
.item_notice_guide .title_flame > .inner .tips {
  display: flex;
  align-items: center;
  justify-content: center;
}
.item_notice_guide .title_flame > .inner .tips p {
  font-weight: bold;
  font-family: "Noto Sans CJK Japanese Medium", Sans-Serif !important;
  font-size: 19px;
  line-height: 27px;
  color: #f4f4f4 !important;
  margin-left: 8px;
}
@media (max-width: 750px) {
  .item_notice_guide .title_flame > .inner .tips p {
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
    margin-left: 1.6vw;
  }
}

.txt_color {
  color: #48b5b2;
  font-size: 19px;
  display: block;
}
@media (max-width: 750px) {
  .txt_color {
    font-size: 3.733vw;
  }
}

.benefits_plan {
  background-color: #fbeaea;
  border-radius: 13px;
  padding: 21px;
  font-weight: bold;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  .benefits_plan {
    margin-bottom: 11.2vw;
    padding: 4.267vw;
    border-radius: 2.667vw;
  }
}
.benefits_plan h4 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 23px;
  color: #ff5858;
}
@media (max-width: 750px) {
  .benefits_plan h4 {
    margin-bottom: 4.533vw;
    font-size: 4vw;
  }
}
.benefits_plan p {
  font-size: 17px;
  color: #272727;
}
@media (max-width: 750px) {
  .benefits_plan p {
    font-size: 3.467vw;
  }
}
.benefits_plan p a {
  color: #5285f7;
}

.tlt_guide_content {
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  margin-bottom: 56px;
  color: #42bc8d;
  line-height: 41px;
}
@media (max-width: 750px) {
  .tlt_guide_content {
    line-height: 8.267vw;
    margin-bottom: 11.2vw;
    font-size: 4.8vw;
  }
}

.equipment p {
  font-size: 19px;
  line-height: 32px;
  text-align: left;
  letter-spacing: -0.5px;
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  .equipment p {
    line-height: 6.4vw;
    font-size: 3.733vw;
    margin-bottom: 8vw;
  }
}
.equipment p strong {
  font-weight: bold;
  display: block;
}
.equipment p span {
  color: #48b5b2;
}
.equipment p a {
  color: #5285f7;
}

.go_to_top {
  color: #42bc8d;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  display: block;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
}
@media (max-width: 750px) {
  .go_to_top {
    font-size: 3.733vw;
  }
}

.txt_desp_top span {
  display: block;
  color: #5285f7;
}
.txt_desp_top span a {
  color: #5285f7;
  font-weight: bold;
}

.no_font_weight strong {
  font-weight: bold;
  display: block;
}
.no_font_weight.no_bottom {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  .no_font_weight.no_bottom {
    margin-bottom: 3.2vw;
  }
}
.no_font_weight a {
  color: #5285f7;
  font-weight: bold;
}

.header_navigation .tab_content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
}
.header_navigation .tab_content.no_pd_left {
  padding-left: 0;
  border-bottom: 0;
}
@media (max-width: 750px) {
  .header_navigation .tab_content {
    padding-bottom: 0;
  }
}
.header_navigation .tab_content li {
  padding: 0;
  width: 50%;
}
@media (max-width: 750px) {
  .header_navigation .tab_content li {
    padding: 0;
  }
}
.header_navigation .tab_content li a {
  display: block;
  padding-bottom: 16px;
  border-bottom: 3px solid #fafafa;
  font-size: 13px;
  position: relative;
  color: #4b4b4b;
  font-weight: bold;
}
@media (max-width: 750px) {
  .header_navigation .tab_content li a {
    padding-bottom: 3.2vw;
    border-bottom: 2px solid #fafafa;
    font-size: 2.666666667vw;
  }
}
.header_navigation .tab_content li a .border {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}
.header_navigation .tab_content li.active .border {
  height: 3px;
  background: #4b4b4b;
  border-radius: 40px;
}
@media (max-width: 750px) {
  .header_navigation .tab_content li.active .border {
    height: 2px;
  }
}

.w_6 {
  font-weight: 600 !important;
}

.w_3 {
  font-weight: 300 !important;
}

.light_red {
  color: #ff5858 !important;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
}

.bg_light_gray {
  background-color: #f4f4f4 !important;
  color: #9b9b9b !important;
}

.bg_light_green {
  background-color: #e8ffeb !important;
  color: #42bc8d !important;
}

.bg_light_red {
  background-color: #fbeaea !important;
  color: #ff5858 !important;
}

.tlt_guide_center {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mg_bottom_42 {
  margin-bottom: 56px !important;
}
@media (max-width: 750px) {
  .mg_bottom_42 {
    margin-bottom: 11.2vw !important;
  }
}

.mg_bottom_60 {
  margin-bottom: 80px !important;
}
@media (max-width: 750px) {
  .mg_bottom_60 {
    margin-bottom: 16vw !important;
  }
}

.light_blue {
  color: #5285f7 !important;
}

.light_pink {
  color: #ff7192 !important;
}

.tlt_guide_type {
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-weight: 600;
  color: #272727;
  font-size: 21px;
  line-height: 36px;
  margin-bottom: 56px;
  text-align: left;
  border-left: 3px solid #42bc8d;
}
@media (max-width: 750px) {
  .tlt_guide_type {
    font-size: 4.2666666667vw;
    line-height: 7.2vw;
    margin-bottom: 11.2vw;
    border-left: 0.5333333333vw solid #42bc8d;
  }
}

.mg_bottom_12 {
  margin-bottom: 16px !important;
}
@media (max-width: 750px) {
  .mg_bottom_12 {
    margin-bottom: 3.2vw !important;
  }
}

.mg_bottom_21 {
  margin-bottom: 28px !important;
}
@media (max-width: 750px) {
  .mg_bottom_21 {
    margin-bottom: 5.6vw !important;
  }
}

.no_bottom {
  margin-bottom: 0 !important;
}

.pd_left_10 {
  padding-left: 13px;
}
@media (max-width: 750px) {
  .pd_left_10 {
    padding-left: 2.6666666667vw;
  }
}

.no_padding {
  padding: 0;
}

.padding_lr_10 {
  padding: 0 13px;
}
@media (max-width: 750px) {
  .padding_lr_10 {
    padding: 0 2.6666666667vw;
  }
}

.pd_bottom_10 {
  padding-bottom: 13px;
}
@media (max-width: 750px) {
  .pd_bottom_10 {
    padding-bottom: 2.6666666667vw;
  }
}

.xdsoft_datetimepicker {
  min-width: 312px;
}

.d-flex {
  display: flex;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.mb-10 {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  .mb-10 {
    margin-bottom: 2.6666666667vw;
  }
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.c-9b9b9b {
  color: #9B9B9B;
}

@keyframes slideTitle {
  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInEnlarge {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleXwidth {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
  20% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  40% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate(0deg);
    transform: scale3d(0.95, 0.95, 0.95) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
    transform: scale3d(1.01, 1.01, 1.01);
  }
  80% {
    -webkit-transform: scale3d(0.99, 0.99, 0.99);
    transform: scale3d(0.99, 0.99, 0.99);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes bounceInLoop {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  40% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95);
  }
  60% {
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
    transform: scale3d(1.01, 1.01, 1.01);
  }
  80% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes bounceInCenter {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.3, 1.3, 1.3) translate(-50%, -50%);
    transform: scale3d(1.3, 1.3, 1.3) translate(-50%, -50%);
  }
  20% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03) translate(-50%, -50%);
    transform: scale3d(1.03, 1.03, 1.03) translate(-50%, -50%);
  }
  40% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95) translate(-50%, -50%);
    transform: scale3d(0.95, 0.95, 0.95) translate(-50%, -50%);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.01, 1.01, 1.01) translate(-50%, -50%);
    transform: scale3d(1.01, 1.01, 1.01) translate(-50%, -50%);
  }
  80% {
    -webkit-transform: scale3d(0.99, 0.99, 0.99) translate(-50%, -50%);
    transform: scale3d(0.99, 0.99, 0.99) translate(-50%, -50%);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%);
    transform: scale3d(1, 1, 1) translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes bounceOut {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  20% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  40% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate(0deg);
    transform: scale3d(0.95, 0.95, 0.95) rotate(0deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
    transform: scale3d(1.01, 1.01, 1.01);
  }
  80% {
    -webkit-transform: scale3d(0.99, 0.99, 0.99);
    transform: scale3d(0.99, 0.99, 0.99);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes bounceInroll {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate(0, 50px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes rotateDownLeft {
  0% {
    opacity: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -20deg);
    transform: rotate3d(0, 0, 1, -20deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 2deg);
    transform: rotate3d(0, 0, 1, 2deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -1deg);
    transform: rotate3d(0, 0, 1, -1deg);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}
@keyframes shadowSlide {
  from, 20%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }
  80% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes shadowSlide_sp {
  from, 20%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate(-7px, -7px);
    transform: translate(-7px, -7px);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(-7px, -7px);
    transform: translate(-7px, -7px);
  }
  80% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes blurInTitle {
  from, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale(1);
    -webkit-filter: blur(30px);
    filter: blur(30px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes Turnboard {
  from {
    -webkit-transform: perspective(300px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(300px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(300px) rotate3d(0, 1, 0, -10deg);
    transform: perspective(300px) rotate3d(0, 1, 0, -10deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    -webkit-transform: perspective(300px) rotate3d(0, 1, 0, 5deg);
    transform: perspective(300px) rotate3d(0, 1, 0, 5deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(300px) rotate3d(0, 1, 0, -2deg);
    transform: perspective(300px) rotate3d(0, 1, 0, -2deg);
  }
  to {
    opacity: 1;
    -webkit-transform: perspective(300px);
    transform: perspective(300px);
  }
}
@keyframes fuwafuwa {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fadeOutAnime {
  0%, 60%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes fadeOutAnimeBtn {
  0%, 60%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-100%, -80%) scale(1, 1);
  }
  60% {
    transform: translate(-100%, -80%) scale(1.2, 1.2);
  }
  100% {
    transform: translate(-50%, -40%) scale(0, 0);
  }
}
@keyframes bounceInDown {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(1, 1, 1) translate(0, -40px);
  }
  20% {
    transform: scale3d(1, 1, 1);
  }
  40% {
    transform: scale3d(1.1, 0.9, 1) translate(0, 5px);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.95, 1.05, 1) translate(0, -2px);
  }
  80% {
    transform: scale3d(1, 1, 1) translate(0, 0);
  }
  to {
    transform: scale3d(1, 1, 1) translate(0, 0);
    opacity: 1;
  }
}
@keyframes bounceOutUp {
  from, to {
    -webkit-animation-timing-function: cubic-bezier(0.915, 0.03, 0.91, 0.35);
    animation-timing-function: cubic-bezier(0.915, 0.03, 0.91, 0.35);
  }
  0% {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate(0, 0);
  }
  to {
    transform: scale3d(0, 0, 1) translate(0, 120px);
    opacity: 0;
  }
}
@keyframes kujiOpen1step {
  0%, 100% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  0% {
    height: 50%;
  }
  to {
    height: 0;
  }
}
@keyframes kujiOpen2step {
  0%, 100% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  0% {
    height: 0;
  }
  to {
    height: 50%;
  }
}
@keyframes rotationInner {
  0%, 100% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes kujiOpen3step {
  0%, 40%, 60%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    top: 15%;
    transform: scale3d(1, 1, 1) translate(-50%, -50%);
  }
  60% {
    opacity: 1;
    top: -13%;
  }
  to {
    opacity: 1;
    top: -10%;
    transform: scale3d(1, 1, 1) translate(-50%, -50%);
  }
}
@keyframes kujifadeout {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    top: 48.5%;
    opacity: 0;
    transform: scale(0.9, 0.9);
  }
  50% {
    top: 48.5%;
    opacity: 0;
    transform: scale(0.9, 0.9);
  }
  to {
    top: 48.5%;
    width: 67.33vw;
    opacity: 1;
    transform: scale(1, 1);
  }
}
/*
    個別にアニメーション
*/
@keyframes lottery_fuwa01 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -20%) rotate(-20deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@keyframes lottery_fuwa02 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(10deg);
  }
  50% {
    transform: translate(-40%, -80%) rotate(25deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(10deg);
  }
}
@keyframes lottery_fuwa03 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(-35deg);
  }
  50% {
    transform: translate(-60%, 10%) rotate(-79deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-35deg);
  }
}
@keyframes lottery_fuwa04 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(-133deg);
  }
  50% {
    transform: translate(-40%, -40%) rotate(-133deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-133deg);
  }
}
@keyframes lottery_fuwa05 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(-66deg);
  }
  50% {
    transform: translate(-50%, -90%) rotate(-66deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-66deg);
  }
}
@keyframes lottery_fuwa08 {
  0%, 50%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    transform: translate(-50%, -50%) rotate(-192deg);
  }
  50% {
    transform: translate(-50%, 10%) rotate(-192deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-192deg);
  }
}
/*
    common
*/
html,
body {
  width: 100%;
  height: auto;
  font-size: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  word-wrap: break-word;
  text-align: center;
  background-color: #f4f4f4;
}
html.hidden,
body.hidden {
  height: 100%;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  -webkit-touch-callout: none;
}

ul,
ol {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.util_sp {
  display: none !important;
}
@media (max-width: 750px) {
  .util_sp {
    display: block !important;
  }
}

.util_pc {
  display: block !important;
}
@media (max-width: 750px) {
  .util_pc {
    display: none !important;
  }
}

@media print {
  img {
    display: none;
  }
}
/*
    loader
*/
#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
}

.loader_file_uploaded {
  position: absolute;
  display: none;
  font-size: 4px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .loader_file_uploaded {
    font-size: 3px;
  }
}

.loading_slider {
  position: fixed;
  display: none;
  font-size: 4px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  left: 50%;
  top: calc(77px + 1.5em);
  z-index: 99999;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .loading_slider {
    font-size: 3px;
    top: calc(15.46666667vw + 1.5em);
  }
}

.loader_file_uploaded_message {
  position: absolute;
  font-size: 4px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .loader_file_uploaded_message {
    font-size: 3px;
  }
}

.loading_switch_plan_buy_back {
  position: absolute;
  font-size: 8px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  top: 140px;
  left: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .loading_switch_plan_buy_back {
    font-size: 4px;
    top: 28vw;
  }
}

.loading_load_more_item_buy_back {
  position: absolute;
  font-size: 6px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .loading_load_more_item_buy_back {
    font-size: 3px;
    bottom: 4.8vw;
  }
}

.loading_change_month_buy_back {
  position: absolute;
  font-size: 6px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  top: 32px;
  left: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .loading_change_month_buy_back {
    font-size: 3px;
    top: 6.4vw;
  }
}

/*
	header
*/
header#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
}
header#header.absolute {
  position: absolute;
}
header#header > .inner {
  margin: auto;
  width: 100%;
  max-width: 500px;
  font-size: 20px;
  padding: 32px 66px;
  text-align: right;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header#header > .inner {
    font-size: 2vw;
    padding: 3.2vw 6.6vw;
  }
}
@media (max-width: 750px) {
  header#header > .inner {
    padding: 4.267vw 8.53vw;
  }
}
header#header > .inner:after {
  content: "";
  display: table;
  clear: both;
  font-size: 0;
  line-height: 0;
}
header#header > .inner > .login {
  margin: 0 0 0 auto;
  font-size: 20px;
  display: inline-block;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.6);
  color: #a28865;
  border: 1px solid #a28865;
  border-radius: 40px;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header#header > .inner > .login {
    font-size: 2vw;
  }
}
@media (max-width: 750px) {
  header#header > .inner > .login {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
header#header > .inner > .login > span {
  display: block;
  padding: 12px 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header#header > .inner > .login > span {
    padding: 1.2vw 2.4vw;
  }
}
@media (max-width: 750px) {
  header#header > .inner > .login > span {
    padding: 1.6vw 3.2vw;
  }
}

header {
  max-width: 750px;
  margin: 0 auto;
  top: 0;
  width: 100%;
  z-index: 998;
  background-color: #fafafa;
  position: fixed;
}
@media (max-width: 750px) {
  header {
    position: fixed;
  }
}
header.header {
  height: 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header {
    height: 5vw;
    max-width: 75vw;
  }
}
@media (max-width: 750px) {
  header.header {
    border-bottom: 1px solid #e5e5e5;
    height: 13.33333333vw;
    max-width: 100%;
  }
}
header.header > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media (max-width: 750px) {
  header.header > .inner {
    margin-left: 2.67vw;
    margin-right: 2.67vw;
  }
}
header.header > .inner .redirect_back {
  cursor: pointer;
  z-index: 99;
  content: "";
  display: block;
  position: absolute;
  left: 12px;
  top: 50%;
  width: 32px;
  height: 32px;
  background-image: url("./../images/vertical/btn_backarrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header > .inner .redirect_back {
    left: 1.2vw;
    width: 2.4vw;
    height: 2.4vw;
  }
}
@media (max-width: 750px) {
  header.header > .inner .redirect_back {
    width: 6.4vw;
    height: 6.4vw;
    left: 0;
  }
}
header.header > .inner .redirect_next {
  font-size: 16px;
  right: 13px;
  position: absolute;
  color: #5285f7;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header > .inner .redirect_next {
    right: 1.3vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  header.header > .inner .redirect_next {
    font-size: 16px;
    font-size: 4.2666666667vw;
    right: 0;
  }
}
header.header > .inner .ttl_header {
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header > .inner .ttl_header {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  header.header > .inner .ttl_header {
    font-size: 3.733333333vw;
  }
}
header.header > .inner .message_btn {
  font-size: 14px;
  position: absolute;
  display: flex;
  align-items: center;
  right: 9px;
  top: 0;
  height: 100%;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header > .inner .message_btn {
    right: 0.9vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  header.header > .inner .message_btn {
    font-size: 14px;
    font-size: 3.7333333333vw;
    right: 0;
  }
}
header.header > .inner .message_btn a {
  color: #fff;
  border-radius: 2px;
  padding: 10px 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  header.header > .inner .message_btn a {
    border-radius: 0.2vw;
    padding: 1vw 2vw;
  }
}
@media (max-width: 750px) {
  header.header > .inner .message_btn a {
    padding: 2.67vw 5.33vw;
    border-radius: 0.533333333vw;
  }
}

footer#footer, footer.footer_guide {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 152px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer, footer.footer_guide {
    padding-top: 15.2vw;
  }
}
@media (max-width: 750px) {
  footer#footer, footer.footer_guide {
    max-width: 100%;
    padding-top: 16vw;
  }
}
footer#footer > .inner, footer.footer_guide > .inner {
  width: 100%;
  max-width: 750px;
  margin: auto;
  font-size: 13px;
  color: #a28865;
  padding: 0;
  background-color: #f4f4f4;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner, footer.footer_guide > .inner {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner, footer.footer_guide > .inner {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
footer#footer > .inner > .link > ul, footer.footer_guide > .inner > .link > ul {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-wrap: wrap;
  padding: 16px 0 26px 0;
  text-align: center;
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul, footer.footer_guide > .inner > .link > ul {
    padding: 1.6vw 0 2.6vw 0;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul, footer.footer_guide > .inner > .link > ul {
    padding: 3.2vw 0 35vw;
    max-width: 100%;
  }
}
footer#footer > .inner > .link > ul > li, footer.footer_guide > .inner > .link > ul > li {
  padding: 9px 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li, footer.footer_guide > .inner > .link > ul > li {
    padding: 0.9vw 1.3vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li, footer.footer_guide > .inner > .link > ul > li {
    padding: 1.866666667vw 3.2vw;
  }
}
footer#footer > .inner > .link > ul > li.help, footer.footer_guide > .inner > .link > ul > li.help {
  padding-left: 22px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li.help, footer.footer_guide > .inner > .link > ul > li.help {
    padding-left: 2.2vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li.help, footer.footer_guide > .inner > .link > ul > li.help {
    padding-left: 4.4vw;
  }
}
footer#footer > .inner > .link > ul > li .logo_f, footer.footer_guide > .inner > .link > ul > li .logo_f {
  width: 76px;
  margin: 0 auto;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li .logo_f, footer.footer_guide > .inner > .link > ul > li .logo_f {
    width: 7.6vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li .logo_f, footer.footer_guide > .inner > .link > ul > li .logo_f {
    width: 18.13333333vw;
  }
}
footer#footer > .inner > .link > ul > li > a, footer.footer_guide > .inner > .link > ul > li > a {
  color: #a28865;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li > a, footer.footer_guide > .inner > .link > ul > li > a {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li > a, footer.footer_guide > .inner > .link > ul > li > a {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
footer#footer > .inner > .link > ul > li.minudo_logo, footer.footer_guide > .inner > .link > ul > li.minudo_logo {
  padding-left: 120px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li.minudo_logo, footer.footer_guide > .inner > .link > ul > li.minudo_logo {
    padding-left: 6.7vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li.minudo_logo, footer.footer_guide > .inner > .link > ul > li.minudo_logo {
    padding-left: 2.3vw;
  }
}
footer#footer > .inner > .link > ul > li.cpr a, footer.footer_guide > .inner > .link > ul > li.cpr a {
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  footer#footer > .inner > .link > ul > li.cpr a, footer.footer_guide > .inner > .link > ul > li.cpr a {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  footer#footer > .inner > .link > ul > li.cpr a, footer.footer_guide > .inner > .link > ul > li.cpr a {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}

body.open {
  overflow: hidden;
}

#home {
  position: relative;
}

.menu_ranking {
  margin-top: -2.2px;
}

#nav_main {
  position: relative;
  background-color: #fafafa;
  width: 100%;
  max-width: 245px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main {
    max-width: 24.5vw;
  }
}
@media (max-width: 750px) {
  #nav_main {
    width: 0;
  }
}
#nav_main #nav {
  height: 100%;
  position: fixed;
  overflow: auto;
  width: 100%;
  max-width: 245px;
  background-color: #fafafa;
  left: unset;
  top: unset;
  pointer-events: unset;
  z-index: 4;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav {
    max-width: 24.5vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav {
    background-color: #fafafa;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: fixed;
    left: -100%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    max-width: 83.73333333vw;
  }
}
#nav_main #nav > .inner {
  width: 100%;
  position: relative;
  z-index: 1;
  max-height: 100%;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner {
    overflow: auto;
  }
}
#nav_main #nav > .inner > .avatar_vip {
  padding: 13px 16px 16px 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip {
    padding: 1.3vw 1.5vw 1.5vw 1.3vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip {
    padding: 4.2667vw 5.3334vw 4.2667vw 2.667vw;
  }
}
#nav_main #nav > .inner > .avatar_vip a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#nav_main #nav > .inner > .avatar_vip .item_thumbail {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_thumbail {
    width: 4.5vw;
    height: 4.5vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_thumbail {
    width: 12vw;
    height: 12vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_thumbail > span {
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1.3333px solid #fff;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_thumbail > span {
    width: 4.2vw;
    height: 4.2vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_thumbail > span {
    border: 0.53vw solid #fff;
    width: 10.4vw;
    height: 10.4vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_description {
  width: 130px;
  text-align: left;
  font-weight: 700;
  padding-left: 6px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_description {
    width: 13vw;
    padding-left: 0.6vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_description {
    width: 52vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_description h3 {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_description h3 {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_description h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_description p {
  margin-top: 3px;
  color: #9b9b9b;
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_description p {
    margin-top: 0.3vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_description p {
    margin-top: 1vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_info {
  position: relative;
  width: 21px;
  height: 21px;
  top: -8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_info {
    width: 2.1vw;
    height: 2.1vw;
    top: -0.8vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_info {
    width: 6vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_info > span {
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -2px;
  right: -10px;
  border-radius: 50%;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .avatar_vip .item_info > span {
    width: 0.8vw;
    height: 0.8vw;
    top: -0.2vw;
    right: -0.1vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_info > span {
    width: 1.6vw;
    height: 1.6vw;
    top: -0.4vw;
    right: -2vw;
  }
}
#nav_main #nav > .inner > .avatar_vip .item_info.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 1px;
  right: -5px;
  background: #FF5858;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .avatar_vip .item_info.active::before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
#nav_main #nav > .inner .icon_ranking {
  color: #272727;
  font-size: 10px;
  font-weight: bold;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 10px 0 10px 10px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .icon_ranking {
    font-size: 3.2vw;
    padding-left: 5.6vw;
    margin: 3.2vw 0 2.6666666667vw;
  }
}
#nav_main #nav > .inner .icon_ranking:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/vertical/miglamu/icon_ranking.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .icon_ranking:before {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.6vw;
  }
}
#nav_main #nav > .inner .icon_ranking:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  transform: rotate(180deg);
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .icon_ranking:after {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#nav_main #nav > .inner > .preview_link {
  padding: 0 13px 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .preview_link {
    padding: 0 1.3vw 1.6vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .preview_link {
    padding: 0 4.2vw 4.2vw;
  }
}
#nav_main #nav > .inner > .preview_link .button.preview {
  font-size: 12px;
  padding: 12px;
  color: #4B4B4B;
  border: 2px solid #4B4B4B;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .preview_link .button.preview {
    font-size: 1.2vw;
    padding: 1.2vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .preview_link .button.preview {
    padding: 4.2vw;
    font-size: 4.8vw;
  }
}
#nav_main #nav > .inner > .preview_link .button.preview > span {
  text-align: center;
}
#nav_main #nav > .inner > .preview_link .button.preview > span:after {
  width: 12px;
  height: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner > .preview_link .button.preview > span:after {
    width: 1.2vw;
    height: 1.2vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner > .preview_link .button.preview > span:after {
    width: 4vw;
    height: 4vw;
  }
}
#nav_main #nav > .inner ul.navigation {
  position: static;
  top: auto;
  left: auto;
  margin-bottom: 66px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul.navigation {
    margin-bottom: 6.6vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul.navigation {
    margin-bottom: 13.2vw;
  }
}
#nav_main #nav > .inner ul li .tlt_nav {
  color: #797979;
  font-size: 13px;
  padding: 11px 46px 11px 14px;
  text-align: left;
  background-color: #f4f4f4;
  max-width: 100%;
  display: block;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .tlt_nav {
    font-size: 1.3vw;
    padding: 1.1vw 4.6vw 1.1vw 1.4vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .tlt_nav {
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 3.733333333vw 9.066666667vw 3.733333333vw 5.333333333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li {
  text-align: left;
  margin-bottom: 3px;
  background-color: #fff;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li {
    margin-bottom: 0.3vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 0.533333333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a {
  display: block;
  padding: 14px 14px 14px 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li a {
    padding: 1.4vw 1.4vw 1.4vw 1.6vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li a {
    padding: 4.8vw 5.333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi {
  color: #333333;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li a.accordion_navi {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li a.accordion_navi {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi img {
  width: 17px;
  margin-right: 6px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li a.accordion_navi img {
    width: 2.4vw;
    margin-right: 0.9vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li a.accordion_navi img {
    width: 4.8vw;
    margin-right: 1.773333333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi .icon_logout {
  width: 21px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li a.accordion_navi .icon_logout {
    width: 5.6vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi span {
  width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi.help_guide {
  color: #4B4B4B;
}
#nav_main #nav > .inner ul li .nav_item li a.accordion_navi #label_upload_image_nav {
  display: block;
  width: 100%;
}
#nav_main #nav > .inner ul li .nav_item li a.txt_lage {
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li a.txt_lage {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li a.txt_lage {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li a #upload_index3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#nav_main #nav > .inner ul li .nav_item li a.disabled {
  pointer-events: none;
  color: #c7c7c7;
}
#nav_main #nav > .inner ul li .nav_item li a.rotate.main_item:after {
  transform: rotate(270deg);
}
#nav_main #nav > .inner ul li .nav_item li .red_dot:after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FF5858;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 9px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li .red_dot:after {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    margin-left: 1.8666666667vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li .slide_down {
  background-color: #fafafa;
}
#nav_main #nav > .inner ul li .nav_item li .main_item:after {
  content: "";
  width: 20px;
  height: 20px;
  right: 8px;
  margin-top: -10px;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: rotate(180deg);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #nav_main #nav > .inner ul li .nav_item li .main_item:after {
    width: 2vw;
    height: 2vw;
    right: 0.8vw;
    margin-top: -1vw;
  }
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .nav_item li .main_item:after {
    width: 6.4vw;
    height: 6.4vw;
    margin-top: -3.2vw;
    right: 2.8vw;
  }
}
#nav_main #nav > .inner ul li .nav_item li:last-child {
  margin-bottom: 0;
}
#nav_main #nav > .inner ul li .banner_slidebar .slide_banner {
  display: block;
  padding: 11px;
  position: unset;
  width: unset;
  height: unset;
  background-color: unset;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .banner_slidebar .slide_banner {
    padding: 2.1333333333vw;
  }
}
#nav_main #nav > .inner ul li .banner_slidebar .slide_banner img {
  margin: 0 auto;
  border-radius: 9px;
  height: 60px;
  object-fit: contain;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner ul li .banner_slidebar .slide_banner img {
    border-radius: 1.8666666667vw;
    height: 21.3333333333vw;
  }
}
#nav_main #nav > .inner .nav_image {
  padding: 16px;
  font-size: 20px;
  display: block;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .nav_image {
    padding: 3.2vw;
    font-size: 15px;
    font-size: 4vw;
  }
}
#nav_main #nav > .inner .nav_image > .wrapper {
  background-color: #48b5b2;
  position: relative;
  padding: 10px 10px 12px;
  border-radius: 7px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .nav_image > .wrapper {
    padding: 2vw 2vw 2.4vw;
    border-radius: 1.333333333vw;
  }
}
#nav_main #nav > .inner .nav_image > .wrapper .wrapper_title {
  margin-left: -110px;
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  display: flex;
  color: #fff;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .nav_image > .wrapper .wrapper_title {
    margin-left: -22vw;
  }
}
#nav_main #nav > .inner .nav_image > .wrapper .wrapper_title .nav-logo {
  width: 38px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .nav_image > .wrapper .wrapper_title .nav-logo {
    width: 8vw;
  }
}
#nav_main #nav > .inner .nav_image > .wrapper .wrapper_title p {
  padding-top: 11px;
}
@media (max-width: 750px) {
  #nav_main #nav > .inner .nav_image > .wrapper .wrapper_title p {
    padding-top: 2.133333333vw;
  }
}

@media (max-width: 750px) {
  .open {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
  }
}
.open #nav_main #nav {
  top: 0;
  left: 0;
  width: 419px;
  max-width: 100%;
  pointer-events: auto;
  overflow: auto;
  opacity: 1;
  z-index: 9999;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .open #nav_main #nav {
    width: 41.9vw;
  }
}
@media (max-width: 750px) {
  .open #nav_main #nav {
    -webkit-transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    font-size: 14px;
    font-size: 3.7333333333vw;
    width: 83.73333333vw;
  }
}
.open #nav_main #navfilter {
  left: 0;
  opacity: 1;
  margin: 0 auto;
}

#navfilter {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6980392157);
  text-align: right;
  padding: 0;
  -webkit-transition: all 0.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: none;
}
@media (max-width: 750px) {
  #navfilter {
    display: block;
    transition: unset;
  }
}
#navfilter::before {
  content: "";
  display: block;
  width: 27px;
  height: 3px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
  position: absolute;
  top: 30px;
  right: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #navfilter::before {
    width: 2.7vw;
    height: 0.3vw;
    top: 3vw;
    right: 2vw;
  }
}
@media (max-width: 750px) {
  #navfilter::before {
    width: 5.4vw;
    height: 0.6vw;
    top: 6vw;
    right: 4vw;
  }
}
#navfilter::after {
  content: "";
  display: block;
  width: 27px;
  height: 3px;
  background-color: #9b9b9b;
  transform: rotate(-45deg);
  position: absolute;
  top: 30px;
  right: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #navfilter::after {
    width: 2.7vw;
    height: 0.3vw;
    top: 0.3vw;
    right: 0.2vw;
  }
}
@media (max-width: 750px) {
  #navfilter::after {
    width: 5.4vw;
    height: 0.6vw;
    top: 6vw;
    right: 4vw;
  }
}

#nav_bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
  left: 0;
  text-align: center;
  background: #fff;
}
@media (max-width: 750px) {
  #nav_bottom {
    max-width: 100%;
  }
}
#nav_bottom > a {
  position: absolute;
  bottom: 100px;
  right: 20px;
}
@media (max-width: 750px) {
  #nav_bottom > a {
    bottom: 20vw;
    right: 4vw;
  }
}
#nav_bottom > a .nav_add {
  position: relative;
  background: #4b4b4b;
  border-radius: 50%;
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#nav_bottom > a .nav_add form {
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add form {
    width: 23.46666667vw;
    height: 23.46666667vw;
  }
}
#nav_bottom > a .nav_add #upload_index2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 1;
  opacity: 0;
}
#nav_bottom > a .nav_add .container_nav_add {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#nav_bottom > a .nav_add .container_nav_add .nav_add_icon {
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add .nav_add_icon {
    margin-bottom: 1.6vw;
  }
}
#nav_bottom > a .nav_add .container_nav_add .nav_add_icon .cross {
  width: 49px;
  height: 49px;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add .nav_add_icon .cross {
    width: 9.866666667vw;
    height: 9.866666667vw;
  }
}
#nav_bottom > a .nav_add .container_nav_add p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media (max-width: 750px) {
  #nav_bottom > a .nav_add .container_nav_add p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#nav_bottom > .inner {
  position: relative;
  margin: auto;
  max-width: 500px;
}
#nav_bottom > .inner > ul {
  margin: auto;
  max-width: 500px;
  display: flex;
  font-size: 12px;
  list-style: none;
  padding: 0;
  justify-content: flex-start;
  position: relative;
  background-color: #fff;
  max-height: 85px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul {
    font-size: 8px;
    font-size: 2.1333333333vw;
    max-height: 17.0666666667vw;
  }
}
#nav_bottom > .inner > ul li {
  width: 20%;
  padding: 15px 0;
  position: relative;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li {
    width: 20vw;
    padding: 1.86667vw 0;
  }
}
#nav_bottom > .inner > ul li a {
  display: inline-block;
  line-height: 1;
  color: #9b9b9b;
  padding: 0;
  position: relative;
}
#nav_bottom > .inner > ul li a:active {
  background-color: rgba(0, 0, 0, 0.6);
}
#nav_bottom > .inner > ul li a.disable {
  opacity: 0.5;
}
#nav_bottom > .inner > ul li a p {
  font-weight: 600;
  margin-top: 5px;
  font-size: 11px;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a p {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
#nav_bottom > .inner > ul li a img {
  margin: 0 auto;
  width: 44px;
  height: 44px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a img {
    width: 8.266666667vw;
    height: 8.266666667vw;
  }
}
#nav_bottom > .inner > ul li a img .thumbnail {
  border-radius: 50%;
}
#nav_bottom > .inner > ul li a > span.ph_thumbnail {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a > span.ph_thumbnail {
    width: 7.2vw;
    height: 7.2vw;
  }
}
#nav_bottom > .inner > ul li a > span.ph_thumbnail > span {
  display: block;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li a > span.ph_thumbnail > span {
    width: 6.133333333vw;
    height: 6.133333333vw;
  }
}
#nav_bottom > .inner > ul li a #upload_index1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#nav_bottom > .inner > ul li .disable_ranking {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  padding: 7px 11px;
  background-color: rgba(0, 0, 0, 0.631372549);
  border-radius: 16px;
  font-size: 11px;
  color: #fff;
  width: 55%;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li .disable_ranking {
    font-size: 2.1333333333vw;
    border-radius: 3.2vw;
    padding: 1.3333333333vw 2.1333333333vw;
  }
}
#nav_bottom > .inner > ul li.active_message {
  position: relative;
}
#nav_bottom > .inner > ul li.active_message span {
  position: absolute;
  border-radius: 50%;
  background: #FF5858;
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner > ul li.active_message span {
    top: -0.8vw;
    right: -0.8vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
#nav_bottom > .inner .c_btn_add_contents {
  position: relative;
  bottom: 24px;
}
@media (max-width: 750px) {
  #nav_bottom > .inner .c_btn_add_contents {
    bottom: 4.8vw;
  }
}
#nav_bottom .red_dot:after {
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  width: 8px;
  height: 8px;
  background-color: #FF5858;
  border-radius: 50%;
}
@media (max-width: 750px) {
  #nav_bottom .red_dot:after {
    width: 1.6vw;
    height: 1.6vw;
    right: -1.8666666667vw;
  }
}

#home,
#home_buy_back {
  margin: auto;
  width: 100%;
  max-width: 100%;
}
#home .room_vip,
#home_buy_back .room_vip {
  position: fixed;
  max-width: 750px;
  width: 100%;
  background-color: #fafafa;
  height: 50px;
  z-index: 2;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip,
  #home_buy_back .room_vip {
    height: 5vw;
    right: 0;
    max-width: 76%;
  }
}
@media (max-width: 750px) {
  #home .room_vip,
  #home_buy_back .room_vip {
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #e5e5e5;
    max-width: 100%;
  }
}
#home .room_vip > .inner,
#home_buy_back .room_vip > .inner {
  padding: 16px 0 0;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip > .inner,
  #home_buy_back .room_vip > .inner {
    padding: 1.6vw 0 0;
  }
}
@media (max-width: 750px) {
  #home .room_vip > .inner,
  #home_buy_back .room_vip > .inner {
    padding: 4.266666667vw 0 0;
  }
}
#home .room_vip > .inner .ttl_header,
#home_buy_back .room_vip > .inner .ttl_header {
  font-size: 16px;
  color: #272727;
  text-align: center;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip > .inner .ttl_header,
  #home_buy_back .room_vip > .inner .ttl_header {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #home .room_vip > .inner .ttl_header,
  #home_buy_back .room_vip > .inner .ttl_header {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#home .room_vip > .inner .ttl_header img,
#home_buy_back .room_vip > .inner .ttl_header img {
  position: absolute;
  right: 21px;
  width: 31px;
  height: 31px;
  transform: translateY(-25%);
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip > .inner .ttl_header img,
  #home_buy_back .room_vip > .inner .ttl_header img {
    right: 2.1vw;
    width: 3.1vw;
    height: 3.1vw;
  }
}
@media (max-width: 750px) {
  #home .room_vip > .inner .ttl_header img,
  #home_buy_back .room_vip > .inner .ttl_header img {
    right: 4vw;
    width: 5.066666667vw;
    height: 5.333333333vw;
    top: 3.733333333vw;
    transform: translateY(0);
  }
}
#home .room_vip > .inner .ttl_header.active::before,
#home_buy_back .room_vip > .inner .ttl_header.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 15px;
  right: 10px;
  background: transparent linear-gradient(81deg, #a28865 0%, #c6746c 47%, #9975dd 100%) 0% 0% no-repeat padding-box;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  #home .room_vip > .inner .ttl_header.pc,
  #home_buy_back .room_vip > .inner .ttl_header.pc {
    display: none;
  }
}
#home .room_vip > .inner .ttl_header.sp,
#home_buy_back .room_vip > .inner .ttl_header.sp {
  display: none;
}
@media (max-width: 750px) {
  #home .room_vip > .inner .ttl_header.sp,
  #home_buy_back .room_vip > .inner .ttl_header.sp {
    display: block;
  }
}
#home .room_vip > .inner a.send_message,
#home_buy_back .room_vip > .inner a.send_message {
  color: #fff;
  background-color: #4b4b4b;
  border-radius: 2px;
  padding: 10px 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 18.7px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip > .inner a.send_message,
  #home_buy_back .room_vip > .inner a.send_message {
    padding: 1vw 2vw;
    font-size: 1.8vw;
    border-radius: 0.2vw;
  }
}
@media (max-width: 750px) {
  #home .room_vip > .inner a.send_message,
  #home_buy_back .room_vip > .inner a.send_message {
    padding: 2.67vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#home .room_vip > .inner a.send_reservation,
#home_buy_back .room_vip > .inner a.send_reservation {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff6c00;
  color: #fff;
  border-radius: 3px;
  padding: 10px 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip > .inner a.send_reservation,
  #home_buy_back .room_vip > .inner a.send_reservation {
    padding: 1vw 2vw;
    border-radius: 0.3vw;
  }
}
#home .room_vip.has_redirect,
#home_buy_back .room_vip.has_redirect {
  border-bottom: 1px solid #e5e5e5;
}
#home .room_vip.has_redirect > .inner,
#home_buy_back .room_vip.has_redirect > .inner {
  position: relative;
}
#home .room_vip.has_redirect > .inner .redirect_back,
#home_buy_back .room_vip.has_redirect > .inner .redirect_back {
  cursor: pointer;
  z-index: 99;
  width: 15px;
  height: 15px;
  content: "";
  display: block;
  border-right: 2px solid #5285f7;
  border-top: 2px solid #5285f7;
  transform: rotate(-135deg);
  position: absolute;
  left: 21.33px;
  top: 40%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip.has_redirect > .inner .redirect_back,
  #home_buy_back .room_vip.has_redirect > .inner .redirect_back {
    width: 1.5vw;
    height: 1.5vw;
    left: 2.133vw;
  }
}
@media (max-width: 750px) {
  #home .room_vip.has_redirect > .inner .redirect_back,
  #home_buy_back .room_vip.has_redirect > .inner .redirect_back {
    width: 3vw;
    height: 3vw;
    left: 4.26vw;
  }
}
#home .room_vip.has_redirect > .inner .ttl_header,
#home_buy_back .room_vip.has_redirect > .inner .ttl_header {
  font-size: 18px;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .room_vip.has_redirect > .inner .ttl_header,
  #home_buy_back .room_vip.has_redirect > .inner .ttl_header {
    font-size: 1.8vw;
  }
}
@media (max-width: 750px) {
  #home .room_vip.has_redirect > .inner .ttl_header,
  #home_buy_back .room_vip.has_redirect > .inner .ttl_header {
    font-size: 4.2vw;
  }
}
#home #wrapper section.section#exp,
#home_buy_back #wrapper section.section#exp {
  padding-top: 35px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home #wrapper section.section#exp,
  #home_buy_back #wrapper section.section#exp {
    padding-top: 3.5vw;
  }
}
@media (max-width: 750px) {
  #home #wrapper section.section#exp,
  #home_buy_back #wrapper section.section#exp {
    padding-top: 0;
  }
}

#wrapper {
  max-width: 1280px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 812px;
  overflow: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper {
    width: 100%;
    min-height: 81.2vw;
  }
}
@media (max-width: 750px) {
  #wrapper {
    width: 100%;
    display: unset;
    min-height: 162.4vw;
  }
}
#wrapper #main_content {
  max-width: 750px;
  width: 100%;
  background-color: #fafafa;
  position: relative;
  padding-top: 60px;
  overflow-x: hidden;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content {
    padding-top: 5vw;
    max-width: 75vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content {
    padding-top: 0;
    max-width: 100%;
  }
}
#wrapper #main_content #mainview {
  margin: auto;
  max-width: 100%;
}
@media (max-width: 750px) {
  #wrapper #main_content #mainview {
    width: 100%;
    padding-top: 14vw;
  }
}
#wrapper #main_content #mainview > .inner {
  position: relative;
  padding-top: 48%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrapper #main_content #mainview > .inner > .frame {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
#wrapper #main_content #mainview > .inner > .thumbnail {
  width: 178px;
  height: 178px;
  border-radius: 50%;
  position: absolute;
  bottom: -83px;
  left: 23px;
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content #mainview > .inner > .thumbnail {
    width: 17.6vw;
    height: 17.6vw;
    bottom: -8.2vw;
    left: 2.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content #mainview > .inner > .thumbnail {
    width: 23.73333333vw;
    height: 23.73333333vw;
    bottom: -16.67vw;
    left: 2.67vw;
  }
}
#wrapper #main_content #mainview > .inner > .thumbnail > .inner {
  width: 166px;
  height: 166px;
  margin: 6px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 4px solid #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content #mainview > .inner > .thumbnail > .inner {
    width: 16.4vw;
    height: 16.4vw;
    margin: 0.6vw;
    border: 0.4vw solid #fff;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content #mainview > .inner > .thumbnail > .inner {
    margin: 0.8vw;
    width: calc(100% - 1.6vw);
    height: calc(100% - 1.6vw);
    border: 0.53vw solid #fff;
  }
}
#wrapper #main_content #mainview > .inner .recommendations {
  position: absolute;
  width: 65%;
  right: 27px;
  text-align: left;
  font-size: 15px;
  line-height: 25px;
  bottom: -61px;
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #wrapper #main_content #mainview > .inner .recommendations {
    right: 5.3333333333vw;
    font-size: 2.9333333333vw;
    line-height: 5.0666666667vw;
    bottom: -12.2666666667vw;
  }
}
#wrapper #main_content section.section > .inner {
  margin: auto;
  width: 100%;
  max-width: 750px;
  padding: 0 21px 23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section > .inner {
    padding: 0 2.1vw 2.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section > .inner {
    padding: 2.666666667vw;
    max-width: 100%;
  }
}
#wrapper #main_content section.section#exp > .inner > .btn {
  margin-top: 3px;
  text-align: right;
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  top: -25px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner {
    top: -2.5vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner {
    top: -1vw;
  }
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner > .edit_profile {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 23px;
  color: #4b4b4b;
  border: 2px solid #4b4b4b;
  text-align: center;
  font-size: 14px;
  margin-right: 300px;
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner > .edit_profile > img {
  width: 27px;
  height: 27px;
  margin-right: 5px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .edit_profile > img {
    width: 5.333333333vw;
    height: 5.333333333vw;
    margin-right: 0.8vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .edit_profile {
    font-size: 1.4vw;
    padding: 0.8vw 2vw;
    border-radius: 3.2vw;
    margin-right: 30vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .edit_profile {
    padding: 1.2vw 2.8vw;
    border-radius: 4.8vw;
    margin-right: 36.66666667vw;
    font-size: 3vw;
  }
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner > .share {
  flex-direction: column;
  border: unset;
  width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  font-weight: 700;
  border-radius: 24px;
  color: #4b4b4b;
  text-align: center;
  font-size: 19px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .share {
    border-radius: 4.8vw;
    font-size: 3.7333333333vw;
  }
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner > .share .share_img {
  background-image: url(../images/items/img_share.svg);
  background-repeat: no-repeat;
  width: 51px;
  height: 51px;
  background-size: 100% 100%;
  margin-bottom: 5px;
  margin-right: 5px;
  border-radius: 50%;
  border: 2px solid #9b9b9b;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .share .share_img {
    width: 10.13333333vw;
    height: 10.13333333vw;
    margin-bottom: 1.066666667vw;
    margin-right: 1.066666667vw;
  }
}
#wrapper #main_content section.section#exp > .inner > .btn > .inner > .share > span {
  font-size: 8px;
  color: #9b9b9b;
  font-weight: bold;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > .btn > .inner > .share > span {
    font-size: 1.6vw;
  }
}
#wrapper #main_content section.section#exp > .inner > h2 {
  margin: 13px 0 11px;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#exp > .inner > h2 {
    font-size: 2vw;
    margin: 1.3vw 0 1.58vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner > h2 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin: 5.333333333vw 0 2.133333333vw;
  }
}
#wrapper #main_content section.section#exp > .inner .icon-txt {
  text-align: left;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#exp > .inner .icon-txt {
    font-size: 2vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner .icon-txt {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#wrapper #main_content section.section#exp > .inner .icon-txt span {
  display: block;
  position: relative;
  font-size: 19px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner .icon-txt span {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#wrapper #main_content section.section#exp > .inner .icon-txt span .censored {
  margin-left: 5px;
  width: 19px;
  height: 19px;
  transform: translateY(2px);
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner .icon-txt span .censored {
    width: 3.733333333vw;
    height: 3.733333333vw;
    margin-left: 1.066666667vw;
    transform: translateY(0.4vw);
  }
}
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper {
  position: relative;
}
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .conti_link,
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .continue_link {
  position: absolute;
  right: 0.1em;
  background-color: #fafafa;
  padding: 0 0 0 0.3em;
  opacity: 0;
  bottom: 0.1em;
}
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .conti_link > a,
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .continue_link > a {
  color: #5285f7;
}
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .conti_link.has_more,
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper .continue_link.has_more {
  pointer-events: auto;
  opacity: 1;
}
#wrapper #main_content section.section#exp > .inner > .exp_txt_wrapper a {
  color: #5285f7;
}
#wrapper #main_content section.section#exp > .inner .exp_txt {
  margin-top: 5px;
  line-height: 1.714;
  font-size: 19px;
  overflow: hidden;
  max-height: 5.1em;
  position: relative;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#exp > .inner .exp_txt {
    margin-top: 4.266666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#wrapper #main_content section.section#exp > .inner .exp_txt > p {
  text-align: left;
}
#wrapper #main_content section.section#exp > .inner .exp_txt.continued {
  max-height: 5000px;
}
#wrapper #main_content section.section#exp > .inner .exp_txt > .conti_link,
#wrapper #main_content section.section#exp > .inner .exp_txt .continue_link {
  position: absolute;
  bottom: 0.1em;
  right: 0.1em;
  background-color: #fafafa;
  padding: 0 0 0 0.3em;
  opacity: 0;
}
#wrapper #main_content section.section#exp > .inner .exp_txt > .conti_link > a,
#wrapper #main_content section.section#exp > .inner .exp_txt .continue_link > a {
  color: #5285f7;
}
#wrapper #main_content section.section#exp > .inner .exp_txt > .conti_link.collapse,
#wrapper #main_content section.section#exp > .inner .exp_txt .continue_link.collapse {
  position: unset;
  text-align: right;
}
#wrapper #main_content section.section#exp > .inner .exp_txt > .conti_link.has_more,
#wrapper #main_content section.section#exp > .inner .exp_txt .continue_link.has_more {
  opacity: 1;
  pointer-events: auto;
}
#wrapper #main_content section.section#exp > .inner .exp_txt a {
  color: #5285f7;
}
#wrapper #main_content section.section.tab_content {
  display: flex;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section.tab_content {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section.tab_content {
    font-size: 3.2vw;
  }
}
#wrapper #main_content section.section.tab_content .tab_block {
  flex: 1;
  padding: 17px 0;
  display: block;
  color: #a28865;
  border-bottom: 1px solid #c7c7c7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section.tab_content .tab_block {
    padding: 1.7vw 0;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section.tab_content .tab_block {
    padding: 3.466666667vw 0;
  }
}
#wrapper #main_content section.section.tab_content .tab_block.active_tab {
  border-bottom: 1px solid #a28865;
}
#wrapper #main_content section.section#contents {
  /* new design back month */
  position: relative;
  min-height: 400px;
}
#wrapper #main_content section.section#contents .plan_detail_list {
  padding: 21px 0;
  margin-left: 13px;
  white-space: nowrap; /* add overflow-x: hidden in #wrapper */
  display: flex;
  overflow-x: auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .plan_detail_list {
    padding: 2.1vw 0;
    margin-left: 2.666667vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .plan_detail_list {
    padding: 4.266666667vw 0;
  }
}
#wrapper #main_content section.section#contents .plan_detail_list::-webkit-scrollbar {
  display: none;
}
#wrapper #main_content section.section#contents .plan_detail_list::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
  opacity: 0;
}
#wrapper #main_content section.section#contents .plan_detail_list::-webkit-scrollbar-corner {
  background-color: transparent;
  border-color: transparent;
}
#wrapper #main_content section.section#contents .plan_detail_list:hover {
  overflow-x: auto;
}
#wrapper #main_content section.section#contents .plan_detail_list .plan_detail_item {
  color: #c7c7c7;
  background-color: #f4f4f4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 32px;
  margin-right: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .plan_detail_list .plan_detail_item {
    border-radius: 3.2vw;
    font-size: 1.6vw;
    padding: 1.6vw 3.2vw;
    margin-right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .plan_detail_list .plan_detail_item {
    border-radius: 6.4vw;
    font-size: 3.2vw;
    padding: 3.2vw 6.4vw;
    margin-right: 1.6vw;
  }
}
#wrapper #main_content section.section#contents .plan_detail_list .plan_detail_item.active {
  background-color: #4b4b4b !important;
  color: #fff !important;
}
#wrapper #main_content section.section#contents .plan_detail_list .first_item,
#wrapper #main_content section.section#contents .plan_detail_list .last_item {
  padding-right: 13px;
  flex: 1;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .plan_detail_list .first_item,
  #wrapper #main_content section.section#contents .plan_detail_list .last_item {
    padding-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .plan_detail_list .first_item,
  #wrapper #main_content section.section#contents .plan_detail_list .last_item {
    padding-right: 2.666666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content {
  display: none;
  /* new design back month */
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail {
  padding: 0 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail {
    padding: 0 1.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail {
    padding: 0 2.666666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box {
  background-color: #ffffff;
  border-radius: 13px;
  padding: 19px 0 19px 16px;
  display: flex;
  border: 1px solid #eeeeee;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box {
    border-radius: 1.3vw;
    padding: 1.9vw 0 1.9vw 1.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box {
    border-radius: 2.666666667vw;
    padding: 3.733333333vw 0 3.733333333vw 3.2vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan {
  width: 57px;
  height: 57px;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan {
    width: 5.7vw;
    height: 5.7vw;
    margin-right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan {
    width: 11.43466667vw;
    height: 11.43466667vw;
    margin-right: 1.632vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
  position: absolute;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
    width: 5vw;
    height: 5vw;
    border: 0.1vw solid #fff;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
    width: 10.02666667vw;
    height: 10.02666667vw;
    border: 0.53vw solid #fff;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 700;
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .title_back_month {
  color: #272727;
  font-size: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .title_back_month {
    font-size: 2.1vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .title_back_month {
    font-size: 4.266666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .price_back_month {
  color: #5285f7;
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .price_back_month {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .price_back_month {
    font-size: 3.733333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .back_month_detail .detail_box .content_back_plan .price_back_month.no_post_plan {
  color: #9b9b9b;
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan {
  padding: 21px 13px;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan {
    padding: 2.1vw 1.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan {
    padding: 4.266666667vw 3.466666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container {
  width: 100% !important;
  border: 1px solid #eeeeee;
  border-radius: 11px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container {
    border-radius: 2.133333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2.select2-container.select2-container--default::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url("../images/vertical/btn_downarrow.svg");
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 16px;
  pointer-events: none;
  transform: translateY(-50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2.select2-container.select2-container--default::after {
    width: 3.2vw;
    height: 3.2vw;
    right: 1.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2.select2-container.select2-container--default::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 3.2vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container .select2-selection--single {
  height: 55px;
  line-height: 55px;
  outline: none;
  background-color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container .select2-selection--single {
    height: 5.5vw;
    line-height: 5.5vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container .select2-selection--single {
    height: 10.93333333vw;
    line-height: 10.93333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single {
    border-radius: 1.1vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single {
    border-radius: 2.133333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 55px;
  color: #272727;
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 5.5vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 10.93333333vw;
    font-size: 3.733333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-dropdown {
  border: none;
}
#wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-results__option--selectable {
  height: 55px;
  font-size: 19px;
  line-height: 55px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-results__option--selectable {
    height: 5.5vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .time_back_plan .select2-container--default .select2-results__option--selectable {
    height: 10.93333333vw;
    line-height: 10.93333333vw;
    font-size: 3.733333333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .post_in_time .title {
  padding: 15px 0 15px 17px;
  color: #9b9b9b;
  background-color: #f4f4f4;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .post_in_time .title {
    padding: 1.5vw 0 1.5vw 1.7vw;
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .post_in_time .title {
    padding: 2.933333333vw 0 2.933333333vw 3.466666667vw;
    font-size: 2.666666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .notfication_back_plan {
  padding: 85px 0;
  background-color: rgba(255, 88, 88, 0.1);
  margin-top: 28px;
  margin-bottom: 66px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan {
    padding: 8.5vw 0;
    margin-top: 2.1vw;
    margin-bottom: 6.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan {
    padding: 17.06666667vw 0;
    margin-top: 5.6vw;
    margin-bottom: 13.2vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .alert_notification {
  padding: 0 58px 35px 58px;
  color: #ff5858;
  font-weight: 700;
  font-size: 21px;
  line-height: 36px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .alert_notification {
    padding: 0 5.8vw 3.5vw 5.8vw;
    font-size: 2.1vw;
    line-height: 3.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .alert_notification {
    padding: 0 11.6vw 6.933333333vw 11.6vw;
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification {
  padding: 0 32px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification {
    padding: 0 3.2vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification {
    padding: 0 6.4vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .text_detail {
  color: #4b4b4b;
  font-size: 16px;
  line-height: 27px;
  text-align: left;
  padding-bottom: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .text_detail {
    font-size: 1.6vw;
    line-height: 2.7vw;
    padding-bottom: 2.1vw;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .text_detail {
    font-size: 3.2vw;
    line-height: 5.333333333vw;
    padding-bottom: 4.266666667vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .btn_list_post {
  background-color: #4b4b4b;
  display: block;
  border-radius: 29px;
  font-size: 19px;
  color: #ffffff;
  text-align: center;
  padding: 20px 0;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .btn_list_post {
    border-radius: 2.9vw;
    font-size: 1.9vw;
    padding: 2vw 0;
  }
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content .notfication_back_plan .content_notification .btn_list_post {
    border-radius: 5.866666667vw;
    font-size: 3.733333333vw;
    padding: 4vw 0;
  }
}
#wrapper #main_content section.section#contents .back_month_content.not_subscribe .notfication_back_plan {
  background-color: #e8ffeb;
}
#wrapper #main_content section.section#contents .back_month_content.not_subscribe .notfication_back_plan .alert_notification {
  color: #4b4b4b;
}
#wrapper #main_content section.section#contents .back_month_content.not_subscribe .content_notification .text_detail .weight {
  font-weight: 700;
  color: #42bc8d;
}
#wrapper #main_content section.section#contents .back_month_content.not_subscribe .content_notification .text_detail .link_to {
  font-weight: 700;
  color: #5285f7;
}
#wrapper #main_content section.section#contents .back_month_content.active_plan {
  display: block;
}
#wrapper #main_content section.section#contents .back_month_content > .inner {
  overflow: hidden;
  position: relative;
  padding-bottom: 64px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner {
    padding-bottom: 12.8vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab {
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
  border-top: 1px solid #ece7e0;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li {
  font-size: 0;
  float: left;
  line-height: 0;
  width: 250px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li {
    width: 33.333vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a {
  line-height: 1;
  font-size: 28px;
  color: #ece7e0;
  display: block;
  line-height: 1;
  padding: 36px 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.8vw 0;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a > span {
  display: block;
  position: relative;
  line-height: 1;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a > span:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ece7e0;
  position: absolute;
  top: 0;
  right: 0;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a > span > .svg_icon {
  line-height: 0;
  vertical-align: top;
  width: 30px;
  margin-right: 5px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a > span > .svg_icon {
    width: 4vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a > span > .svg_icon .st0 {
  fill: #ece7e0;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a.active {
  color: #a28865;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li a.active > span > .svg_icon .st0 {
  fill: #a28865;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul > li:last-child a > span:after {
  content: none;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_tab > ul:after {
  content: "";
  display: table;
  font-size: 0;
  clear: both;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_list {
    margin-bottom: 11.2vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -3px -3px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul {
    margin: -2px -2px;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li {
  width: 33.333%;
  padding: 3px 3px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li {
    padding: 2px 2px;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a {
  display: block;
  position: relative;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a > .icon {
  display: block;
  position: absolute;
  right: 0;
  width: 78px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a > .icon {
    width: 10.4vw;
  }
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a > .icon img {
  width: 100%;
}
#wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a > .reserved {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 13.33px;
  color: #fff;
  padding: 9.333px 14.63px;
  background-color: #1ac1bc;
  border-top-left-radius: 13.33px;
  -webkit-border-top-left-radius: 13.33px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents .back_month_content > .inner .content_list > ul > li > a > .reserved {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8667vw 2.933vw;
    border-top-left-radius: 2.667vw;
    -webkit-border-top-left-radius: 2.667vw;
  }
}
#wrapper #main_content section.section#contents > .inner {
  padding: 0;
  overflow: hidden;
}
#wrapper #main_content section.section#contents > .inner .content_tab {
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
  border-top: 1px solid #ece7e0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li {
  font-size: 0;
  float: left;
  line-height: 0;
  width: 250px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li {
    width: 33.333vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a {
  line-height: 1;
  font-size: 28px;
  color: #ece7e0;
  display: block;
  line-height: 1;
  padding: 36px 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li a {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.8vw 0;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span {
  display: block;
  position: relative;
  line-height: 1;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ece7e0;
  position: absolute;
  top: 0;
  right: 0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon {
  line-height: 0;
  vertical-align: top;
  width: 30px;
  margin-right: 5px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon {
    width: 4vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon .st0 {
  fill: #ece7e0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a.active {
  color: #a28865;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a.active > span > .svg_icon .st0 {
  fill: #a28865;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li:last-child a > span:after {
  content: none;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul:after {
  content: "";
  display: table;
  font-size: 0;
  clear: both;
}
#wrapper #main_content section.section#contents > .inner .content_list {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list {
    margin-bottom: 11.2vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -3px -3px;
  overflow: hidden;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul {
    margin: -2px -2px;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li {
  width: 33.333%;
  padding: 3px 3px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li {
    padding: 2px 2px;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a {
  display: block;
  position: relative;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon {
  display: block;
  position: absolute;
  right: 0;
  width: 78px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon {
    width: 10.4vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon img {
  width: 100%;
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .reserved {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 13.33px;
  color: #fff;
  padding: 9.333px 14.63px;
  background-color: #4178f2;
  border-top-right-radius: 13.33px;
  -webkit-border-top-right-radius: 13.33px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .reserved {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8667vw 2.933vw;
    border-border-top-right-radius: 2.667vw;
    -webkit-border-top-right-radius: 2.667vw;
  }
}
#wrapper #main_content section.section#contents > .inner {
  padding: 0;
  overflow: hidden;
}
#wrapper #main_content section.section#contents > .inner .content_tab {
  overflow: hidden;
  overflow-x: auto;
  max-width: 100%;
  border-top: 1px solid #ece7e0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li {
  font-size: 0;
  float: left;
  line-height: 0;
  width: 250px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li {
    width: 33.333vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a {
  line-height: 1;
  font-size: 28px;
  color: #ece7e0;
  display: block;
  line-height: 1.4;
  padding: 36px 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li a {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.8vw 0;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span {
  display: block;
  position: relative;
  line-height: 1;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ece7e0;
  position: absolute;
  top: 0;
  right: 0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon {
  line-height: 0;
  vertical-align: top;
  width: 30px;
  margin-right: 5px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon {
    width: 4vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a > span > .svg_icon .st0 {
  fill: #ece7e0;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a.active {
  color: #a28865;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li a.active > span > .svg_icon .st0 {
  fill: #a28865;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul > li:last-child a > span:after {
  content: none;
}
#wrapper #main_content section.section#contents > .inner .content_tab > ul:after {
  content: "";
  display: table;
  font-size: 0;
  clear: both;
}
#wrapper #main_content section.section#contents > .inner .content_list {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list {
    margin-bottom: 11.2vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -3px -3px;
  overflow: hidden;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul {
    margin: -2px -2px;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li {
  width: 33.333%;
  padding: 3px 3px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li {
    padding: 1px;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a {
  display: block;
  position: relative;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon {
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  width: 78px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon {
    width: 10.4vw;
    top: -1.6vw;
    left: -1.6vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .icon img {
  width: 100%;
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite {
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .favorite_img {
  background-image: url("../images/icon_clip_off.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .favorite_img {
    width: 6.933333333vw;
    height: 6.933333333vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .favorite_img.active {
  background-image: url("../images//icon_clip_on.svg");
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .count_like {
  padding: 4px;
  width: 35px;
  border-radius: 8px;
  font-size: 8px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .count_like {
    padding: 0.8vw;
    width: 6.933333333vw;
    border-radius: 1.6vw;
    font-size: 1.6vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .drop_shadow {
  margin: 2px auto;
  color: #FFFFFF;
  font-size: 8px;
  filter: drop-shadow(0px 0px 3px #000000);
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a .favorite .drop_shadow {
    font-size: 1.6vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .reserved {
  display: block;
  position: absolute;
  font-size: 13.33px;
  color: #fff;
  padding: 9.333px 14.63px;
  background-color: #42bc8d;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .reserved {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8667vw 2.933vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .no_publish {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 13.33px;
  color: #fff;
  padding: 9.333px 14.63px;
  background-color: #9b9b9b;
  border-top-right-radius: 13.33px;
  -webkit-border-top-right-radiuss: 13.33px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .no_publish {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8667vw 2.933vw;
    border-top-right-radius: 2.667vw;
    -webkit-border-top-right-radius: 2.667vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .no_publish p {
  width: 56px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .no_publish p {
    width: 11.2vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .draft {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 13.33px;
  color: #fff;
  padding: 9.333px 14.63px;
  background-color: #4B4B4B;
  border-top-right-radius: 13.33px;
  -webkit-border-top-right-radiuss: 13.33px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .draft {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8667vw 2.933vw;
    border-top-right-radius: 2.667vw;
    -webkit-border-top-right-radius: 2.667vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .draft p {
  width: 56px;
}
@media (max-width: 750px) {
  #wrapper #main_content section.section#contents > .inner .content_list > ul > li > a > .draft p {
    width: 11.2vw;
  }
}
#wrapper #main_content section.section#contents > .inner .content_list .loading_image {
  width: 35px;
  height: 35px;
  margin: 16px auto auto;
}

/*
    Regist
*/
#wrapper section.section#regist {
  background-color: #fafafa;
}
#wrapper section.section#regist > .inner {
  padding: 80px 210px 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner {
    padding: 8vw 12vw 1.4vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner {
    padding: 27.73333333vw 10.4vw 23.46666667vw;
  }
}
#wrapper section.section#regist > .inner .logo_area {
  margin-bottom: 32px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner .logo_area {
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner .logo_area {
    margin-bottom: 14.93333333vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner .logo_area > h1 img {
    width: 100%;
  }
}
#wrapper section.section#regist > .inner > .content h2 {
  padding: 0 0 34px;
  font-size: 18px;
  text-align: center;
  line-height: 1.708;
  font-weight: 700;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner > .content h2 {
    font-size: 1.8vw;
    padding-bottom: 3.4vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner > .content h2 {
    font-size: 18px;
    font-size: 4.8vw;
    padding: 0 0 9.066666667vw;
  }
}
#wrapper section.section#regist > .inner > .content h2 span {
  display: block;
}
#wrapper section.section#regist > .inner > .content form {
  font-size: 12px;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner > .content form {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner > .content form {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#wrapper section.section#regist > .inner > .content form input {
  border-radius: 22px;
  border: 1px solid #4b4b4b;
  padding: 15px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  height: 44px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner > .content form input {
    font-size: 1.4vw;
    height: 4.4vw;
    padding: 1.5vw;
    margin-bottom: 2vw;
    border-radius: 2.2vw;
  }
}
#wrapper section.section#regist > .inner > .content form input ::placeholder {
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner > .content form input {
    border-radius: 7vw;
    padding: 2vw 4vw;
    margin-bottom: 5.3333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    border: 0.266666667vw solid #4b4b4b;
    height: 11.7333vw;
  }
}
#wrapper section.section#regist > .inner > .content form .btn_submit {
  font-size: 14px;
  border-radius: 22px;
  border: none;
  padding: 11.5px 15px;
  color: #fff;
  background-color: #4b4b4b;
  width: 100%;
  outline: none;
  cursor: pointer;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner > .content form .btn_submit {
    font-size: 1.4vw;
    border-radius: 2.2vw;
    padding: 1.15vw 1.5vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner > .content form .btn_submit {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 5.866666667vw;
    padding: 3.466666667vw 4vw;
  }
}
#wrapper section.section#regist > .inner > .content .forget_pw {
  margin-top: 26px;
  font-size: 11px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper section.section#regist > .inner > .content .forget_pw {
    margin-top: 2.6vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #wrapper section.section#regist > .inner > .content .forget_pw {
    margin-top: 5.3333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#wrapper section.section#regist > .inner > .content .forget_pw a {
  color: #5285f7;
}

/*
    Message-list
*/
#message_list {
  background-color: #f4f4f4;
  margin: auto;
}
#message_list .header {
  border-bottom: 1px solid #e5e5e5;
}
#message_list .header .inner .message_btn a.del_message {
  background-color: #4b4b4b;
  border-radius: 17px;
  right: 12px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list .header .inner .message_btn a.del_message {
    right: 1.2vw;
  }
}
@media (max-width: 750px) {
  #message_list .header .inner .message_btn a.del_message {
    right: 2.4vw;
    border-radius: 4.533333333vw;
  }
}
#message_list #wrapper {
  margin: 0 auto;
  min-height: 812px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper {
    min-height: 81.2vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper {
    min-height: 162.4vw;
    max-width: 100%;
  }
}
#message_list #wrapper h4.no_message {
  color: #c7c7c7;
  font-size: 17px;
  padding: 91px 0;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 750px) {
  #message_list #wrapper h4.no_message {
    font-size: 3.4666666667vw;
    padding: 18.13333333vw 0;
    padding-top: 31.46666666vw;
  }
}
#message_list #wrapper section.section {
  overflow: hidden;
}
#message_list #wrapper section.section#exp {
  padding-top: 0;
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp {
    padding-top: 13.33333333vw;
  }
}
#message_list #wrapper section.section#exp > .inner {
  padding: 0;
  max-width: 750px;
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner {
    max-width: 100%;
    margin-bottom: 13.33333333vw;
  }
}
#message_list #wrapper section.section#exp > .inner #category_name .wrapper {
  padding: 0 13px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #category_name .wrapper {
    padding: 0 1.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #category_name .wrapper {
    padding: 0 2.666666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner #category_name .wrapper p {
  padding: 16px 0 16px 12px;
  color: #272727;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #category_name .wrapper p {
    font-size: 1.6vw;
    padding: 1.6vw 0 1.6vw 1.2vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #category_name .wrapper p {
    font-size: 4.266666667vw;
    padding: 4.8vw 0 4.266666667vw 0;
  }
}
#message_list #wrapper section.section#exp > .inner #select_filter {
  padding: 0 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #select_filter {
    padding: 0 2.1vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #select_filter {
    padding: 0 4.26vw;
  }
}
#message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status {
  padding-top: 13px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status {
    padding-top: 1.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status {
    padding-top: 2.666666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status a {
  background-color: #5285f7;
  padding: 8px 16px;
  border-radius: 17px;
  color: #fff;
  font-size: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status a {
    padding: 0.8vw 1.6vw;
    border-radius: 1.7vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #select_filter .message_notification_status a {
    font-size: 3.2vw;
    padding: 1.6vw 3.2vw;
    border-radius: 3.466666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner #select_filter form {
  width: 100%;
  height: 100%;
  padding: 21px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner #select_filter form {
    padding: 2.1vw 0;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner #select_filter form {
    padding: 4.26vw 0;
  }
}
#message_list #wrapper section.section#exp > .inner #select_filter form .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: inline-block;
  right: unset;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper {
  padding-bottom: 36px;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper.no_message {
  padding-bottom: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper {
    padding-bottom: 3.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper {
    padding-bottom: 7.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .notification {
  width: 100%;
  height: 200px;
  background-color: #F4F4F4;
  border: none;
  color: #9B9B9B;
  font-size: 17px;
  line-height: 31px;
  outline: none;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list {
  padding-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list {
    padding-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list {
    padding-bottom: 4.266666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item {
  padding: 0 30px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item {
    padding: 0 3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item {
    padding: 0 13.33px;
    margin: 0;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item > a {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-top: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item > a {
    padding-top: 0.8vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar {
  margin: 18px 6px 0 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  width: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar {
    width: 4vw;
    margin: 1.8vw 0.6vw 0 0;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar {
    margin: 3.6vw 3.72vw 0 0;
    padding: 0;
    width: 14.098vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .avatar {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .avatar {
    width: 14.098vw;
    height: 14.098vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.active:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 50%;
  left: -14px;
  background: transparent linear-gradient(81deg, #A28865 0%, #C6746C 47%, #9975DD 100%) 0% 0% no-repeat padding-box;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.active:before {
    width: 0.6vw;
    height: 0.6vw;
    left: -1.4vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.active:before {
    right: -3vw;
    width: 1.6vw;
    height: 1.6vw;
    left: unset;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn {
  position: absolute;
  bottom: -7px;
  left: 3px;
  line-height: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn {
    bottom: -0.7vw;
    left: 0.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn {
    left: unset;
    right: 1vw;
    bottom: -2px;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn img {
  cursor: pointer;
  height: 17px;
  line-height: 0.5em;
  width: 17px;
  background-color: #1AC1BC;
  border-radius: 50%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn img {
    width: 1.7vw;
    height: 1.7vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar .reply_btn img {
    height: 4.53vw;
    line-height: 4vw;
    width: 4.53vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.message_item_content_from_fan .reply_btn img {
  top: 84px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.message_item_content_from_fan .reply_btn img {
    top: 8.4vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.message_item_content_from_fan .reply_btn img {
    top: 17.33333333vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_avatar.message_item_content_from_fan.active::before {
  top: 50%;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content {
  padding: 12px 10px 12px 0;
  text-align: left;
  width: 50%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content {
    padding: 1.2vw 1vw 1.2vw 0;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content {
    width: 35%;
    padding: 3.6vw 1vw 3.6vw 0;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content a {
  display: block;
  color: #272727;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 5px;
  padding-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .title {
    font-size: 1.8vw;
    padding-top: 0.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .title {
    padding-bottom: 1vw;
    padding-top: 0.3vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .title span {
  font-size: 13.333px;
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .title span {
    font-size: 3.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .time {
  font-size: 13.333px;
  color: #5285f7;
  font-weight: 300;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .time {
    font-size: 1.3333vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .time {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .description {
  font-size: 14px;
  font-weight: 300;
  color: #9b9b9b;
  padding-top: 3px;
  padding-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .description {
    font-size: 1.4vw;
    padding-top: 0.6vw;
    padding-bottom: 0.8vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .description {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding-bottom: 2.13vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .file_attachment {
  position: absolute;
  right: 0;
  bottom: 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .file_attachment {
    bottom: 0.5vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content .file_attachment {
    bottom: 0.93vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent {
  padding: 23px 10px 5px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent {
    padding: 2.3vw 1vw 0.5vw 0;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent {
    padding: 4.67vw 1vw 0.93vw 0;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .title {
  font-size: 17px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .title {
    font-size: 1.7vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .title {
    font-size: 3.466666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .description {
  font-size: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .description {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_sent .description {
    font-size: 3.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_idol {
  width: calc(100% - 25px - 23px);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_idol {
    width: calc(100% - 2.5vw - 2.3vw);
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_idol {
    width: 70%;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan {
  width: calc(100% - 50px);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan {
    width: calc(100% - 5vw);
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan {
    width: calc(100% - 17.822vw);
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan .status {
  color: #4B4B4B;
  font-weight: 700;
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  padding-bottom: 2px;
  padding-top: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan .status {
    font-size: 1.2vw;
    padding-bottom: 0.2vw;
    padding-top: 3px;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_content.message_item_content_from_fan .status {
    font-size: 12px;
    font-size: 3.2vw;
    padding-bottom: 1.333333333vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status {
  position: absolute;
  top: 32px;
  right: 20px;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status {
    top: 3.2vw;
    right: 2vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status {
    font-size: 3.2vw;
    top: 6.4vw;
    right: 4vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status a {
  font-size: 16px;
  padding: 8px 16px;
  background-color: #f7bc78;
  color: #FFF;
  border-radius: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status a {
    font-size: 1.6vw;
    padding: 0.8vw 1.6vw;
    border-radius: 1.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_status a {
    padding: 1.6vw 3.2vw;
    font-size: 3.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 10px;
  font-weight: 300;
  color: #272727;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time {
    font-size: 1vw;
    top: 0.8vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time {
    right: 3.2vw;
    top: 1.6vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
    font-weight: 700;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time.active {
  color: #ff6c00;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time.blue {
  color: #42BC8D;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_item_time.disable {
  color: #9b9b9b;
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment {
  position: absolute;
  right: 10px;
  bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment {
    right: 1vw;
    bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment {
    right: 3.2vw;
    bottom: 4.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment img {
  width: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment img {
    width: 1.6vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .message_list .message_item .message_btn_attachment img {
    width: 4.26vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list {
  padding: 0 15px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list {
    padding: 0 1.5vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list {
    padding: 0 2.933333333vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list a {
  color: #5285f7;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list a {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_wrapper .redirect_to_list a {
    font-size: 3.466666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li {
  text-align: left;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1;
}
#message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
  width: 100%;
  display: block;
  padding: 21px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a {
    font-size: 1.6vw;
    padding: 2.1vw 1vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a {
    font-size: 4.266666667vw;
    padding: 5.6vw 2.666666667vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a:visited {
  color: #333333;
}
#message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: rotate(180deg);
  right: 11px;
  margin-top: -11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a:after {
    width: 1.2vw;
    height: 1.2vw;
    right: 1vw;
  }
}
@media (max-width: 750px) {
  #message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li a:after {
    width: 6.4vw;
    height: 6.4vw;
    right: 2.8vw;
    margin-top: -3.2vw;
  }
}
#message_list #wrapper section.section#exp > .inner .message_list_category_wrapper li:first-child {
  border-top: 1px solid #e5e5e5;
}

@media (max-width: 750px) {
  _::-webkit-full-page-media, _:future, :root #message_list #wrapper section.section > .inner .message_list_wrapper .message_list .message_item .message_item_content .message_item_buttons span {
    padding: 0.3em 0 0.2em;
    line-height: 0;
  }
}

#message_detail {
  background-color: #f4f4f4;
  max-width: 100%;
  margin: auto;
}
#message_detail .header {
  border-bottom: 1px solid #e5e5e5;
}
#message_detail .header .inner .message_btn a.btn {
  border-radius: 17px;
  right: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail .header .inner .message_btn a.btn {
    border-radius: 1.7vw;
    right: 1vw;
  }
}
@media (max-width: 750px) {
  #message_detail .header .inner .message_btn a.btn {
    right: 2.4vw;
    border-radius: 4.533333333vw;
  }
}
#message_detail .header .inner .message_btn a.del_message {
  background-color: #ff5858;
}
#message_detail .header .inner .message_btn a.edit_message {
  background-color: #4b4b4b;
  position: relative;
}
#message_detail .header .inner .message_btn a.icon_reply {
  padding: 0;
  display: block;
  width: 40px;
  height: 35px;
  background-color: #5285f7;
  overflow: hidden;
  border-radius: 23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail .header .inner .message_btn a.icon_reply {
    width: 4vw;
    height: 3.5vw;
  }
}
@media (max-width: 750px) {
  #message_detail .header .inner .message_btn a.icon_reply {
    width: 11.2vw;
    height: 9.066666667vw;
    border-radius: 4.533333333vw;
  }
}
#message_detail .header .inner .message_btn a.icon_reply img {
  width: auto;
  height: 100%;
}
#message_detail > #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section {
    padding-top: 13.33333333vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner {
  padding: 0;
  margin-bottom: 80px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner {
    margin-bottom: 21.33vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info {
  border-bottom: 1px solid #e5e5e5;
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info {
    font-size: 1.5vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info span {
  color: #9b9b9b;
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info .item_info_time {
  color: #272727;
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info .item_info_time.review {
  font-weight: 600;
  color: #1ac1bc;
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain {
  display: flex;
  padding-top: 8px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain {
    padding-top: 2.133333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain {
    padding-top: 0.8vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar {
  position: relative;
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .avatar {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-size: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .avatar {
    width: 5.3vw;
    height: 5.3vw;
  }
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .avatar {
    width: 10.66666667vw;
    height: 10.66666667vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn {
  position: absolute;
  top: 35px;
  right: 0;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn {
    top: 6.933333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn {
    top: 3.5vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn > img {
  width: 17px;
  height: 17px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn > img {
    width: 3.466666667vw;
    height: 3.466666667vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_avatar .reply_btn > img {
    width: 1.7vw;
    height: 1.7vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content {
  padding: 4px 8px;
  text-align: left;
  width: 100%;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content {
    padding: 1.06666667vw 2.133333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content {
    padding: 0.4vw 0.8vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .plan {
  color: #5285F7;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 90%;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .plan {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .plan {
    font-size: 1.6vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .user {
  padding-top: 4px;
  font-weight: 600;
  text-overflow: ellipsis;
  font-size: 21px;
  line-height: 1.3;
  max-width: 90%;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .user {
    font-size: 4.266666667vw;
    padding-top: 1.06666667vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info .item_info_contain .message_item_content .user {
    font-size: 2.1vw;
    padding-top: 0.4vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_detail_info.message_info {
  padding: 19px 13px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info.message_info {
    padding: 3.733333333vw 2.666666667vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_detail_info.message_info {
    padding: 1.9vw 1.3vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_reply_status {
  color: #5285f7;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_reply_status {
    font-size: 3.2vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_reply_status {
    font-size: 1.6vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper {
  position: relative;
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .button_icon {
  width: 48px;
  height: auto;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .button_icon {
    width: 9.6vw;
    height: auto;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .button_icon.button_dm {
  margin-right: 3px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .button_icon.button_dm {
    margin-right: 0.5333333333vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons span {
  font-size: 9px;
  border-radius: 9px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  width: 39px;
  height: 17px;
  line-height: 0.5em;
  text-align: center;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: flex;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons span {
    width: 3.9vw;
    height: 1.7vw;
    border-radius: 0.9vw;
  }
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons span {
    border-radius: 2.4vw;
    font-size: 2.4vw;
    width: 10.4vw;
    height: 4.533333333vw;
    line-height: 4.533333333vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .btn_dm {
  background-color: #5285F7;
  color: #fff;
  margin-right: 4px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .btn_dm {
    margin-right: 0.8vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .btn_important {
  border: 1px solid #f4619f;
  color: #f4619f;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .message_detail_buttons .btn_important {
    line-height: 4vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper > .message_content {
  padding-top: 55px;
  text-align: left;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
  color: #272727;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper > .message_content {
    padding-top: 10.93333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper > .message_content .message_content_parent {
  padding-top: 32px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color: #5285f7;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper > .message_content .message_content_parent {
    padding-top: 6.4vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .new_message_wrapper {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  color: #272727;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .new_message_wrapper {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .new_message_wrapper {
    font-size: 3.733333333vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .old_message_wrapper {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
  color: #5285f7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .old_message_wrapper {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper .old_message_wrapper {
    font-size: 3.733333333vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper p {
  font-weight: 300;
  font-size: 19px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper p {
    font-size: 3.733333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .message_details_wrapper p {
    font-size: 1.9vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .message_details_wrapper a {
  color: #9E96D0;
}
#message_detail > #wrapper #main_content .section > .inner .wrapper {
  padding: 13px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .wrapper {
    padding: 2.666666667vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .wrapper {
    padding: 1.3vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .wrapper_message_content {
  padding: 19px 19px 0 19px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .section > .inner .wrapper_message_content {
    padding: 3.733333333vw 3.733333333vw 0 3.733333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .section > .inner .wrapper_message_content {
    padding: 1.9vw 1.9vw 0 1.9vw;
  }
}
#message_detail > #wrapper #main_content .section > .inner .wrapper_message_content h4 a {
  color: #272727 !important;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item {
  position: relative;
  height: auto;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .icon {
  cursor: pointer;
  display: block;
  width: 32px;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  box-sizing: content-box;
  transform: translate(5px, -5px);
  padding: 5px;
  background-color: rgba(39, 39, 39, 0.2);
  border-radius: 9px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .icon {
    width: 8.53vw;
    top: 2.666666667vw;
    right: 2.666666667vw;
    padding: 0.933333333vw;
    transform: translate(0.933333333vw, -0.933333333vw);
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
@media (max-width: 750px) and (max-width: 1024px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .vjs-big-play-button {
  height: 52px;
  width: 52px;
  line-height: 52px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .vjs-big-play-button {
    height: 10.66666667vw;
    width: 10.66666667vw;
    line-height: 10.66666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attachment_list .attachment_slider .attachment_item .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail {
  padding: 8px 32px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail {
    padding: 1.6vw 6.4vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list {
  text-align: left;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item {
    margin-bottom: 4.266666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img {
  cursor: pointer;
  border-radius: 15px;
  object-fit: cover;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img {
    border-radius: 2.933333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.square {
  height: 309px;
  width: 309px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.square {
    width: 61.86666667vw;
    height: 61.86666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.vertical {
  width: 309px;
  height: 219px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.vertical {
    width: 61.86666667vw;
    height: 43.73333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.horizontal {
  height: 309px;
  width: 219px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item img.horizontal {
    height: 61.86666667vw;
    width: 43.73333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.square {
  height: 309px;
  width: 309px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.square {
    width: 61.86666667vw;
    height: 61.86666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.vertical {
  width: 309px;
  height: 219px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.vertical {
    width: 61.86666667vw;
    height: 43.73333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.horizontal {
  height: 309px;
  width: 219px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item.horizontal {
    height: 61.86666667vw;
    width: 43.73333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js {
  cursor: pointer;
  pointer-events: none;
  background-color: transparent;
  background-color: transparent;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.square {
  height: 309px;
  width: 309px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.square {
    width: 61.86666667vw;
    height: 61.86666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.vertical {
  padding-top: 219px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.vertical {
    padding-top: 43.73333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.horizontal {
  padding-top: 309px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js.horizontal {
    padding-top: 61.86666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js video {
  border-radius: 15px;
  object-fit: cover;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js video {
    border-radius: 2.933333333vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js .vjs-big-play-button {
  height: 52px;
  width: 52px;
  line-height: 52px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js .vjs-big-play-button {
    height: 10.66666667vw;
    width: 10.66666667vw;
    line-height: 10.66666667vw;
  }
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail ul.attchment_list li.attchment_item .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail.loaded_item {
  opacity: 1 !important;
}
#message_detail > #wrapper #main_content .message_details_wrapper .attchment_detail.loaded_item ul.attchment_list li.attchment_item {
  opacity: 1 !important;
}
#message_detail > #wrapper #main_content .detail_image {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  left: 0;
  pointer-events: none;
  background: #272727;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition: opacity 0s 0.15s, top 0.15s;
}
#message_detail > #wrapper #main_content .detail_image .close_image {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .detail_image .close_image {
    top: 3.2vw;
    right: 3.2vw;
  }
}
#message_detail > #wrapper #main_content .detail_image .close_image img {
  width: 43px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .detail_image .close_image img {
    width: 8.533333333vw;
  }
}
#message_detail > #wrapper #main_content .detail_image .zoom_cover {
  touch-action: none;
  -webkit-user-drag: none;
  user-select: none;
}
#message_detail > #wrapper #main_content .detail_image.active {
  top: 0;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0s, top 0.15s;
}
#message_detail > #wrapper #main_content .img_reply {
  width: 23px;
  height: 23px;
}
@media (max-width: 750px) {
  #message_detail > #wrapper #main_content .img_reply {
    width: 4.533333333vw;
    height: 4.533333333vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #message_detail > #wrapper #main_content .img_reply {
    width: 2.3vw;
    height: 2.3vw;
  }
}
#message_detail .attachment_list {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #272727;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
  overflow-y: auto;
  transition: 0.3s all;
  padding-bottom: 53px;
}
@media (max-width: 750px) {
  #message_detail .attachment_list {
    padding-bottom: 10.66666667vw;
  }
}
#message_detail .attachment_list.active_popup {
  opacity: 1 !important;
  pointer-events: auto;
  transition: 0.3s all;
}
#message_detail .attachment_list .nav_bar_top {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  top: 0;
  height: 50px;
  width: 100%;
  background-color: #272727;
}
@media (max-width: 750px) {
  #message_detail .attachment_list .nav_bar_top {
    height: 13.33333333vw;
  }
}
#message_detail .attachment_list .nav_bar_top .back_timeline {
  cursor: pointer;
  width: 1em;
  height: 1em;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #message_detail .attachment_list .nav_bar_top .back_timeline {
    left: 2.4vw;
  }
}
#message_detail .attachment_list .nav_bar_top .back_timeline .arrow_previous {
  margin-left: 0.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}
@media (max-width: 750px) {
  #message_detail .attachment_list .nav_bar_top .back_timeline .arrow_previous {
    font-size: 2.666666667vw;
  }
}
#message_detail .attachment_list .pager_slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 16px;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  #message_detail .attachment_list .pager_slider {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#message_detail .attachment_list .attachment_slider {
  margin: 0 auto;
  max-width: 500px;
}
#message_detail .attachment_list .attachment_slider .attachment_item {
  position: relative;
  height: auto;
}
#message_detail .attachment_list .attachment_slider .attachment_item .icon {
  cursor: pointer;
  display: block;
  width: 32px;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  box-sizing: content-box;
  transform: translate(5px, -5px);
  padding: 5px;
  background-color: rgba(39, 39, 39, 0.2);
  border-radius: 9px;
}
@media (max-width: 750px) {
  #message_detail .attachment_list .attachment_slider .attachment_item .icon {
    width: 8.53vw;
    top: 2.666666667vw;
    right: 2.666666667vw;
    padding: 0.933333333vw;
    transform: translate(0.933333333vw, -0.933333333vw);
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  #message_detail .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
@media (max-width: 750px) and (max-width: 1024px) {
  #message_detail .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
#message_detail .attachment_list .attachment_slider .attachment_item .video-js {
  background-color: transparent;
}
#message_detail .attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button {
  height: 95px;
  width: 95px;
  line-height: 95px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #message_detail .attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button {
    height: 18.93333333vw;
    width: 18.93333333vw;
    line-height: 18.93333333vw;
  }
}
#message_detail .attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#message_detail .attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}

@media (max-width: 750px) {
  _::-webkit-full-page-media, _:future, :root #message_detail > #wrapper section.section > .inner .message_detail_buttons span {
    padding: 0.3em 0 0.2em;
    line-height: 0;
  }
}

/*
    Message-list
*/
#new_message {
  background-color: #f4f4f4;
  margin: auto;
}
#new_message .header {
  border-bottom: 1px solid #e5e5e5;
}
#new_message .header .inner .message_btn a {
  background-color: #4b4b4b;
}
#new_message .header .inner .message_btn a.edit_message {
  margin-right: 8px;
}
@media (max-width: 750px) {
  #new_message .header .inner .message_btn a.edit_message {
    margin-right: 1.6vw;
  }
}
#new_message .header .inner .message_btn a.send_message {
  border-radius: 23px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #new_message .header .inner .message_btn a.send_message {
    border-radius: 4.533333333vw;
  }
}
#new_message .header .inner .message_btn .send_message.send_reservation {
  background-color: #FF6C00;
}
@media (max-width: 750px) {
  #new_message {
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper {
    border: none;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section {
    padding-top: 13.33333333vw;
  }
}
#new_message #wrapper section.section .inner {
  padding: 0;
  max-width: 750px;
  /*
      select box
  */
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan {
    border-bottom: 1px solid #eeeeee;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner {
  padding: 16px 10px;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .select_plan .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner {
    padding: 4.267vw 2.67vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .thumbnail {
  width: 40px;
  height: 40px;
  background-image: url("../images/items/o074807501480646502972@2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: cover;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .select_plan .inner .thumbnail {
    width: 4vw;
    height: 4vw;
    margin-right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .thumbnail {
    width: 10.67vw;
    height: 10.67vw;
    margin-right: 1.6vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .send {
  font-size: 14px;
  line-height: 24px;
  color: #5285f7;
  margin-right: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .select_plan .inner .send {
    font-size: 1.4vw;
    line-height: 2.4vw;
    margin-right: 1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .send {
    margin-right: 2.67vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .plan {
  vertical-align: middle;
  flex: 1;
}
#new_message #wrapper section.section .inner .select_plan .inner .package-message-select {
  font-size: 18px !important;
  border-color: #eeeeee;
  color: #272727;
  font-weight: 700;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .package-message-select {
    font-size: 3.73vw !important;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
  padding: 17px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
    padding: 3.467vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail {
  background-color: #fff;
  padding: 18px;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  width: 100%;
  margin-top: 16px;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 3.73vw;
    margin-top: 3.2vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .title {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .title {
    margin-bottom: 4.267vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .items-detail {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .items-detail {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .items-detail .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .items-detail .item {
    margin-bottom: 3.2vw;
  }
}
#new_message #wrapper section.section .inner .select_plan .inner .list-plan-detail .items-detail .item:last-child {
  margin-bottom: 0;
}
#new_message #wrapper section.section .inner .item_user {
  padding: 21px 13px;
  text-align: left;
  border-bottom: #eeeeee 1px solid;
  display: none;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user {
    padding: 4.266666667vw 2.666666667vw;
  }
}
#new_message #wrapper section.section .inner .item_user.active {
  display: block;
}
#new_message #wrapper section.section .inner .item_user .content_user {
  margin-top: 18px;
  border: #eeeeee 1px solid;
  height: 97px;
  background-color: #fff;
  border-radius: 11px;
  padding: 21px 19px;
  font-size: 0;
  position: relative;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user {
    padding: 4vw 3.466666667vw;
    height: 19.46666667vw;
    border-radius: 2.133333333vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user .user_avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 53px;
  height: 53px;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user .user_avatar {
    width: 10.66666667vw;
    height: 10.66666667vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user img.user_reply {
  position: absolute;
  bottom: 19px;
  left: 19px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user img.user_reply {
    bottom: 3.2vw;
    left: 3.2vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user div {
  display: inline-block;
  vertical-align: middle;
}
#new_message #wrapper section.section .inner .item_user .content_user div ul {
  font-weight: 700;
  padding-left: 8px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user div ul {
    padding-left: 1.6vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user div ul li.name_user {
  font-size: 15px;
  color: #a28865;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user div ul li.name_user {
    font-size: 2.933333333vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user div ul li.description_user {
  padding-top: 5px;
  font-size: 19px;
  color: #272727;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user div ul li.description_user {
    font-size: 3.733333333vw;
    padding-top: 1.333333333vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user div ul li.id_uer {
  font-weight: 300;
  font-size: 13px;
  padding-top: 5px;
  color: #797979;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user div ul li.id_uer {
    font-size: 2.666666667vw;
    padding-top: 1.066666667vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user img.remove_user {
  position: absolute;
  right: 19px;
  top: 50%;
  width: 43px;
  height: 43px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .item_user .content_user img.remove_user {
    right: 3.733333333vw;
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
#new_message #wrapper section.section .inner .item_user .content_user:nth-child(1) {
  margin-top: 0;
}
#new_message #wrapper section.section .inner .list_wapper {
  width: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  padding: 0;
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .search_user .content_search {
    margin-bottom: 4.266666667vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_top p {
  font-size: 16px;
  margin-bottom: 19px;
  color: #797979;
  text-align: left;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_top p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.733333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom {
  padding-bottom: 19px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom {
    padding-bottom: 3.733333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom:after {
  content: "";
  clear: both;
  display: table;
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom input {
  float: left;
  padding: 13px 21px;
  width: 279px;
  height: 45px;
  border: 1px solid #eeeeee;
  font-size: 19px;
  margin-right: 11px;
  caret-color: #4178f2;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom input {
    height: 9.066666667vw;
    padding: 2.666666667vw 4.266666667vw;
    width: 55.73333333vw;
    margin-right: 2.133333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom button.btn_search {
  padding: 11px 27px;
  height: 45px;
  background-color: #5285f7;
  border: 0;
  color: #fff;
  border-radius: 23px;
  font-size: 17px;
  font-weight: 700;
  width: 144px;
  line-height: 1;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .search_user .content_search .search_bottom button.btn_search {
    width: 29.33333333vw;
    height: 9.066666667vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 2.133333333vw 5.333333333vw;
    border-radius: 4.533333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send {
  border: #eeeeee 1px solid;
  border-radius: 8px;
  background-color: #fff;
  margin: 0 10px 16px;
  padding: 14px;
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send {
    border-radius: 0.8vw;
    margin: 0 1vw 1.6vw;
    padding: 1.4vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send.active {
  display: block;
}
#new_message #wrapper section.section .inner .list_wapper .list_send#list_send {
  display: block;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send {
    border-radius: 2.133333333vw;
    margin: 3.458vw 2.666666667vw;
    padding: 3.733333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send #list_item_message {
  margin-top: 8px;
  max-height: 867px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send #list_item_message {
    margin-top: 1.6vw;
    max-height: 173.3333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send .content {
  text-align: left;
}
#new_message #wrapper section.section .inner .list_wapper .list_send .content .title {
  font-size: 14px;
  font-weight: 700;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send .content .title {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send .content .title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send .content #search_user {
  margin-top: 16px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  background-image: url("../images/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-color: #f4f4f4;
  background-position: 10px 8px;
  background-size: 16px;
  border: #eeeeee 1px solid;
  padding-left: 36px;
  border-radius: 17px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send .content #search_user {
    margin-top: 1.6vw;
    height: 3.4vw;
    line-height: 3.4vw;
    background-size: 1.6vw;
    border-radius: 1.7vw;
    padding-left: 3.6vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .list_send .content #search_user {
    font-size: 3.2vw;
    margin-top: 4.266666667vw;
    height: 9.066666667vw;
    padding-left: 9.6vw;
    background-size: 4.266666667vw;
    background-position: 2.666666667vw 2.4vw;
    border-radius: 4.533333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .list_send .content #search_user p {
  color: #797979;
}
#new_message #wrapper section.section .inner .list_wapper .list_send .content #select_filter {
  padding: 21.28px 0 6.28px;
}
#new_message #wrapper section.section .inner .list_wapper .title_list_send {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .list_wapper .title_list_send {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .title_list_send {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper #list_send {
  border: 0;
  background-color: #fafafa;
}
#new_message #wrapper section.section .inner .list_wapper .plan_send {
  border: #EEEEEE 1px solid;
  border-radius: 11px;
  background-color: #fff;
  margin: 17.29px 13px;
  padding: 19px;
  text-align: left;
  display: none;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .plan_send {
    border-radius: 2.133333333vw;
    margin: 3.458vw 2.666666667vw;
    padding: 3.733333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .plan_send.active {
  display: block;
}
#new_message #wrapper section.section .inner .list_wapper .plan_send p.title {
  font-size: 18.62px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .list_wapper .plan_send p.title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .list_wapper .plan_send ul {
  margin-top: 15px;
}
#new_message #wrapper section.section .inner .list_wapper .plan_send input[type=checkbox] + label {
  width: auto;
  height: auto;
  display: inline-block;
  padding: 5px 0 5px 35px;
  margin: 7.98px 0;
}
#new_message #wrapper section.section .inner .list_wapper .plan_send input[type=checkbox] + label:before {
  width: 26.7px;
  height: 26.7px;
}
#new_message #wrapper section.section .inner .list_wapper .plan_send input[type=checkbox] + label:after {
  width: 26.7px;
  height: 26.7px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#new_message #wrapper section.section .inner .upload {
  border-bottom: #eeeeee 1px solid;
  padding: 20px 10px 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .upload {
    padding: 2vw 1vw 1.2vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .upload {
    padding: 2.666666667vw;
  }
}
#new_message #wrapper section.section .inner .upload .head_upload {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .upload .head_upload {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .upload .head_upload {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .upload .head_upload div p:first-child {
  text-align: left;
}
#new_message #wrapper section.section .inner .upload .head_upload div p:last-child {
  display: block;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 300;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .upload .head_upload div p:last-child {
    margin-top: 1.2vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .upload .head_upload div p:last-child {
    margin-top: 3.466666667vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#new_message #wrapper section.section .inner .upload .head_upload label {
  color: #5285f7;
  cursor: pointer;
}
#new_message #wrapper section.section .inner .upload .head_upload input[type=file] {
  display: none;
}
#new_message #wrapper section.section .inner .message_reply .inner,
#new_message #wrapper section.section .inner .message_important .inner,
#new_message #wrapper section.section .inner .book_send .inner {
  padding: 20px 10px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_reply .inner,
  #new_message #wrapper section.section .inner .message_important .inner,
  #new_message #wrapper section.section .inner .book_send .inner {
    padding: 2vw 1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_reply .inner,
  #new_message #wrapper section.section .inner .message_important .inner,
  #new_message #wrapper section.section .inner .book_send .inner {
    padding: 5.33vw 2.67vw;
  }
}
#new_message #wrapper section.section .inner .message_reply .inner.no_border,
#new_message #wrapper section.section .inner .message_important .inner.no_border,
#new_message #wrapper section.section .inner .book_send .inner.no_border {
  border: none;
}
#new_message #wrapper section.section .inner .message_reply .inner p.title,
#new_message #wrapper section.section .inner .message_important .inner p.title,
#new_message #wrapper section.section .inner .book_send .inner p.title {
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_reply .inner p.title,
  #new_message #wrapper section.section .inner .message_important .inner p.title,
  #new_message #wrapper section.section .inner .book_send .inner p.title {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_reply .inner p.title,
  #new_message #wrapper section.section .inner .message_important .inner p.title,
  #new_message #wrapper section.section .inner .book_send .inner p.title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .message_reply .inner .toggle_icon,
#new_message #wrapper section.section .inner .message_important .inner .toggle_icon,
#new_message #wrapper section.section .inner .book_send .inner .toggle_icon {
  width: 38px;
  height: 20px;
  border-radius: 40px;
  display: block;
  position: relative;
  background-color: #c7c7c7;
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_reply .inner .toggle_icon,
  #new_message #wrapper section.section .inner .message_important .inner .toggle_icon,
  #new_message #wrapper section.section .inner .book_send .inner .toggle_icon {
    width: 3.8vw;
    height: 2vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_reply .inner .toggle_icon,
  #new_message #wrapper section.section .inner .message_important .inner .toggle_icon,
  #new_message #wrapper section.section .inner .book_send .inner .toggle_icon {
    width: 10.66666667vw;
    height: 5.333333333vw;
    border-radius: 8vw;
  }
}
#new_message #wrapper section.section .inner .message_reply .inner .toggle_icon a,
#new_message #wrapper section.section .inner .message_important .inner .toggle_icon a,
#new_message #wrapper section.section .inner .book_send .inner .toggle_icon a {
  top: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  right: calc(100% - 16px - 2px);
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_reply .inner .toggle_icon a,
  #new_message #wrapper section.section .inner .message_important .inner .toggle_icon a,
  #new_message #wrapper section.section .inner .book_send .inner .toggle_icon a {
    width: 1.6vw;
    height: 1.6vw;
    right: calc(100% - 1.6vw - 0.2vw);
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_reply .inner .toggle_icon a,
  #new_message #wrapper section.section .inner .message_important .inner .toggle_icon a,
  #new_message #wrapper section.section .inner .book_send .inner .toggle_icon a {
    width: 4.267vw;
    height: 4.267vw;
    right: calc(100% - 4.267vw - 0.533vw);
  }
}
#new_message #wrapper section.section .inner .message_reply .inner .toggle_icon.active,
#new_message #wrapper section.section .inner .message_important .inner .toggle_icon.active,
#new_message #wrapper section.section .inner .book_send .inner .toggle_icon.active {
  background-color: #5285f7;
  transition: 0.1 all cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#new_message #wrapper section.section .inner .message_reply .inner .toggle_icon.active a,
#new_message #wrapper section.section .inner .message_important .inner .toggle_icon.active a,
#new_message #wrapper section.section .inner .book_send .inner .toggle_icon.active a {
  right: 2px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_reply .inner .toggle_icon.active a,
  #new_message #wrapper section.section .inner .message_important .inner .toggle_icon.active a,
  #new_message #wrapper section.section .inner .book_send .inner .toggle_icon.active a {
    right: 0.533vw;
  }
}
#new_message #wrapper section.section .inner .message_reply .inner#cal_reserved,
#new_message #wrapper section.section .inner .message_important .inner#cal_reserved,
#new_message #wrapper section.section .inner .book_send .inner#cal_reserved {
  display: none;
}
#new_message #wrapper section.section .inner .message_reply .inner#cal_reserved.active,
#new_message #wrapper section.section .inner .message_important .inner#cal_reserved.active,
#new_message #wrapper section.section .inner .book_send .inner#cal_reserved.active {
  display: block;
}
#new_message #wrapper section.section .inner .message_reply .inner#cal_reserved .show_date_ > .inner,
#new_message #wrapper section.section .inner .message_important .inner#cal_reserved .show_date_ > .inner,
#new_message #wrapper section.section .inner .book_send .inner#cal_reserved .show_date_ > .inner {
  padding: 0;
  border: none;
}
#new_message #wrapper section.section .inner .message_content {
  padding: 15px 10px 16px 10px;
  font-weight: 700;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_content {
    padding: 1.5vw 1vw 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.267vw 2.67vw;
  }
}
#new_message #wrapper section.section .inner .message_content.display_none {
  display: none;
}
#new_message #wrapper section.section .inner .message_content > .inner {
  padding: 0;
}
#new_message #wrapper section.section .inner .message_content .important_tick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_content .important_tick {
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .important_tick {
    margin-bottom: 2.67vw;
  }
}
#new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons {
  align-items: center;
  justify-content: center;
  display: flex;
}
#new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons > span {
  color: #f4619f;
  font-size: 12px;
  border: 1px solid #f4619f;
  border-radius: 12px;
  width: 52px;
  height: 23px;
  line-height: 23px;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons > span {
    font-size: 9px;
    font-size: 2.4vw;
    border-radius: 2.4vw;
    width: 10.4vw;
    height: 4.533333333vw;
    line-height: 4.533333333vw;
  }
}
#new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons .btn_dm {
  border-radius: 12px;
  background-color: #a28865;
  color: #fff;
  margin-right: 8px;
  border: none;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons .btn_dm {
    border-radius: 2.4vw;
    margin-right: 1.6vw;
  }
}
#new_message #wrapper section.section .inner .message_content .body_textarea {
  padding: 14px;
  font-weight: 300;
  border-radius: 8px;
  color: #4b4b4b;
  border: 1px solid #eeeeee;
  background-color: #fff;
  resize: none;
  width: 100%;
  text-align: left;
  line-height: 1.714;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea {
    padding: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea {
    padding: 3.73vw;
    margin-bottom: 13.33333333vw;
  }
}
#new_message #wrapper section.section .inner .message_content .body_textarea textarea {
  width: 100%;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  line-height: 1.714;
  font-size: 14px;
  resize: none;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea textarea {
    font-size: 1.4vw;
  }
}
#new_message #wrapper section.section .inner .message_content .body_textarea textarea:focus {
  border: none;
  outline: none;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea textarea {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .message_content .body_textarea .old_text {
  padding: 3em 0;
  color: #5285f7;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea .old_text {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .message_content .body_textarea .old_text {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner p.error {
  position: absolute;
  top: -40px;
  left: 50px;
  border: none;
  padding: 0;
  background: none;
}
#new_message #wrapper section.section .inner .box_select {
  position: relative;
  cursor: pointer;
}
#new_message #wrapper section.section .inner .box_select input[type=text] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  overflow: hidden;
  outline: unset;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .box_select input[type=text] {
    height: 4vw;
    padding: 0 1.6vw;
    font-size: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .box_select input[type=text] {
    height: 10.6vw;
    border-radius: 1.6vw;
    padding: 0 3vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .box_select:after {
  content: none;
  display: block;
  width: 31.92px;
  height: 31.92px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  background-image: url("../images/btn_downarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .box_select:after {
    width: 6.384vw;
    height: 6.384vw;
    right: 2vw;
  }
}
#new_message #wrapper section.section .inner .box_select.readonly:after {
  content: none;
}
#new_message #wrapper section.section .inner .box_select > ul {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .box_select > ul {
    top: 9vw;
    border-radius: 0 0 1.6vw 1.6vw;
  }
}
#new_message #wrapper section.section .inner .box_select > ul > li > span {
  display: block;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .box_select > ul > li > span {
    padding: 3vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#new_message #wrapper section.section .inner .box_select > ul > li > span:hover {
  background-color: #d2edec;
}
#new_message #wrapper section.section .inner .box_select > ul.select {
  display: block;
}
#new_message #wrapper section.section .inner .box_select#select_plan_list:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  background-image: url("../images/btn_downarrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_message #wrapper section.section .inner .box_select#select_plan_list:after {
    width: 2.4vw;
    height: 2.4vw;
  }
}
@media (max-width: 750px) {
  #new_message #wrapper section.section .inner .box_select#select_plan_list:after {
    width: 6.384vw;
    height: 6.384vw;
    right: 2vw;
  }
}
#new_message #wrapper section.section .inner .box_select#select_plan_list input[type=text] {
  text-align: center;
  font-size: 12px;
}
#new_message #wrapper section.section .inner .box_select#select_plan_list input::placeholder {
  color: #5285f7;
}
#new_message.reply .header .inner .ttl_header {
  color: #5285f7;
}
#new_message #popup_message .info_modal .inner p {
  text-align: center;
}
#new_message .fancybox-is-open .fancybox-bg {
  background-color: #272727;
  opacity: 0.6;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
#new_message .fancybox-is-open.blur {
  background-color: rgba(29, 22, 22, 0.4);
}
#new_message .popup_modal.blur {
  background-color: rgba(29, 22, 22, 0.4);
}

@media (max-width: 750px) {
  _::-webkit-full-page-media, _:future, :root #new_message #wrapper section.section .inner .message_content .important_tick .message_item_buttons > span {
    padding: 0.3em 0 0.2em;
    line-height: 0;
  }
}

#package_message {
  background-color: #fafafa;
  position: relative;
}
#package_message.open-modal {
  height: 100vh;
  overflow-y: hidden;
}
#package_message .header .inner .message_btn a.edit_message {
  background-color: #5285f7;
  margin-right: 8px;
}
@media (max-width: 750px) {
  #package_message .header .inner .message_btn a.edit_message {
    margin-right: 1.6vw;
  }
}
#package_message .header .inner .message_btn a.send_message {
  background-color: #4b4b4b;
  border-radius: 23px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message .header .inner .message_btn a.send_message {
    border-radius: 4.533333333vw;
  }
}
#package_message .header .inner .message_btn .send_message.send_reservation {
  background-color: #4178F2;
}
#package_message .header .inner .message_btn .send_message.sent_message {
  pointer-events: none;
  background-color: #9b9b9b;
}
#package_message #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #package_message #wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 13.33333333vw;
    max-width: 100%;
  }
}
#package_message #wrapper .section.message form .select_plan .inner {
  padding: 21px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner {
    padding: 4.267vw 2.67vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .thumbnail {
  width: 53px;
  height: 53px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .thumbnail {
    width: 10.67vw;
    height: 10.67vw;
    margin-right: 1.6vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .send {
  font-size: 18px;
  line-height: 24px;
  color: #5285f7;
  margin-right: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .send {
    margin-right: 2.67vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .plan {
  vertical-align: middle;
  flex: 1;
}
#package_message #wrapper .section.message form .select_plan .inner .plan .send-to-plan {
  font-size: 18px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .plan .send-to-plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .plan .select2-selection__rendered {
  color: #272727;
}
#package_message #wrapper .section.message form .select_plan .inner .plan .select2-selection__arrow {
  right: 15px;
}
#package_message #wrapper .section.message form .select_plan .inner .plan ul.select2-results__options li {
  color: #272727;
  text-align: center;
}
#package_message #wrapper .section.message form .select_plan .inner .package-message-select {
  font-size: 18px !important;
  border-color: #eeeeee;
  color: #272727;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .package-message-select {
    font-size: 3.73vw !important;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
  padding: 17px;
  height: auto;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
    height: auto;
    padding: 3.467vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail {
  background-color: #fff;
  padding: 18px;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  width: 100%;
  margin-top: 16px;
  color: rgb(0, 0, 0);
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_plan_detail {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 3.73vw;
    margin-top: 3.2vw;
    border-radius: 1.6vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .title {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .title {
    margin-bottom: 4.267vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .item {
    margin-bottom: 3.2vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .item:last-child {
  margin-bottom: 0;
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail span.label {
  font-weight: 700;
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .revolving_list {
  width: 100%;
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .revolving_list .revolving_item {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 34.7px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .revolving_list .revolving_item {
    margin-top: 3.2vw;
    margin-bottom: 3.2vw;
    margin-left: 8.26667vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_plan_detail .items_detail .revolving_list .revolving_item:last-child {
  margin-bottom: 0;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper {
  width: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  margin-top: 16px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper {
    margin-top: 3.2vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search {
    margin-bottom: 4.266666667vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_top p {
  font-size: 16px;
  margin-bottom: 19px;
  color: #797979;
  text-align: left;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_top p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.733333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom {
  padding-bottom: 19px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom {
    padding-bottom: 3.733333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom:after {
  content: "";
  clear: both;
  display: table;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom input {
  float: left;
  padding: 13px 21px;
  width: 279px;
  height: 45px;
  border: 1px solid #eeeeee;
  font-size: 19px;
  margin-right: 11px;
  caret-color: #4178f2;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom input {
    height: 9.066666667vw;
    padding: 2.666666667vw 4.266666667vw;
    width: 55.73333333vw;
    margin-right: 2.133333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom button.btn_search {
  float: left;
  padding: 11px 27px;
  height: 45px;
  background-color: #5285f7;
  border: 0;
  color: #fff;
  border-radius: 23px;
  font-size: 17px;
  width: 144px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .search_user .content_search .search_bottom button.btn_search {
    width: 29.33333333vw;
    height: 9.066666667vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 2.133333333vw 5.333333333vw;
    border-radius: 4.533333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send {
  border: #eeeeee 1px solid;
  border-radius: 11px;
  background-color: #fff;
  padding: 19px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send #list_item_message {
  margin-top: 8px;
  max-height: 867px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send #list_item_message {
    margin-top: 1.6vw;
    max-height: 173.3333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content {
  text-align: left;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content .title {
  font-size: 19px;
  font-weight: 700;
  color: #272727;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content .title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content a #search_user {
  margin-top: 21px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  background-image: url("../images/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-color: #f4f4f4;
  background-position: 14px 11px;
  background-size: 21px;
  border: #eeeeee 1px solid;
  padding-left: 48px;
  border-radius: 23px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content a #search_user {
    font-size: 3.2vw;
    margin-top: 4.266666667vw;
    height: 9.066666667vw;
    padding-left: 9.6vw;
    background-size: 4.266666667vw;
    background-position: 2.666666667vw 2.4vw;
    border-radius: 4.533333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content a #search_user p {
  transform: translateY(13px);
  color: #797979;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content a #search_user p {
    transform: translateY(2.666666667vw);
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter {
  width: 100%;
  height: 100%;
  margin-top: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter {
    margin-top: 4.266666667vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-results__options {
  background-color: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-results__options {
    border-radius: 0 0 1.6vw 1.6vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-results__option--selectable {
  text-align: left;
  padding-left: 10px;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  right: 10px !important;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-container--default .select2-selection--single {
  text-align: left;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content #select_filter .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(117, 117, 117);
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content .list_item_message .item_message {
  display: flex;
  align-items: center;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .list_send .content .list_item_message .item_message .content_item_message .title_item_message {
  margin-top: 0;
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper .title_list_send {
  text-align: left;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .list_wapper .title_list_send {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .list_wapper #list_send {
  border: 0;
  background-color: #fafafa;
  margin-bottom: 67px;
}
#package_message #wrapper .section.message form .select_plan .inner .item_user {
  width: 100%;
  text-align: left;
  margin-top: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user {
    margin-top: 4.267vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a {
  display: block;
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user {
  border: #eeeeee 1px solid;
  height: 97px;
  background-color: #fff;
  border-radius: 11px;
  padding: 21px 19px;
  position: relative;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user {
    padding: 4vw 3.466666667vw;
    height: 19.46666667vw;
    border-radius: 2.133333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.user_avatar {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.user_avatar {
    width: 10.66666667vw;
    height: 10.66666667vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.user_reply {
  position: absolute;
  bottom: 19px;
  left: 19px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.user_reply {
    left: 3.2vw;
    bottom: 3.2vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div {
  display: inline-block;
  width: calc(100% - 85px);
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div {
    width: calc(100% - 19vw);
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul {
  font-weight: 700;
  padding-left: 8px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul {
    padding-left: 1.6vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.name_user {
  font-size: 15px;
  color: #4B4B4B;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.name_user {
    font-size: 2.933333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.description_user {
  padding-top: 5px;
  font-size: 19px;
  color: #272727;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.description_user {
    font-size: 3.733333333vw;
    padding-top: 1.333333333vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.id_uer {
  font-weight: 300;
  font-size: 13px;
  padding-top: 5px;
  color: #797979;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user div ul li.id_uer {
    font-size: 2.666666667vw;
    padding-top: 1.066666667vw;
  }
}
#package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.remove_user {
  position: absolute;
  right: 19px;
  top: 50%;
  width: 43px;
  height: 43px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .select_plan .inner .item_user a .content_user img.remove_user {
    right: 3.733333333vw;
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
#package_message #wrapper .section.message form .message_reply .inner,
#package_message #wrapper .section.message form .message_important .inner,
#package_message #wrapper .section.message form .book_send .inner,
#package_message #wrapper .section.message form .set_datetime .inner,
#package_message #wrapper .section.message form .message_zoom .inner {
  padding: 26px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_reply .inner,
  #package_message #wrapper .section.message form .message_important .inner,
  #package_message #wrapper .section.message form .book_send .inner,
  #package_message #wrapper .section.message form .set_datetime .inner,
  #package_message #wrapper .section.message form .message_zoom .inner {
    padding: 5.33vw 2.67vw;
  }
}
#package_message #wrapper .section.message form .message_reply .inner p.title,
#package_message #wrapper .section.message form .message_important .inner p.title,
#package_message #wrapper .section.message form .book_send .inner p.title,
#package_message #wrapper .section.message form .set_datetime .inner p.title,
#package_message #wrapper .section.message form .message_zoom .inner p.title {
  font-size: 18.62px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_reply .inner p.title,
  #package_message #wrapper .section.message form .message_important .inner p.title,
  #package_message #wrapper .section.message form .book_send .inner p.title,
  #package_message #wrapper .section.message form .set_datetime .inner p.title,
  #package_message #wrapper .section.message form .message_zoom .inner p.title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .message_reply .inner p.zoom_title,
#package_message #wrapper .section.message form .message_important .inner p.zoom_title,
#package_message #wrapper .section.message form .book_send .inner p.zoom_title,
#package_message #wrapper .section.message form .set_datetime .inner p.zoom_title,
#package_message #wrapper .section.message form .message_zoom .inner p.zoom_title {
  flex: 1;
  margin-left: 11px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_reply .inner p.zoom_title,
  #package_message #wrapper .section.message form .message_important .inner p.zoom_title,
  #package_message #wrapper .section.message form .book_send .inner p.zoom_title,
  #package_message #wrapper .section.message form .set_datetime .inner p.zoom_title,
  #package_message #wrapper .section.message form .message_zoom .inner p.zoom_title {
    margin-left: 2.133333333vw;
  }
}
#package_message #wrapper .section.message form .set_datetime .inner {
  border-bottom: 0;
}
#package_message #wrapper .section.message form .attchment {
  padding: 13px;
  border-bottom: 1px solid #E5E5E5;
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .attchment {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .attchment {
    padding: 2.67vw;
  }
}
#package_message #wrapper .section.message form .attchment .upload_file {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  border-bottom: none;
  padding: 0;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .attchment .upload_file {
    margin-bottom: 3.2vw;
  }
}
#package_message #wrapper .section.message form .attchment .upload_file label {
  color: #5285f7;
  cursor: pointer;
}
#package_message #wrapper .section.message form .attchment .upload_file input {
  display: none;
}
#package_message #wrapper .section.message form .attchment .note_message {
  text-align: left;
  color: #9b9b9b;
  font-weight: 300;
  font-size: 11px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .attchment .note_message {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#package_message #wrapper .section.message form .list_upload .video-js .vjs-big-play-button {
  height: 28px;
  width: 28px;
  line-height: 28px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .list_upload .video-js .vjs-big-play-button {
    height: 5.6vw;
    width: 5.6vw;
    line-height: 5.6vw;
  }
}
#package_message #wrapper .section.message form .list_upload .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#package_message #wrapper .section.message form .list_upload .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#package_message #wrapper .section.message form .list_upload .file_content {
  display: flex;
  align-items: center;
}
#package_message #wrapper .section.message form .list_upload .file_content .item_thumbail .video-js {
  display: none;
}
#package_message #wrapper .section.message form .list_upload .file_content .item_thumbail .video_icon {
  object-fit: contain;
  background-color: #E5E5E5;
}
#package_message #wrapper .section.message form .list_upload .file_content .file_description {
  flex: 1;
}
#package_message #wrapper .section.message form .list_upload .file_content .file_description .file_detail.uploaded {
  color: #4178F2;
}
#package_message #wrapper .section.message form .list_upload .file_content .file_description .processing_video {
  font-size: 13px;
  width: 80%;
  text-align: left;
  margin-top: 5px;
  line-height: 15px;
  color: #C7C7C7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #package_message #wrapper .section.message form .list_upload .file_content .file_description .processing_video {
    font-size: 1.3vw;
    margin-top: 0.5vw;
    line-height: 1.5vw;
  }
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .list_upload .file_content .file_description .processing_video {
    font-size: 2.666666667vw;
    line-height: 2.933333333vw;
    margin-top: 1.066666667vw;
  }
}
#package_message #wrapper .section.message form .message_content {
  padding: 27px 13px 16px 13px;
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.267vw 2.67vw;
  }
}
#package_message #wrapper .section.message form .message_content .important_tick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  height: 23px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .important_tick {
    margin-bottom: 2.67vw;
    height: 4.533333333vw;
  }
}
#package_message #wrapper .section.message form .message_content .important_tick .title {
  font-size: 18.62px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .important_tick .title {
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons {
  align-items: center;
  justify-content: center;
  display: flex;
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a {
  color: #f4619f;
  font-size: 12px;
  border: 1px solid #f4619f;
  border-radius: 12px;
  width: 52px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  transition: display 200ms;
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a:not(:root:root) {
  line-height: 24px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a {
    font-size: 9px;
    font-size: 2.4vw;
    border-radius: 2.4vw;
    width: 10.4vw;
    height: 4.533333333vw;
    line-height: 4.533333333vw;
    display: unset;
  }
  #package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a:not(:root:root) {
    line-height: 5vw;
  }
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a.opacity {
  opacity: 0;
  display: none;
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons a.only {
  margin-right: 0;
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons .btn_dm {
  border-radius: 12px;
  margin-right: 8px;
  border: none;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons .btn_dm {
    margin-right: 1.6vw;
  }
}
#package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons .fake_ck_link {
  border-radius: 12px;
  background-color: #a28865;
  color: #fff;
  margin-right: 8px;
  border: none;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .important_tick .message_item_buttons .fake_ck_link {
    border-radius: 2.4vw;
    margin-right: 1.6vw;
  }
}
#package_message #wrapper .section.message form .message_content textarea {
  padding: 18.7px;
  outline: none;
  font-weight: 300;
  border-radius: 8px;
  color: #4b4b4b;
  border: 1px solid #eeeeee;
  resize: none;
  width: 100%;
  text-align: left;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content textarea {
    padding: 3.73vw;
    border-radius: 1.6vw;
  }
}
#package_message #wrapper .section.message form .message_content .zoom_receiver_text {
  display: none;
  padding: 0 19px;
  text-align: left;
  font-size: 18.62px;
  line-height: 1.714;
  font-weight: 400;
  background: #fff;
  color: #272727;
  border: 1px solid #eee;
  border-bottom: none;
  border-radius: 11px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .zoom_receiver_text {
    font-size: 3.733333333vw;
    line-height: 6.4vw;
    padding-left: 3.733333333vw;
    padding-right: 3.733333333vw;
  }
}
#package_message #wrapper .section.message form .message_content .old_text {
  padding: 3em 19px;
  text-align: left;
  font-size: 18.62px;
  line-height: 1.714;
  font-weight: 300;
  background: #fff;
  color: #5285F7;
  border: 1px solid #eee;
  border-top: none;
  border-radius: 11px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .old_text {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding-left: 3.733333333vw;
    padding-right: 3.733333333vw;
  }
}
#package_message #wrapper .section.message form .message_content .old_text .tag_p_config {
  margin-bottom: 12px;
  display: none;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.message form .message_content .old_text .tag_p_config {
    margin-bottom: 2.4vw;
  }
}
#package_message #wrapper .section.message form .message_content.zoom_content_receiver .zoom_receiver_text {
  display: block;
}
#package_message #wrapper .section.message form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5285f7;
}
#package_message #wrapper .section.search {
  min-height: calc(100vh - 300px);
}
#package_message #wrapper .section.search .inner {
  padding: 0;
  max-width: 500px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner {
    max-width: 100%;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner {
  padding: 21px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner {
    padding: 4.267vw 2.67vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .thumbnail {
  width: 53px;
  height: 53px;
  background-image: url("../images/items/o074807501480646502972@2x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-size: cover;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .thumbnail {
    width: 10.67vw;
    height: 10.67vw;
    margin-right: 1.6vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .send {
  font-size: 18px;
  line-height: 24px;
  color: #5285f7;
  margin-right: 13px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .send {
    margin-right: 2.67vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan {
  vertical-align: middle;
  flex: 1;
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #272727;
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan .select2-results__option--selectable {
  color: #272727;
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan .send-to-plan {
  font-size: 18px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .plan .send-to-plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan.plan_selected .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: block;
}
#package_message #wrapper .section.search .inner .select_plan .inner .plan.plan_selected .select2-selection__arrow {
  pointer-events: none;
  right: 15px;
}
#package_message #wrapper .section.search .inner .select_plan .inner .package-message-select {
  font-size: 18px !important;
  border-color: #eeeeee;
  color: #272727;
  font-weight: 600;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .package-message-select {
    font-size: 3.73vw !important;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
  padding: 17px;
  height: auto;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .package-message-select #select2-select_plan-results .select2-results__option {
    height: auto;
    padding: 3.467vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail {
  background-color: #fff;
  padding: 18px;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  width: 100%;
  margin-top: 16px;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 3.73vw;
    margin-top: 3.2vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .title {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .title {
    margin-bottom: 4.267vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .items-detail {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .items-detail {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .items-detail .item {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .items-detail .item {
    margin-bottom: 3.2vw;
  }
}
#package_message #wrapper .section.search .inner .select_plan .inner .list-plan-detail .items-detail .item:last-child {
  margin-bottom: 0;
}
#package_message #wrapper .section.search .inner .list_wapper {
  width: 100%;
  border-bottom: #eeeeee 1px solid;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .search_user .content_search {
    margin-bottom: 4.266666667vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_top p {
  font-size: 16px;
  margin-bottom: 19px;
  color: #797979;
  text-align: left;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_top p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.733333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom {
  padding-bottom: 19px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom {
    padding-bottom: 3.733333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom:after {
  content: "";
  clear: both;
  display: table;
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom input {
  float: left;
  padding: 13px 21px;
  width: 279px;
  height: 45px;
  border: 1px solid #eeeeee;
  font-size: 19px;
  margin-right: 11px;
  caret-color: #4178f2;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom input {
    height: 9.066666667vw;
    padding: 2.666666667vw 4.266666667vw;
    width: 55.73333333vw;
    margin-right: 2.133333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom div.cancel_btn {
  float: left;
  height: 45px;
  position: relative;
  vertical-align: middle;
  background-color: #5285f7;
  border: 0;
  outline: none;
  color: #fff;
  border-radius: 23px;
  font-size: 17px;
  cursor: pointer;
  width: 144px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom div.cancel_btn {
    width: 29.33333333vw;
    height: 9.066666667vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    border-radius: 4.533333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .search_user .content_search .search_bottom div.cancel_btn span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#package_message #wrapper .section.search .inner .list_wapper .list_send {
  border: #eeeeee 1px solid;
  border-radius: 11px;
  background-color: #fff;
  margin: 13px;
  padding: 19px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send {
    border-radius: 2.133333333vw;
    margin: 2.666666667vw;
    padding: 3.733333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send #list_item_message {
  margin-top: 8px;
  max-height: 867px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send #list_item_message {
    margin-top: 1.6vw;
    max-height: 173.3333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content {
  text-align: left;
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content .title {
  font-size: 19px;
  font-weight: 700;
  color: #272727;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content .title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content a #search_user {
  margin-top: 21px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  background-image: url("../images/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-color: #f4f4f4;
  background-position: 14px 11px;
  background-size: 21px;
  border: #eeeeee 1px solid;
  padding-left: 48px;
  border-radius: 23px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content a #search_user {
    font-size: 3.2vw;
    margin-top: 4.266666667vw;
    height: 9.066666667vw;
    padding-left: 9.6vw;
    background-size: 4.266666667vw;
    background-position: 2.666666667vw 2.4vw;
    border-radius: 4.533333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content a #search_user p {
  transform: translateY(13px);
  color: #797979;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content a #search_user p {
    transform: translateY(2.666666667vw);
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form {
  width: 100%;
  height: 100%;
  margin-top: 21px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form {
    margin-top: 4.266666667vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: inline-block;
  position: unset;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form .select2-container--default .select2-selection--single .select2-selection__arrow {
    transform: translateY(-25%);
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: translateY(-25%) rotate(180deg);
  }
}
#package_message #wrapper .section.search .inner .list_wapper .list_send .content #select_filter form .select2-container--default .select2-selection--single {
  text-align: center;
}
#package_message #wrapper .section.search .inner .list_wapper .title_list_send {
  text-align: left;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .list_wapper .title_list_send {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .list_wapper #list_send {
  border: 0;
  background-color: #fafafa;
  margin-bottom: 67px;
}
#package_message #wrapper .section.search .inner .upload {
  border-bottom: #eeeeee 1px solid;
  padding: 13px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .upload {
    padding: 2.666666667vw;
  }
}
#package_message #wrapper .section.search .inner .upload .head_upload {
  font-size: 19px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .upload .head_upload {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .upload .head_upload div p:first-child {
  text-align: left;
}
#package_message #wrapper .section.search .inner .upload .head_upload div p:last-child {
  display: block;
  margin-top: 17px;
  font-size: 13px;
  font-weight: 300;
  color: #797979;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .upload .head_upload div p:last-child {
    margin-top: 3.466666667vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#package_message #wrapper .section.search .inner .upload .head_upload form label {
  color: #5285f7;
  cursor: pointer;
}
#package_message #wrapper .section.search .inner .upload .head_upload form input {
  display: none;
}
#package_message #wrapper .section.search .inner .message_reply .inner,
#package_message #wrapper .section.search .inner .message_important .inner,
#package_message #wrapper .section.search .inner .book_send .inner,
#package_message #wrapper .section.search .inner .message_zoom .inner {
  padding: 26px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_reply .inner,
  #package_message #wrapper .section.search .inner .message_important .inner,
  #package_message #wrapper .section.search .inner .book_send .inner,
  #package_message #wrapper .section.search .inner .message_zoom .inner {
    padding: 5.33vw 2.67vw;
  }
}
#package_message #wrapper .section.search .inner .message_reply .inner p.title,
#package_message #wrapper .section.search .inner .message_important .inner p.title,
#package_message #wrapper .section.search .inner .book_send .inner p.title,
#package_message #wrapper .section.search .inner .message_zoom .inner p.title {
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_reply .inner p.title,
  #package_message #wrapper .section.search .inner .message_important .inner p.title,
  #package_message #wrapper .section.search .inner .book_send .inner p.title,
  #package_message #wrapper .section.search .inner .message_zoom .inner p.title {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon,
#package_message #wrapper .section.search .inner .message_important .inner .toggle_icon,
#package_message #wrapper .section.search .inner .book_send .inner .toggle_icon,
#package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon {
  width: 53px;
  height: 27px;
  border-radius: 40px;
  position: relative;
  background-color: #c7c7c7;
  transition: 0.1s all;
  transition-delay: 0.3s;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon,
  #package_message #wrapper .section.search .inner .message_important .inner .toggle_icon,
  #package_message #wrapper .section.search .inner .book_send .inner .toggle_icon,
  #package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon {
    width: 10.66666667vw;
    height: 5.333333333vw;
  }
}
#package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon a,
#package_message #wrapper .section.search .inner .message_important .inner .toggle_icon a,
#package_message #wrapper .section.search .inner .book_send .inner .toggle_icon a,
#package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon a {
  top: 50%;
  position: absolute;
  width: 21px;
  height: 21px;
  right: calc(100% - 21px - 3px);
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon a,
  #package_message #wrapper .section.search .inner .message_important .inner .toggle_icon a,
  #package_message #wrapper .section.search .inner .book_send .inner .toggle_icon a,
  #package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon a {
    width: 4.267vw;
    height: 4.267vw;
    right: calc(100% - 4.267vw - 0.533vw);
  }
}
#package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon.active,
#package_message #wrapper .section.search .inner .message_important .inner .toggle_icon.active,
#package_message #wrapper .section.search .inner .book_send .inner .toggle_icon.active,
#package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon.active {
  background-color: #5285f7;
  transition: 0.1s all;
  transition-delay: 0.3s;
}
#package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon.active a,
#package_message #wrapper .section.search .inner .message_important .inner .toggle_icon.active a,
#package_message #wrapper .section.search .inner .book_send .inner .toggle_icon.active a,
#package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon.active a {
  right: 3px;
  transition: 0.3s all;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_reply .inner .toggle_icon.active a,
  #package_message #wrapper .section.search .inner .message_important .inner .toggle_icon.active a,
  #package_message #wrapper .section.search .inner .book_send .inner .toggle_icon.active a,
  #package_message #wrapper .section.search .inner .message_zoom .inner .toggle_icon.active a {
    right: 0.533vw;
  }
}
#package_message #wrapper .section.search .inner .message_content {
  padding: 27px 13px 16px 13px;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_content {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.267vw 2.67vw;
  }
}
#package_message #wrapper .section.search .inner .message_content .important_tick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_content .important_tick {
    margin-bottom: 2.67vw;
  }
}
#package_message #wrapper .section.search .inner .message_content .important_tick .message_item_buttons {
  align-items: center;
  justify-content: center;
  display: flex;
}
#package_message #wrapper .section.search .inner .message_content .important_tick .message_item_buttons a {
  color: #f4619f;
  font-size: 12px;
  border: 1px solid #f4619f;
  border-radius: 12px;
  width: 52px;
  height: 23px;
  line-height: 23px;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_content .important_tick .message_item_buttons a {
    font-size: 9px;
    font-size: 2.4vw;
    border-radius: 2.4vw;
    width: 10.4vw;
    height: 4.533333333vw;
    line-height: 4.533333333vw;
  }
}
#package_message #wrapper .section.search .inner .message_content .important_tick .message_item_buttons .btn_dm {
  border-radius: 12px;
  background-color: #a28865;
  color: #fff;
  margin-right: 8px;
  border: none;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_content .important_tick .message_item_buttons .btn_dm {
    border-radius: 2.4vw;
    margin-right: 1.6vw;
  }
}
#package_message #wrapper .section.search .inner .message_content textarea {
  padding: 18.7px;
  font-weight: 300;
  border-radius: 8px;
  color: #4b4b4b;
  border: 1px solid #eeeeee;
  resize: none;
  width: 100%;
  text-align: left;
  margin-bottom: 67px;
}
@media (max-width: 750px) {
  #package_message #wrapper .section.search .inner .message_content textarea {
    padding: 3.73vw;
    margin-bottom: 13.33333333vw;
  }
}
#package_message #send_reservation .modal .inner p {
  text-align: left;
}
#package_message .fancybox-is-open .fancybox-bg {
  background-color: #272727;
  opacity: 0.6;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
#package_message .fancybox-is-open.blur {
  background-color: rgba(29, 22, 22, 0.4);
}
#package_message .popup_modal.blur {
  background-color: rgba(29, 22, 22, 0.4);
}
#package_message.package_message_on {
  opacity: 1;
  background: #9b9b9b;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
#package_message .alert.alert-danger {
  background-image: none;
  position: fixed;
  top: 75px;
  right: 0;
  left: 0;
  width: 500px;
  margin: 0 auto;
  height: 50px;
  border-radius: 10px;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f8d7da;
  line-height: 50px;
}
@media (max-width: 750px) {
  #package_message .alert.alert-danger {
    width: 100%;
  }
}
#package_message a:hover,
#package_message a:visited,
#package_message a:focus {
  text-decoration: none;
}

.xdsoft_noselect {
  left: 50% !important;
  transform: translateX(-50%);
}

#review_message {
  background-color: #fafafa;
}
#review_message.open-modal {
  height: 100vh;
  overflow-y: hidden;
}
#review_message .header {
  border-bottom: 1px solid #e5e5e5;
}
#review_message .header .inner .message_btn a {
  border-radius: 23px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message .header .inner .message_btn a {
    border-radius: 2.3vw;
  }
}
@media (max-width: 750px) {
  #review_message .header .inner .message_btn a {
    border-radius: 4.533333333vw;
  }
}
#review_message .header .inner .message_btn a.edit_message {
  background-color: #4b4b4b;
  margin-right: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message .header .inner .message_btn a.edit_message {
    margin-right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #review_message .header .inner .message_btn a.edit_message {
    margin-right: 1.6vw;
  }
}
#review_message .header .inner .message_btn a.del_message {
  background-color: #ff5858;
}
#review_message #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #review_message #wrapper .section {
    padding-top: 13.33333333vw;
  }
}
#review_message #wrapper .section .plan {
  border-bottom: 1px solid #e5e5e5;
}
#review_message #wrapper .section .plan .inner {
  padding: 16px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .plan .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .plan .inner {
    padding: 4.267vw 2.67vw;
  }
}
#review_message #wrapper .section .plan .inner .preview {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .plan .inner .preview {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .plan .inner .preview {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 1.6vw;
  }
}
#review_message #wrapper .section .plan .inner .preview .title {
  color: #9b9b9b;
}
#review_message #wrapper .section .plan .inner .preview .send_time {
  color: #1ac1bc;
}
#review_message #wrapper .section .plan .inner .contract {
  display: flex;
  align-items: center;
  line-height: 31px;
  font-size: 19px;
  font-weight: 700;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .plan .inner .contract {
    font-size: 1.9vw;
    line-height: 3.1vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .plan .inner .contract {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
}
#review_message #wrapper .section .plan .inner .contract::after {
  display: table;
  content: "";
  clear: both;
}
#review_message #wrapper .section .plan .inner .contract .thumbnail {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  margin-right: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .plan .inner .contract .thumbnail {
    width: 4vw;
    height: 4vw;
    margin-right: 1.1vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .plan .inner .contract .thumbnail {
    margin-right: 2.133333333vw;
    width: 10.66666667vw;
    height: 10.66666667vw;
  }
}
#review_message #wrapper .section .plan .inner .contract .title {
  width: calc(100% - 53px - 11px);
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .plan .inner .contract .title {
    width: calc(100% - 5.3vw - 1.1vw);
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .plan .inner .contract .title {
    width: calc(100% - 10.66666667vw - 2.133333333vw);
  }
}
#review_message #wrapper .section .important_status .inner {
  padding: 13px 10px;
  font-weight: 500;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  color: #5285f7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .important_status .inner {
    padding: 1.3vw 1vw;
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .important_status .inner {
    font-size: 12px;
    font-size: 3.2vw;
    padding: 3.2vw 2.67vw;
  }
}
#review_message #wrapper .section .important_status.active .inner > p {
  color: #5285f7;
}
#review_message #wrapper .section .message {
  padding: 13px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message {
    padding: 1.3vw 1vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message {
    padding: 3.2vw 2.67vw;
  }
}
#review_message #wrapper .section .message .inner .important {
  display: flex;
  justify-content: flex-end;
}
#review_message #wrapper .section .message .inner .important span {
  display: inline-block;
  font-size: 12px;
  padding: 5px 13px;
  color: #f4619f;
  border: 1px solid #f4619f;
  border-radius: 12px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message .inner .important span {
    font-size: 1.2vw;
    padding: 0.5vw 1.3vw;
    border-radius: 1.2vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message .inner .important span {
    font-size: 9px;
    font-size: 2.4vw;
    padding: 1.066666667vw 2.666666667vw;
    border-radius: 2.4vw;
  }
}
#review_message #wrapper .section .message .inner .content {
  padding: 19px 13px;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message .inner .content {
    padding: 1.9vw 1.3vw;
    font-size: 1.4vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message .inner .content {
    padding: 4.266666667vw 3.2vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#review_message #wrapper .section .message .inner .list_image {
  padding: 19px 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message .inner .list_image {
    padding: 1.9vw 1.3vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message .inner .list_image {
    padding: 4.266666667vw 3.2vw;
  }
}
#review_message #wrapper .section .message .inner .list_image ul li {
  width: 164px;
  height: 232px;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 19px;
  border-radius: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message .inner .list_image ul li {
    width: 16.4vw;
    height: 23.2vw;
    margin-bottom: 1.9vw;
    border-radius: 1.2vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message .inner .list_image ul li {
    width: 43.73333333vw;
    height: 61.86666667vw;
    margin-bottom: 4.266666667vw;
    border-radius: 2.933333333vw;
  }
}
#review_message #wrapper .section .message .inner .list_image ul li .play {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #wrapper .section .message .inner .list_image ul li .play {
    width: 6vw;
    height: 6vw;
  }
}
@media (max-width: 750px) {
  #review_message #wrapper .section .message .inner .list_image ul li .play {
    width: 16vw;
    height: 16vw;
  }
}
#review_message #popup_message {
  opacity: 1;
  background: #9b9b9b;
  backdrop-filter: blur(7px);
}
#review_message #popup_message .delete_message_modal .inner p {
  text-align: center;
}
#review_message #popup_message .delete_message_modal .inner .confirm {
  padding-top: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #popup_message .delete_message_modal .inner .confirm {
    padding-top: 4vw;
  }
}
@media (max-width: 750px) {
  #review_message #popup_message .delete_message_modal .inner .confirm {
    padding-top: 8vw;
  }
}
#review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm {
  padding: 20px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  border-radius: 29px;
}
#review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm p {
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm {
    padding: 2vw;
    font-size: 1.9vw;
    border-radius: 2.9vw;
  }
}
@media (max-width: 750px) {
  #review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 5.866666667vw;
    padding: 4vw;
  }
}
#review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm.accept {
  background-color: #4b4b4b;
  margin-bottom: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm.accept {
    margin-bottom: 2.1vw;
  }
}
@media (max-width: 750px) {
  #review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm.accept {
    margin-bottom: 4.266666667vw;
  }
}
#review_message #popup_message .delete_message_modal .inner .confirm .btn-confirm.denied {
  background-color: #c7c7c7;
}

#list_post {
  background-color: #f4f4f4;
}
#list_post header {
  border-bottom: 1px solid #e5e5e5;
}
#list_post #wrapper {
  margin: 0 auto;
}
#list_post #wrapper section {
  padding: 12px 0 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section {
    padding: 1.2vw 0 0;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section {
    max-width: 100%;
    padding-top: 13.33333333vw;
  }
}
#list_post #wrapper section.section > .inner {
  padding: 0;
}
#list_post #wrapper section.section > .inner #select_filter {
  padding: 0 10px 39px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner #select_filter {
    padding: 0 1vw 3.9vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner #select_filter {
    padding: 2.666666667vw 0;
  }
}
#list_post #wrapper section.section > .inner #select_filter .select_filter_post {
  display: flex;
  justify-content: space-between;
}
#list_post #wrapper section.section > .inner #select_filter .select_filter_post button {
  flex: 1;
  outline: none;
  background: transparent;
  padding: 16px 0;
  border: none;
  border-bottom: 2px solid #e5e5e5;
  font-size: 13px;
  font-weight: 700;
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner #select_filter .select_filter_post button {
    padding: 3.2vw 0;
    font-size: 2.666666667vw;
  }
}
#list_post #wrapper section.section > .inner #select_filter .select_filter_post button.active {
  color: #4b4b4b;
  border-bottom: 2px solid #4b4b4b;
}
#list_post #wrapper section.section > .inner .list_content {
  margin-top: 22.61px;
  min-height: 812px;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content {
    min-height: 162.4vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content {
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content {
    margin-bottom: 2.4vw;
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content {
    padding: 3.2vw 2.666666667vw;
    margin-bottom: 0;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 90px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail {
    width: 9vw;
    height: 9vw;
    border-radius: 0.4vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail {
    width: 24vw;
    height: 24vw;
    border-radius: 1.0667vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail .icon {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail .icon {
    width: 2.4vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .item_thumbail .icon {
    top: -1.4vw;
    right: -1.4vw;
    width: 10.4vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description {
  padding-left: 12px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description {
    font-size: 1.2vw;
    padding-left: 1.2vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description {
    font-size: 12px;
    font-size: 3.2vw;
    padding-left: 3.2vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description .posts_time {
  margin-bottom: 10px;
  color: #9b9b9b;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description .posts_time {
    font-size: 1.4vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description .posts_time {
    margin-bottom: 2.666666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .description .status {
  color: #5285f7;
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: flex;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info {
    right: 1vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info {
    margin-bottom: 2.666666667vw;
    right: 2.666666667vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a {
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 6px;
  width: 68px;
  height: 34px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a {
    border-radius: 1.7vw;
    font-size: 1.4vw;
    margin: 0 0 0 0.6vw;
    width: 6.8vw;
    height: 3.4vw;
    line-height: 3.4vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a {
    border-radius: 4.533333333vw;
    margin: 0 0 0 1.6vw;
    width: 18.13333333vw;
    height: 9.066666667vw;
    line-height: 9.066666667vw;
    font-size: 3.733333333vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a.edit {
  background-color: #4b4b4b;
}
#list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a.details {
  background-color: transparent;
  border: 3px solid #4b4b4b;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul > li .item_content .btn_info a.details {
    border: 0.533333333vw solid #4b4b4b;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate {
  margin: 20px 0;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul .paginate {
    margin: 4vw 0;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination {
  display: flex;
  justify-content: center;
  padding: 40px 0 50px;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination {
    padding: 8vw 0 10vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination .page-item {
  border-radius: 50%;
  background: #4B4B4B;
  margin: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #ffffff;
  font-size: 13px;
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination .page-item {
    font-size: 2.66667vw;
    width: 6.933333333vw;
    height: 6.933333333vw;
    line-height: 6.933333333vw;
  }
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination .page-item .page-link {
  color: #ffffff;
  display: block;
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination .page-item.active {
  background: transparent;
  color: #4B4B4B;
}
#list_post #wrapper section.section > .inner .list_content > ul .paginate .pagination .page-item.active .page-link {
  color: #4B4B4B;
  display: block;
}
#list_post #wrapper section.section > .inner .list_content .notification_post {
  height: 200px;
  width: 100%;
  font-size: 17px;
  padding: 91px;
  font-weight: 600;
  color: #9B9B9B;
  background-color: #f4f4f4;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 200px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post #wrapper section.section > .inner .list_content .notification_post {
    height: 20vw;
    font-size: 1.7vw;
    padding: 9.1vw;
    max-width: 70vw;
    margin-bottom: 20vw;
  }
}
@media (max-width: 750px) {
  #list_post #wrapper section.section > .inner .list_content .notification_post {
    height: 40vw;
    padding: 18.13333333vw;
    font-size: 4.2666666667vw;
    margin-bottom: 40vw;
  }
}
#list_post #wrapper section.section > .inner #list_posted ul li .item_content .description .posts_time {
  color: #4b4b4b;
}
#list_post #wrapper section.section > .inner #list_posted ul li .item_content .description .status {
  color: #42bc8d;
}
#list_post #wrapper section.section > .inner #list_draft ul li .item_content .description .posts_time {
  color: #4B4B4B;
}
#list_post #wrapper section.section > .inner #list_draft ul li .item_content .description .status {
  color: #797979;
}

#list_post_detail {
  background-color: #f4f4f4;
}
#list_post_detail header.header .inner .message_btn a {
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 5px;
  width: 68px;
  height: 34px;
  line-height: 34px;
  font-weight: 600;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail header.header .inner .message_btn a {
    border-radius: 1.7vw;
    font-size: 1.4vw;
    width: 6.8vw;
    height: 3.4vw;
    line-height: 3.4vw;
    margin: 0 0 0 0.5vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail header.header .inner .message_btn a {
    border-radius: 4.533333333vw;
    margin: 0 0 0 1.6vw;
    width: 18.13333333vw;
    height: 9.066666667vw;
    line-height: 9.066666667vw;
    font-size: 3.733333333vw;
  }
}
#list_post_detail header.header .inner .message_btn a.edit {
  background-color: #4b4b4b;
}
#list_post_detail header.header .inner .message_btn a.del {
  background-color: #ff5858;
}
#list_post_detail #wrapper {
  margin: 0 auto;
  padding-top: 0;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper {
    padding-top: 13.33333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner {
  padding: 0;
}
#list_post_detail #wrapper section#content > .inner .tlt_detail {
  padding: 16px 10px;
  text-align: left;
  color: #797979;
  font-weight: 700;
  font-size: 16px;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .tlt_detail {
    padding: 1.4vw 1vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .tlt_detail {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 2.666666667vw 4.533333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner #setting_01 {
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner #setting_01 {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner #setting_01 {
    margin-bottom: 6.933333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content {
  text-align: left;
  padding: 0 10px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content {
    padding: 0;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li {
    padding: 1.6vw 0;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li {
    padding: 2.666666667vw 4.533333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li span {
  display: block;
  text-align: left;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li span {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li span {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li span.tlt_content {
  color: #5285f7;
  font-weight: 700;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li span.tlt_content {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li span.tlt_content {
    margin-bottom: 4.266666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail {
  position: relative;
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail > img {
  border-radius: 5px;
  width: 237px;
  height: 147px;
  object-fit: cover;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail > img {
    width: 47.46666667vw;
    height: 29.33333333vw;
    margin-bottom: 4.266666667vw;
    border-radius: 1.066666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail.video {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 147px;
  width: 237px;
  border-radius: 5px;
  margin-bottom: 16px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail.video {
    width: 47.46666667vw;
    height: 29.33333333vw;
    margin-bottom: 4.266666667vw;
    border-radius: 1.066666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail.video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .item_thumbail.video .play {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .tlt_category {
  color: #707070;
}
#list_post_detail #wrapper section#content > .inner .item_content ul li h3 {
  font-size: 16px;
  color: #272727;
  margin-bottom: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li h3 {
    font-size: 1.6vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li h3 {
    margin-bottom: 4.266666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li p {
  font-size: 14px;
  color: #272727;
  line-height: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li p {
    font-size: 1.4vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li p {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li p > a {
  color: #5285f7;
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .on_date {
  display: flex;
  justify-content: space-between;
  text-align: left;
  color: #272727;
  font-weight: normal;
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .on_date span {
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .on_date span {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .on_date span {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content ul li .post_completed {
  font-size: 16px;
  color: #ADADAD;
  text-align: right;
  line-height: normal;
  margin-top: 16px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content ul li .post_completed {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail {
  padding: 0 13px 23px;
  width: 237px;
  min-height: 147px;
  border-radius: 5px;
  overflow: hidden;
  text-align: left;
  display: inline-block;
  position: relative;
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.horizontal {
  max-width: 147px;
  width: 100%;
  min-height: 237px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.horizontal {
    max-width: 29.4vw;
    min-height: 47.4vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail {
    padding: 0 2.530666667vw 4.6vw;
    width: 47.4vw;
    min-height: 29.4vw;
    border-radius: 1.066666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img {
  border-radius: 5px;
  object-fit: cover;
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-horizontal {
  height: 237px;
  width: 147px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-horizontal {
    width: 29.33333333vw;
    height: 47.46666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-vertical {
  height: 147px;
  width: 237px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-vertical {
    height: 29.33333333vw;
    width: 47.46666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-square {
  height: 147px;
  width: 147px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail img.img-square {
    height: 29.33333333vw;
    width: 29.33333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.video {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 147px;
  width: 237px;
  border-radius: 5px;
  margin-bottom: 16px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.video {
    width: 47.46666667vw;
    height: 29.33333333vw;
    margin-bottom: 4.266666667vw;
    border-radius: 1.066666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail.video .play {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail .video-js .vjs-big-play-button {
  height: 52px;
  width: 52px;
  line-height: 52px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_thumbail .video-js .vjs-big-play-button {
    height: 10.66666667vw;
    width: 10.66666667vw;
    line-height: 10.66666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#list_post_detail #wrapper section#content > .inner .item_content .item_thumbail .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#list_post_detail #wrapper section#content > .inner .item_content .type_item {
  padding: 0 13px;
  color: #707070;
  text-align: left;
  font-size: 19px;
  margin-bottom: 21px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .type_item {
    padding: 0 2.530666667vw;
    margin-bottom: 4.2vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .content_stt {
  padding: 23px 13px;
  color: #5285f7;
  font-weight: 700;
  margin-bottom: 21px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .content_stt {
    padding: 4.6vw 2.530666667vw;
    margin-bottom: 4.2vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail {
  padding: 23px 13px;
  border-top: 1px solid #E5E5E5;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail {
    padding: 4.6vw 2.530666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail h3 {
  font-size: 21px;
  color: #272727;
  margin-bottom: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail p {
  font-size: 19px;
  color: #272727;
  line-height: 34px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_plan_detail p {
    line-height: 6.8vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_caption {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 23px 13px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_caption {
    padding: 4.6vw 2.530666667vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_caption h3 {
  font-size: 21px;
  color: #272727;
  margin-bottom: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_caption h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2vw;
  }
}
#list_post_detail #wrapper section#content > .inner .item_content .item_caption p {
  font-size: 19px;
  color: #272727;
  line-height: 34px;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner .item_content .item_caption p {
    line-height: 6.8vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#list_post_detail #wrapper section#content > .inner #setting_02 {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #list_post_detail #wrapper section#content > .inner #setting_02 {
    margin-bottom: 13.33333333vw;
  }
}
@media (max-width: 750px) {
  #list_post_detail #wrapper #main_content {
    padding-top: 13.33333vw;
  }
}
#list_post_detail #popup_message {
  text-align: center;
}
#list_post_detail #popup_message .description {
  text-align: center;
}
#list_post_detail #popup_message a {
  text-align: center;
}

#post_setting {
  background-color: #f4f4f4;
  margin: auto;
}
#post_setting.open-modal {
  height: 100vh;
  overflow-y: hidden;
}
#post_setting header {
  border-bottom: 1px solid #e5e5e5;
}
#post_setting header > .inner a.send_message {
  display: none;
  border-radius: 17px;
  right: 12px;
  background-color: #4b4b4b;
}
@media (max-width: 750px) {
  #post_setting header > .inner a.send_message {
    border-radius: 4.533333333vw;
    right: 2.4vw;
  }
}
#post_setting header > .inner a.send_message.active {
  display: block;
}
#post_setting header > .inner a.send_message.blue {
  background-color: #4178f2;
}
#post_setting header > .inner a.send_message.btn_message_schedule {
  background-color: #42bc8d;
}
#post_setting #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #post_setting #wrapper {
    max-width: 100%;
  }
}
#post_setting #wrapper section.section {
  margin-bottom: 64px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section {
    margin-bottom: 6.4vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section {
    margin-bottom: 13.33333333vw;
    padding-top: 13.33333333vw;
  }
}
#post_setting #wrapper section.section > .inner {
  padding: 0;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper {
    padding: 0 2.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper {
  margin-bottom: 26px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper {
    margin-bottom: 2.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper {
    margin-bottom: 6.933333333vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper h5 {
  color: #272727;
  margin: 16px 0 12px 0;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper h5 {
    margin: 1.6vw 0 1.2vw 0;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper h5 {
    font-size: 4.266666667vw;
    margin-bottom: 4.266666667vw 0 3.2vw 0;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper p {
  color: #9b9b9b;
  font-size: 11px;
  line-height: 19px;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper p {
    font-size: 1.1vw;
    line-height: 1.9vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .manual_wrapper p {
    font-size: 2.933333333vw;
    line-height: 5.066666667vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper {
  padding-bottom: 27px;
  border-bottom: 1px solid #eeeeee;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper {
    margin-bottom: 1.6vw;
    padding-bottom: 2.7vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper {
    margin-bottom: 6.933333333vw;
    border-bottom: none;
    padding-bottom: 0;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload {
  width: 199px;
  height: 199px;
  border-radius: 5px;
  overflow: hidden;
  margin: auto;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #f4f4f4;
  margin-bottom: 21px;
  position: relative;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default {
  display: none;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: rgba(51, 51, 51, 0.5);
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .loader_file_uploaded {
  position: absolute;
  display: none;
  font-size: 6px;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: loading-file 1.1s infinite ease;
  animation: loading-file 1.1s infinite ease;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload {
    width: 39.73333333vw;
    height: 39.73333333vw;
    margin-bottom: 4.266666667vw;
    border-radius: 1.066666667vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload input {
  display: none;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload img {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload img.icon {
  position: unset;
  width: 55px;
  height: auto;
  margin: auto;
  cursor: pointer;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload img.icon {
    width: 10.93333333vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload img.active {
  display: block;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .show_preview_title {
  position: absolute;
  pointer-events: none;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 999;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .area_image_upload .show_preview_title {
    font-size: 3.7333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload {
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload {
    margin-bottom: 6.933333333vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload p {
  color: #9b9b9b;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload p {
    font-size: 2.933333333vw;
    line-height: 5.066666667vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload .config_image {
  color: #5285f7;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .notification_upload .config_image {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .upload input {
  display: none;
}
#post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .upload label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 255px;
  height: 53px;
  border: 2px solid #5285f7;
  margin: auto;
  color: #5285f7;
  font-size: 19px;
  font-weight: 700;
  border-radius: 25px;
  cursor: pointer;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .upload label {
    width: 19px;
    height: 4px;
    border: 0.2vw solid #5285f7;
    font-size: 1px;
    border-radius: 2.5vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .upload_image_wrapper .wrapper .preview_and_upload_wrapper .upload label {
    font-size: 3.7333333333vw;
    width: 50.9333333333vw;
    height: 10.6666666667vw;
    border-radius: 6.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper {
  margin: 27px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper {
    margin-bottom: 3.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper {
    margin-bottom: 5.333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper {
    padding: 0 2.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title {
  margin-bottom: 16px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title {
    margin-bottom: 9.6vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title h5 {
  color: #272727;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title h5 {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title h5 {
    font-size: 4.266666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title p {
  color: #5285f7;
  font-size: 11px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title p {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images_title p {
    font-size: 2.933333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images {
  overflow: hidden;
  width: 365px;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images {
    width: 36.5vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images {
    width: 100%;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li {
  position: relative;
  width: 23%;
  min-height: 137px;
  margin: 1%;
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  background-color: #ebebeb;
  border-radius: 5px;
  margin: 5px auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail {
    border-radius: 0.5vw;
    margin: 0.4vw auto;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail {
    border-radius: 1.066666667vw;
    margin-bottom: 1.066666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  object-fit: contain;
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail img.play {
  width: 35px;
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail img.play {
    width: 6.933333333vw;
    height: 6.933333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail.item_video {
  padding-bottom: 0;
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li .item_thumbnail.item_video .video-js.vjs-16-9 {
  padding-top: 100%;
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li p {
  margin-bottom: 17px;
  font-size: 11px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li p {
    margin-bottom: 1.7vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images ul li p {
    font-size: 2.933333333vw;
    margin-bottom: 4.533333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images .video-js .vjs-big-play-button {
  height: 40px;
  width: 40px;
  line-height: 52px;
  background-color: transparent;
  background-image: url(../images/img_play.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#post_setting #wrapper section.section > .inner .list_images_wrapper .wrapper .list_images .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#post_setting #wrapper section.section > .inner .list_options_post ul li {
  padding: 20px 13px;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li {
    padding: 2vw 1.3vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li {
    padding: 5.6vw 2.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li h5 {
  font-size: 14px;
  color: #333333;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li h5 {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li h5 {
    font-size: 3.733333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li h5:visited {
  color: #333333;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li:first-child {
  border-top: 1px solid #e5e5e5;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper {
  display: none;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper h5 {
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper h5 {
    margin-bottom: 8.533333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner {
  padding: 0;
  position: relative;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text] {
  border-radius: 8px;
  border: 2px solid #eeeeee;
  color: #272727;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text] {
    font-size: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text] {
    font-size: 3.733333333vw;
    border-radius: 2.133333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text]::placeholder {
  color: #272727;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #272727;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner input[type=text]::-webkit-input-placeholder { /* Edge */
  color: #272727;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner #datetimepicker {
  opacity: 0;
  cursor: pointer;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner #datetimepicker_format {
  position: absolute;
  pointer-events: none;
  width: 100%;
  top: 0;
  right: 0;
  color: #42bc8d;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner #datetimepicker_format:disabled {
  color: #42bc8d;
  background: transparent;
  opacity: 1;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner span {
  pointer-events: none;
  right: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner span {
    right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner span {
    right: 1.6vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar {
  position: relative;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish {
  width: 312px;
  height: 245px;
  top: 0 !important;
  padding: 20px 0;
  border-radius: 8px;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status {
  display: flex;
  font-weight: 700;
  font-size: 12px;
  margin-left: 8px;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .text_status::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  vertical-align: top;
  border-radius: 50%;
  margin-right: 3.5px;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .posted {
  color: #ff7192;
  margin-right: 6.5px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .posted {
    margin-right: 6.5px;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .posted::before {
  background-color: #ff7192;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .reservation {
  color: #42bc8d;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .post_status .reservation::before {
  background-color: #42bc8d;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date {
  position: relative;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_green {
  position: relative;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_green::before {
  background: #42bc8d;
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_red::before {
  background: #FF7192;
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_today::before {
  content: "";
  border: 0.5px solid #fff;
  box-sizing: border-box;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_date.xdsoft_today {
  color: #42bc8d !important;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_date.xdsoft_today.xdsoft_current {
  color: #fff !important;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_date.xdsoft_today.date_button_color_red::before {
  background-color: rgba(255, 0, 0, 0.5) !important;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_current {
  background-color: #42bc8d !important;
  box-shadow: #42bc8d 0 1px 3px 0 inset !important;
  color: #fff !important;
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper .show_date_ .inner .calendar .picker_publish .xdsoft_disabled {
  opacity: 1 !important;
  color: rgba(102, 102, 102, 0.5);
  background: rgba(245, 245, 245, 0.5);
}
#post_setting #wrapper section.section > .inner .list_options_post ul li.show_date_wrapper.active {
  display: block;
}
#post_setting #wrapper section.section > .inner .list_options_post .alert {
  display: none;
  padding: 16px 13px 0 13px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post .alert {
    padding: 3.2vw 2.666666667vw 0 2.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post .alert p {
  text-align: left;
  color: #ff5858;
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .list_options_post .alert p {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .list_options_post .alert p {
    font-size: 2.933333333vw;
  }
}
#post_setting #wrapper section.section > .inner .list_options_post .alert.active {
  display: block;
}
#post_setting #wrapper section.section > .inner .caption_post {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post {
    padding: 0 2.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area {
  border-bottom: solid 1px #eeeeee;
  padding: 21px 0;
  text-align: left;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area {
    padding: 4.266666667vw 0;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .title {
  font-weight: 600;
  color: #272727;
  font-size: 21px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .explain {
  line-height: 25px;
  padding: 21px 0;
  color: #a28865;
  font-size: 15px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .explain {
    padding: 4.266666667vw 0;
    line-height: 5.066666667vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .explain.important {
  color: #ff5858;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority {
  margin-top: 21px;
  margin-left: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .priority {
    margin-top: 4.2666666667vw;
    margin-left: 2.6666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .caption_title {
  display: inline-block;
  width: 107px;
  height: 51px;
  background-color: #EEEEEE;
  border-radius: 10px 10px 0 0;
  color: #9B9B9B;
  text-align: center;
  font-size: 19px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .caption_title {
    width: 21.3333333333vw;
    height: 10.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .caption_title span {
  line-height: 51px;
  vertical-align: middle;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .caption_title span {
    line-height: 10.1333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .title_member.active {
  background-color: #FF7192;
  color: #FFFFFF;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .title_non_member {
  margin-left: -4px;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .priority .title_non_member.active {
  background-color: #5285F7;
  color: #FFFFFF;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .caption_member {
  border: 2px solid #FF7192;
  border-radius: 10px;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .caption_non_member {
  border: 2px solid #5285F7;
  border-radius: 10px;
}
#post_setting #wrapper section.section > .inner .caption_post .caption_area .notice {
  margin-top: 16px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  color: #FF5858;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .caption_post .caption_area .notice {
    margin-top: 3.2vw;
    font-size: 2.9333333333vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper {
  width: 100%;
  padding-top: 88px;
  margin-bottom: 439px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper {
    padding-top: 17.6vw;
    margin-bottom: 87.73333333vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .icon {
  background-color: #5285f7;
  width: 32px;
  height: 32px;
  margin: auto;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .icon {
    width: 3.2vw;
    height: 3.2vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .icon {
    width: 9.6vw;
    height: 9.6vw;
    margin-bottom: 4.266666667vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .icon img {
  width: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .icon img {
    width: 1.6vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .icon img {
    width: 4.8vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .title h5 {
  font-size: 21px;
  color: #272727;
  margin-bottom: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .title h5 {
    font-size: 2.1vw;
    margin-bottom: 2.4vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .title h5 {
    font-size: 4.266666667vw;
    margin-bottom: 6.4vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect {
  margin-bottom: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect {
    margin-bottom: 2.1vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect {
    margin-bottom: 6.666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 50px;
  margin: auto;
  color: #fff;
  font-size: 16px;
  border-radius: 32px;
  cursor: pointer;
  font-weight: 700;
  background-color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect a {
    width: 17vw;
    height: 5vw;
    font-size: 1.6vw;
    border-radius: 3.2vw;
  }
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .redirect a {
    width: 50.93333333vw;
    height: 13.33333333vw;
    line-height: 13.33333333vw;
    font-size: 4.266666667vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .description a {
  font-size: 21px;
  font-weight: 700;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper .description a {
    font-size: 4.266666667vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .description .upload_file_link {
  color: #5285f7;
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper .description #upload_index3 {
  display: none;
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper.schedule_post .image_schedule {
  margin-bottom: 33px;
}
@media (max-width: 750px) {
  #post_setting #wrapper section.section > .inner .notification_success_wrapper.schedule_post .image_schedule {
    margin-bottom: 6.6666666667vw;
  }
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper.schedule_post .icon {
  background-color: #42bc8d;
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper.schedule_post .title h5 {
  color: #42bc8d;
}
#post_setting #wrapper section.section > .inner .notification_success_wrapper.schedule_post .description {
  font-weight: 700;
}
#post_setting .popup_modal_notification.popup_post_setting .modal {
  padding: 0;
  width: 436px;
  height: 207px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #post_setting .popup_modal_notification.popup_post_setting .modal {
    width: 87.2vw;
    height: 41.33333333vw;
    font-size: 4.266666667vw;
  }
}
#post_setting .popup_message_schedule.popup_post_setting .modal .title {
  color: #272727;
  font-weight: 700;
  font-size: 21px;
  line-height: 36px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #post_setting .popup_message_schedule.popup_post_setting .modal .title {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
    margin-bottom: 4.266666667vw;
  }
}
#post_setting .popup_message_schedule.popup_post_setting .modal .title span {
  display: block;
}
#post_setting .popup_message_schedule.popup_post_setting .modal .description {
  color: #272727;
  font-size: 19px;
  text-align: left;
}
@media (max-width: 750px) {
  #post_setting .popup_message_schedule.popup_post_setting .modal .description {
    font-size: 3.733333333vw;
  }
}
#post_setting .popup_loading.popup_post_setting {
  opacity: 1;
}
#post_setting .popup_loading.popup_post_setting .modal {
  width: 100%;
  border-radius: 0;
  padding: 0;
  transform: unset;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#post_setting .popup_loading.popup_post_setting .modal .header {
  height: 67px;
  border-bottom: 1px solid rgb(229, 229, 229);
  max-width: 500px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 88px;
}
@media (max-width: 750px) {
  #post_setting .popup_loading.popup_post_setting .modal .header {
    height: 13.3333vw;
    margin-bottom: 17.6vw;
  }
}
#post_setting .popup_loading.popup_post_setting .modal .header h5 {
  font-size: 24px;
}
@media (max-width: 750px) {
  #post_setting .popup_loading.popup_post_setting .modal .header h5 {
    font-size: 4.2vw;
  }
}
#post_setting .popup_loading.popup_post_setting .modal .spinner_wrapper img {
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #post_setting .popup_loading.popup_post_setting .modal .spinner_wrapper img {
    width: 9.6vw;
    height: 9.6vw;
    margin-bottom: 4.266666667vw;
  }
}
#post_setting .popup_loading.popup_post_setting .modal .spinner_wrapper p {
  text-align: center;
  color: #272727;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #post_setting .popup_loading.popup_post_setting .modal .spinner_wrapper p {
    font-size: 4.266666667vw;
  }
}
#post_setting .popup_success.popup_post_setting .modal {
  padding: 0;
  width: 436px;
  height: 207px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  #post_setting .popup_success.popup_post_setting .modal {
    width: 87.2vw;
    height: 41.33333333vw;
  }
}
#post_setting .popup_success.popup_post_setting .modal .title {
  color: #272727;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #post_setting .popup_success.popup_post_setting .modal .title {
    font-size: 4.266666667vw;
  }
}
#post_setting .popup_success.popup_post_setting .modal .descripton_title {
  position: absolute;
  top: -85px;
}
@media (max-width: 750px) {
  #post_setting .popup_success.popup_post_setting .modal .descripton_title {
    top: -18.46vw;
  }
}
#post_setting .popup_success.popup_post_setting .modal .descripton_title p {
  text-align: left;
  margin-bottom: 13px;
  color: #fff500;
  font-size: 19px;
}
@media (max-width: 750px) {
  #post_setting .popup_success.popup_post_setting .modal .descripton_title p {
    font-size: 3.733333333vw;
    margin-bottom: 2.666666667vw;
  }
}
#post_setting .modal .close_icon {
  width: 33px;
  height: 33px;
  pointer-events: auto;
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 750px) {
  #post_setting .modal .close_icon {
    width: 6.666666667vw;
    height: 6.666666667vw;
    top: 4vw;
    right: 4vw;
  }
}
#post_setting .modal .close_icon .vertical {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9B9B9B;
  transform: rotate(45deg);
}
@media (max-width: 750px) {
  #post_setting .modal .close_icon .vertical {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
#post_setting .modal .close_icon .horizontal {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9B9B9B;
  transform: rotate(90deg);
}
@media (max-width: 750px) {
  #post_setting .modal .close_icon .horizontal {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
#post_setting .fancybox-is-open .fancybox-bg {
  opacity: 1;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}
#post_setting .fancybox-is-open.blur {
  background-color: rgba(29, 22, 22, 0.4);
}
#post_setting .popup_modal.blur {
  background-color: rgba(29, 22, 22, 0.4);
}

.popup_crop_image {
  position: fixed;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  z-index: 999999;
  overflow: auto;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #707070;
  transition: opacity 0s 0.15s, top 0.15s;
  height: 100%;
  justify-content: flex-start;
}
.popup_crop_image.active_cropper {
  opacity: 1;
  pointer-events: auto;
  top: 0;
  transition: opacity 0s, top 0.15s;
}
.popup_crop_image .title_popup {
  font-size: 21px;
  line-height: 67px;
  color: #272727;
  background: #FAFAFA;
  height: 67px;
  font-weight: 700;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0;
}
@media (max-width: 750px) {
  .popup_crop_image .title_popup {
    font-size: 4.266666667vw;
    line-height: 13.3333333333vw;
    height: 13.3333333333vw;
  }
}
.popup_crop_image .cropper_content {
  margin: 0;
  position: absolute;
  height: calc(100% - 87px - 173px);
  height: -webkit-calc(100% - 87px - 173px);
  top: 87px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .popup_crop_image .cropper_content {
    height: calc(100% - 17.3333333333vw - 34.6666666667vw);
    height: -webkit-calc(100% - 17.3333333333vw - 34.6666666667vw);
    top: 17.3333333333vw;
  }
}
.popup_crop_image .cropper_content.vertical .container_image_crop {
  transform: translateY(40px);
}
@media (max-width: 750px) {
  .popup_crop_image .cropper_content.vertical .container_image_crop {
    transform: translateY(8vw);
  }
}
.popup_crop_image .cropper_content .container_image_crop {
  margin-left: auto;
  margin-right: auto;
}
.popup_crop_image .cropper_content .container_image_crop .cropper-modal {
  background: transparent;
}
.popup_crop_image .cropper_content .pinch_guide {
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
}
.popup_crop_image .cropper_content .pinch_guide .pinch {
  width: 64px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_crop_image .cropper_content .pinch_guide .pinch {
    width: 12.8vw;
    margin-bottom: 4.266666667vw;
  }
}
.popup_crop_image .cropper_content .pinch_guide .guide {
  font-size: 21px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
}
.popup_crop_image .cropper_content .pinch_guide .guide.pc {
  display: block;
}
.popup_crop_image .cropper_content .pinch_guide .guide.sp {
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_crop_image .cropper_content .pinch_guide .guide.pc {
    display: none;
  }
  .popup_crop_image .cropper_content .pinch_guide .guide.sp {
    display: block;
  }
}
@media (max-width: 750px) {
  .popup_crop_image .cropper_content .pinch_guide .guide {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
  .popup_crop_image .cropper_content .pinch_guide .guide.pc {
    display: none;
  }
  .popup_crop_image .cropper_content .pinch_guide .guide.sp {
    display: block;
  }
}
.popup_crop_image .button_cropper {
  background: #fff;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
@media (max-width: 750px) {
  .popup_crop_image .button_cropper {
    height: 25.6vw;
  }
}
.popup_crop_image .button_cropper a {
  font-size: 21px;
  padding: 17px 53px;
  border-radius: 33px;
  font-weight: 600;
  border: 2.7px solid #4B4B4B;
  color: #4B4B4B;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_crop_image .button_cropper a {
    font-size: 2.1vw;
    padding: 1.7vw 5.3vw;
    border-radius: 3.3vw;
    border: 0.27vw solid #4B4B4B;
  }
}
@media (max-width: 750px) {
  .popup_crop_image .button_cropper a {
    font-size: 4.266666667vw;
    border: 0.533333333vw solid #4B4B4B;
    padding: 3.466666667vw 10.66666667vw;
    border-radius: 6.666666667vw;
  }
}
.popup_crop_image .button_cropper a.cancel_cropper {
  color: #4B4B4B;
  background: #fff;
  margin-right: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_crop_image .button_cropper a.cancel_cropper {
    margin-right: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_crop_image .button_cropper a.cancel_cropper {
    margin-right: 3.2vw;
  }
}
.popup_crop_image .button_cropper a.cropper_item {
  color: #fff;
  background: #4B4B4B;
  margin-left: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .popup_crop_image .button_cropper a.cropper_item {
    margin-left: 1.6vw;
  }
}
@media (max-width: 750px) {
  .popup_crop_image .button_cropper a.cropper_item {
    margin-left: 3.2vw;
  }
}
.popup_crop_image .cropper-view-box {
  border: 2px solid #FFFFFF;
  border-radius: 5px;
}
.attachment_list {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #272727;
  top: 0;
  left: 0;
  z-index: 999;
  pointer-events: none;
  overflow-y: auto;
  transition: 0.3s all;
  padding-bottom: 53px;
}
@media (max-width: 750px) {
  .attachment_list {
    padding-bottom: 10.66666667vw;
  }
}
.attachment_list.active_popup {
  opacity: 1 !important;
  pointer-events: auto;
  transition: 0.3s all;
}
.attachment_list .nav_bar_top {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  top: 0;
  height: 50px;
  width: 100%;
  background-color: #272727;
}
@media (max-width: 750px) {
  .attachment_list .nav_bar_top {
    height: 13.33333333vw;
  }
}
.attachment_list .nav_bar_top .back_timeline {
  cursor: pointer;
  width: 1em;
  height: 1em;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .attachment_list .nav_bar_top .back_timeline {
    left: 2.4vw;
  }
}
.attachment_list .nav_bar_top .back_timeline .arrow_previous {
  margin-left: 0.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}
@media (max-width: 750px) {
  .attachment_list .nav_bar_top .back_timeline .arrow_previous {
    font-size: 2.666666667vw;
  }
}
.attachment_list .nav_bar_top .close_popup_preview {
  cursor: pointer;
  width: 1em;
  height: 1em;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .attachment_list .nav_bar_top .close_popup_preview {
    right: 2.4vw;
  }
}
.attachment_list .pager_slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 16px;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 750px) {
  .attachment_list .pager_slider {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.attachment_list .attachment_slider {
  margin: 0 auto;
  max-width: 500px;
}
.attachment_list .attachment_slider .attachment_item {
  position: relative;
  height: auto;
}
.attachment_list .attachment_slider .attachment_item .icon {
  cursor: pointer;
  display: block;
  width: 32px;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  box-sizing: content-box;
  transform: translate(5px, -5px);
  padding: 5px;
  background-color: rgba(39, 39, 39, 0.2);
  border-radius: 9px;
}
@media (max-width: 750px) {
  .attachment_list .attachment_slider .attachment_item .icon {
    width: 8.53vw;
    top: 2.666666667vw;
    right: 2.666666667vw;
    padding: 0.933333333vw;
    transform: translate(0.933333333vw, -0.933333333vw);
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
@media (max-width: 750px) and (max-width: 1024px) {
  .attachment_list .attachment_slider .attachment_item .icon > img {
    transform: none !important;
  }
}
.attachment_list .attachment_slider .attachment_item .video-js {
  background-color: transparent;
}
.attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button {
  height: 95px;
  width: 95px;
  line-height: 95px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button {
    height: 18.93333333vw;
    width: 18.93333333vw;
    line-height: 18.93333333vw;
  }
}
.attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
.attachment_list .attachment_slider .attachment_item .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}

.detail_image {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  left: 0;
  pointer-events: none;
  background: #272727;
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition: opacity 0s 0.15s, top 0.15s;
}
.detail_image .close_image {
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
@media (max-width: 750px) {
  .detail_image .close_image {
    top: 3.2vw;
    right: 3.2vw;
  }
}
.detail_image .close_image img {
  width: 43px;
}
@media (max-width: 750px) {
  .detail_image .close_image img {
    width: 8.533333333vw;
  }
}
.detail_image .zoom_cover {
  touch-action: none;
  -webkit-user-drag: none;
  user-select: none;
}
.detail_image.active {
  top: 0;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0s, top 0.15s;
}

#content_setting {
  background-color: #f4f4f4;
  position: relative;
}
#content_setting.open-modal {
  height: 100vh;
  overflow-y: hidden;
}
#content_setting .header .inner a.cancel {
  font-size: 14px;
  color: #5285f7;
  left: 13px;
  position: absolute;
  font-weight: 500;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting .header .inner a.cancel {
    left: 1.3vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #content_setting .header .inner a.cancel {
    font-size: 16px;
    font-size: 4.2666666667vw;
    left: 0;
  }
}
#content_setting #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #content_setting #wrapper {
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section {
    padding-top: 13.33333333vw;
  }
}
#content_setting #wrapper .section.content_setting .check_all_plan_image {
  font-weight: 700;
  font-size: 16px;
  color: #4B4B4B;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 21px;
  background-color: #FAFAFA;
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting .check_all_plan_image {
    font-size: 3.2vw;
    padding: 4.2666666667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail {
  display: flex;
  flex-wrap: wrap;
  background-color: #fafafa;
}
#content_setting #wrapper .section.content_setting form .content_detail .title {
  width: 100%;
}
#content_setting #wrapper .section.content_setting form .content_detail .title .inner {
  padding: 14px 10px;
  text-align: left;
  color: #797979;
  font-weight: 700;
  font-size: 13px;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .title .inner {
    padding: 1.4vw 1vw;
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .title .inner {
    padding: 3.733333333vw 2.67vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .title .inner .main_plan {
  color: #ff0a9d;
  font-size: 19px;
  font-weight: 500;
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .title .inner .main_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner {
  padding: 16px 10px 0;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner {
    padding: 1.6vw 1vw 0;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner {
    padding: 3.466666667vw 2.67vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .type {
  text-align: left;
  color: #707070;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .type {
    font-size: 1.4vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .type {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content {
  width: 133px;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content {
    border-radius: 0.4vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content {
    border-radius: 1.066666667vw;
    margin-bottom: 3.2vw;
    width: 26.6666666667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content img {
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 5px;
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content video {
  max-width: 100%;
  height: auto;
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content .video-js .vjs-big-play-button {
  height: 60px;
  width: 60px;
  line-height: 52px;
  background-color: transparent;
  background-image: url(../images/img_play.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .file_content .vjs-modal-dialog {
  background: transparent;
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting {
  color: #5285f7;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting {
    font-size: 1.4vw;
    margin-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting {
    margin-bottom: 3.2vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    font-weight: 300;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting .edit {
  cursor: pointer;
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting .edit:after {
  content: "|";
  vertical-align: text-top;
  margin: 0 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting .edit:after {
    margin: 0 0.8vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting .edit:after {
    margin: 0 2.4vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .post .inner .setting .del {
  cursor: pointer;
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan {
  flex: 1;
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner {
  padding: 16px 44px 16px 10px;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner {
    padding: 1.6vw 4.4vw 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner {
    padding: 3.466666667vw 2.67vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .title-check {
  font-size: 14px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .title-check {
    font-size: 1.4vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .title-check {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 4.266666667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail {
  overflow-y: auto;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 14px;
  background-color: #fff;
  max-height: 325px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail {
    padding: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
    max-height: 65.0666666667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li {
  font-size: 12px;
  font-weight: 700;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li {
    font-size: 1.2vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li label {
  margin-right: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li label {
    margin-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li label {
    margin-right: 1.6vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li .buy_back_plan {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-left: 34.7px;
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li .buy_back_plan {
    margin-top: 3.2vw;
    margin-left: 8.26667vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li .buy_back_plan .check_box_buy_back:checked + .label_buy_back:before {
  background-color: #5285f7;
  border: 1px solid #5285f7;
}
#content_setting #wrapper .section.content_setting form .content_detail .select_plan .inner .items_detail li .buy_back_plan .label_buy_back {
  color: #5285f7;
}
#content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner {
  padding: 12px 14px 16px 10px;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner {
    padding: 1.2vw 1.4vw 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner {
    padding: 3.466666667vw 2.67vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .title {
  font-size: 16px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .title {
    margin-bottom: 1.2vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .title {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 3.2vw;
  }
}
#content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .content-text textarea {
  padding: 14px;
  font-weight: 300;
  border-radius: 8px;
  color: #4b4b4b;
  border: 1px solid #eeeeee;
  resize: none;
  width: 100%;
  text-align: left;
  outline: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .content-text textarea {
    padding: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting form .content_detail .explanatory .inner .content-text textarea {
    padding: 3.73vw;
    border-radius: 1.6vw;
  }
}
#content_setting #wrapper .section.content_setting .add_item {
  padding: 0 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting .add_item {
    padding: 0 1.4vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting .add_item {
    padding: 0 2.67vw;
  }
}
#content_setting #wrapper .section.content_setting .add_item .inner {
  padding: 40px 0 26px;
  display: flex;
  justify-content: center;
  background-color: #f4f4f4;
  margin-bottom: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting .add_item .inner {
    padding: 4vw 0 2.6vw;
    margin-bottom: 1.9vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting .add_item .inner {
    padding: 7.2vw 0;
    margin-bottom: 13.33333333vw;
  }
}
#content_setting #wrapper .section.content_setting .add_item .inner .upload input {
  display: none;
}
#content_setting #wrapper .section.content_setting .add_item .inner .upload .add_file {
  cursor: pointer;
  margin-bottom: 9px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting .add_item .inner .upload .add_file {
    margin-bottom: 0.9vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting .add_item .inner .upload .add_file {
    margin-bottom: 2.4vw;
  }
}
#content_setting #wrapper .section.content_setting .add_item .inner .upload .add_to {
  font-size: 14px;
  font-weight: 600;
  color: #9b9b9b;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #content_setting #wrapper .section.content_setting .add_item .inner .upload .add_to {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #content_setting #wrapper .section.content_setting .add_item .inner .upload .add_to {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#content_setting #popup_message,
#content_setting #popup_back {
  opacity: 0.8;
  background: #272727;
  backdrop-filter: blur(7px);
}
#content_setting #popup_message .info_modal .inner p,
#content_setting #popup_back .info_modal .inner p {
  text-align: center;
}

#mailaddress {
  background-color: #f4f4f4;
}
#mailaddress #wrapper {
  margin: 0 auto;
}
#mailaddress section.switch_tab {
  display: flex;
  justify-content: space-evenly;
  background: #FAFAFA;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 22px;
  border-top: 1px solid #E5E5E5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.switch_tab {
    font-size: 1.9vw;
    margin-bottom: 2.2vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.switch_tab {
    margin-top: 13.33333333vw;
    font-size: 3.733333333vw;
    margin-bottom: 4.4vw;
  }
}
#mailaddress section.switch_tab .tab {
  display: block;
  font-size: 13px;
  padding-top: 33px;
  padding-bottom: 16px;
  color: #9B9B9B;
  flex: 1;
  border-bottom: 1px solid #E5E5E5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.switch_tab .tab {
    padding-top: 3.5vw;
    padding-bottom: 1.8vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.switch_tab .tab {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding-top: 6.666666667vw;
    padding-bottom: 3.2vw;
  }
}
#mailaddress section.switch_tab .tab.active {
  color: #4B4B4B;
  border-bottom: 3px solid #4B4B4B;
}
@media (max-width: 750px) {
  #mailaddress section.switch_tab .tab.active {
    border-bottom: 0.533333333vw solid #4B4B4B;
  }
}
#mailaddress section.zoom_mail {
  color: #272727;
  font-size: 19px;
  font-weight: 700;
  text-align: left;
  padding: 0 13px;
  min-height: 336px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.zoom_mail {
    font-size: 1.9vw;
    padding: 0 1.3vw;
    min-height: 33.6vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.zoom_mail {
    font-size: 3.733333333vw;
    margin-bottom: 2.666666667vw;
    padding: 0 2.666666667vw;
    min-height: 67.2vw;
  }
}
#mailaddress section.zoom_mail h4.title {
  margin-bottom: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.zoom_mail h4.title {
    margin-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.zoom_mail h4.title {
    margin-bottom: 2.666666667vw;
  }
}
#mailaddress section.zoom_mail .zoom_input_mail {
  border: 1px solid #EEEEEE;
  border-radius: 11px;
  padding: 19px;
  margin-bottom: 13px;
  font-size: 19px;
  color: #4B4B4B;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.zoom_mail .zoom_input_mail {
    border-radius: 0.8vw;
    padding: 1.9vw;
    margin-bottom: 1.3vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.zoom_mail .zoom_input_mail {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
    margin-bottom: 2.666666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#mailaddress section.zoom_mail h6.note_mail_zoom {
  color: #9B9B9B;
  font-size: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.zoom_mail h6.note_mail_zoom {
    font-size: 1.5vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.zoom_mail h6.note_mail_zoom {
    font-size: 2.933333333vw;
  }
}
#mailaddress section.zoom_mail h6.note_mail_zoom a.admin_text {
  color: #5285f7;
}
#mailaddress section.zoom_mail .submit_btn {
  margin-top: 20px;
}
#mailaddress section.zoom_mail .submit_btn .zoom_delete_button {
  background-color: #ff5858;
  color: #fff;
}
#mailaddress section.hidden {
  display: none;
}
#mailaddress section.section .tlt_detail {
  background-color: #f4f4f4;
  color: #797979;
  font-size: 21px;
  text-align: left;
  padding: 23px 21px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .tlt_detail {
    font-size: 1.6vw;
    padding: 2.3vw 2.1vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .tlt_detail {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 4.266666667vw 4.533333333vw;
  }
}
#mailaddress section.section .inner {
  padding: 16px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .inner {
    padding: 4.2667vw 2.6667vw;
  }
}
#mailaddress section.section .inner .title {
  text-align: left;
  font-size: 19px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .inner .title {
    font-size: 1.9vw;
    margin-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .inner .title {
    margin-bottom: 2.667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#mailaddress section.section .inner > p {
  text-align: left;
  color: #9b9b9b;
  line-height: 25px;
  margin-bottom: 10px;
  font-size: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .inner > p {
    font-size: 1.2vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .inner > p {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.6667vw;
  }
}
#mailaddress section.section .inner .container {
  margin-bottom: 13.33px;
}
@media (max-width: 750px) {
  #mailaddress section.section .inner .container {
    margin-bottom: 2.6667vw;
  }
}
#mailaddress section.section .inner .container p.error {
  text-align: left;
  margin-bottom: 13px;
  color: #ff5858;
  font-size: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .inner .container p.error {
    font-size: 1.5vw;
    margin-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .inner .container p.error {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.66667vw;
  }
}
#mailaddress section.section .inner .container.confirm {
  margin-bottom: 26.66px;
}
@media (max-width: 750px) {
  #mailaddress section.section .inner .container.confirm {
    margin-bottom: 5.333vw;
  }
}
#mailaddress section.section .inner .container .secondstyle {
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
}
#mailaddress section.section .inner > form > p {
  text-align: left;
  color: #9b9b9b;
  line-height: 1.72;
  margin-bottom: 13.33px;
}
@media (max-width: 750px) {
  #mailaddress section.section .inner > form > p {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.6667vw;
  }
}
#mailaddress section.section .submit_btn {
  padding: 0 10px 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .submit_btn {
    padding: 0 1vw 2.4vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .submit_btn {
    padding: 0 2.6667vw 6.9333vw;
  }
}
#mailaddress section.section #error_area {
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section #error_area {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section #error_area {
    padding: 0 2.6667vw;
  }
}
#mailaddress section.section #error_area > p {
  margin-top: 10px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: left;
  margin-bottom: 10px;
  color: #ff5858;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section #error_area > p {
    margin-top: 1vw;
    padding: 1vw;
    border-radius: 2.2vw;
    margin-bottom: 1vw;
  }
}
#mailaddress section.section .submit_btn .submit.gray {
  width: 327px;
  height: 44px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #mailaddress section.section .submit_btn .submit.gray {
    width: 32.7vw;
    height: 4.4vw;
    border-radius: 2.2vw;
    padding: 1.5vw 2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #mailaddress section.section .submit_btn .submit.gray {
    width: 100%;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    padding: 2.666666667vw 10.66666667vw;
    border-radius: 13.33333333vw;
  }
}

#password {
  background-color: #FAFAFA;
}
#password #wrapper {
  max-width: 750px;
  min-height: auto;
}
#password #resetting > .inner {
  padding: 35px 32px 88px;
}
@media (min-width: 1014px) {
    #password #resetting > .inner {
        width: 750px;
    }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
    #password #resetting > .inner {
        width: 650px;
    }
}
@media (max-width: 750px) {
  #password #resetting > .inner {
    padding: 7vw 6.4vw 23.46666667vw;
  }
}
#password .logo_area {
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .logo_area {
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #password .logo_area {
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 750px) {
  #password .logo_area h1 img {
    width: 100%;
  }
}
#password .ttl_section {
  padding: 0 0 34px;
  font-size: 18px;
  text-align: center;
  line-height: 1.708;
  font-weight: 700;
  color: #4b4b4b;
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .ttl_section {
    font-size: 1.8vw;
    padding: 0 0 3.4vw;
  }
}
@media (max-width: 750px) {
  #password .ttl_section {
    padding: 0 0 6.8vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#password .ttl_section > span {
  display: block;
}
#password .ttl_section + p {
  text-align: left;
  color: #4b4b4b;
  font-size: 16px;
  line-height: 1.667;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .ttl_section + p {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #password .ttl_section + p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#password .content .error {
  text-align: left;
  color: #ff5858;
  font-size: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content .error {
    border-radius: 2.2vw;
  }
}
@media (max-width: 750px) {
  #password .content .error {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#password .content .message_send_mail {
margin-top: 20px;
width: 100%;
background-color: #F4F4F4;
padding: 20px;
border-radius: 10px;
text-align: left;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#password .content .message_send_mail > p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.667;
}
#password .content .message_send_mail > p > span {
    font-weight: 600;
}
#password .content .message_send_mail > p > a {
    color: #5285F7;
    font-weight: 600;
}
#password .content.sended > p {
  padding-top: 36px;
}
#password .content.sended > p > span {
  font-weight: bold;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content.sended > p {
    padding-top: 3.6vw;
  }
}
@media (max-width: 750px) {
  #password .content.sended > p {
    padding-top: 13.2773vw;
  }
}
#password .content.attend {
  text-align: left;
  background-color: #F4F4F4;
  border-radius: 13px;
  padding: 16px;
  margin-top: 120px;
  font-size: 14px;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content.attend {
    border-radius: 2.666666667vw;
    padding: 1.6vw;
    margin-top: 9vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #password .content.attend {
    border-radius: 2.667vw;
    padding: 4vw;
    margin-top: 24vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#password .content.attend > h3 {
  font-weight: 700;
}
#password .content.attend > ul {
  margin: 0.6em 0;
}
#password .content.attend > ul > li {
  line-height: 27px;
  font-size: 16px;
}
@media (max-width: 750px) {
  #password .content.attend > ul > li {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.333333333vw;
  }
}
#password .content.attend a {
  color: #5285F7;
}
#password .content #pwre_form {
  margin-top: 48px;
}
@media (max-width: 750px) {
  #password .content #pwre_form {
    margin-top: 9.6vw;
  }
}
#password .content #pwre_form > h3 {
  margin-bottom: 13px;
  text-align: left;
  font-size: 19px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content #pwre_form > h3 {
    margin-bottom: 1.3vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #password .content #pwre_form > h3 {
    margin-bottom: 2.6666vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#password .content #pwre_form .required_note {
  margin-bottom: 13px;
  text-align: left;
  font-size: 15px;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content #pwre_form .required_note {
    padding: 1vw 0;
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #password .content #pwre_form .required_note {
    margin-bottom: 2.667vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#password .content #pwre_form > .container {
  margin: 14.62px 0;
}
@media (max-width: 750px) {
  #password .content #pwre_form > .container {
    margin: 2.924vw 0;
  }
}
#password .content #pwre_form > .submit_btn {
  margin: 20px 0 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .content #pwre_form > .submit_btn {
    margin: 2vw 0 0;
  }
}
@media (max-width: 750px) {
  #password .content #pwre_form > .submit_btn {
    margin: 4.474vw 0;
  }
}
#password .content #pw_form {
  margin-top: 48px;
}
@media (max-width: 750px) {
  #password .content #pw_form {
    margin-top: 9.6vw;
  }
}
#password .content .attribute_name {
  font-size: 19px;
  color: #272727;
  font-weight: 600;
  text-align: left;
  position: relative;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #password .content .attribute_name {
    font-size: 3.733333333vw;
    line-height: 6.4vw;
    margin-bottom: 2.666666667vw;
  }
}
#password .content .character_limit_pwd {
    text-align: left;
    font-size: 14px;
    color: #9B9B9B;
    margin-bottom: 5px;
    padding-left: 3px;
}
@media (max-width: 750px) {
    #password .content .character_limit_pwd {
        font-size: 12px;
    }
}
#password .content .required {
  background-color: #FF5858;
  border-radius: 17px;
  font-size: 8px;
  color: #fff;
  position: relative;
  top: -3px;
  left: 0;
  margin: auto 4px;
  padding: 3px 5px;
}
#password .submit.gray {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #password .submit.gray {
    width: 32.7vw;
    height: 4.4vw;
    border-radius: 2.2vw;
    padding: 1.5vw 2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #password .submit.gray {
    width: 100%;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    padding: 2.666666667vw 10.66666667vw;
    border-radius: 13.33333333vw;
  }
}
#password .mt-10 {
  margin-top: 13px;
}
@media (max-width: 750px) {
  #password .mt-10 {
    margin-top: 2.666666667vw;
  }
}
#password .mt-16 {
  margin-top: 21px;
}
@media (max-width: 750px) {
  #password .mt-16 {
    margin-top: 4.266666667vw;
  }
}

#fun {
  background-color: #f4f4f4;
}
#fun header.header {
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #fun #wrapper section.section {
    padding: 13.33333333vw 0;
  }
}
#fun #wrapper section.section > .inner {
  padding: 17px 10px 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section > .inner {
    padding: 1.7vw 1vw 5vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section > .inner {
    padding: 4.522vw 2.667vw 13.333vw;
  }
}
#fun #wrapper section.section > .inner .btn .button.download {
  width: 327px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section > .inner .btn .button.download {
    width: 32.7vw;
  }
}
#fun #wrapper section.section > .inner .list_fun {
  min-height: 50vh;
  padding: 6px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section > .inner .list_fun {
    padding: 0.6vw 0;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section > .inner .list_fun {
    padding: 1.729vw 0;
  }
}
#fun #wrapper section.section > .inner .list_fun > li {
  padding: 14px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section > .inner .list_fun > li {
    padding: 1.4vw 0;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section > .inner .list_fun > li {
    padding: 3.857vw 0;
  }
}
#fun #wrapper section.section .box_list_fun a {
  display: flex;
  align-items: center;
  color: #272727;
}
#fun #wrapper section.section .box_list_fun a > div {
  text-align: left;
  width: calc(100% - 89.31px);
}
@media (max-width: 750px) {
  #fun #wrapper section.section .box_list_fun a > div {
    width: calc(100% - 17.862vw);
  }
}
#fun #wrapper section.section .box_list_fun a > div > h3 {
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section .box_list_fun a > div > h3 {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section .box_list_fun a > div > h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#fun #wrapper section.section .box_list_fun a > div > p {
  color: #4b4b4b;
  font-weight: 700;
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.2;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section .box_list_fun a > div > p {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section .box_list_fun a > div > p {
    margin-top: 1.596vw;
    font-size: 2.9333333333vw;
  }
}
#fun #wrapper section.section .box_list_fun a > div .times {
  font-size: 12px;
  font-weight: 700;
  color: #5285f7;
  line-height: 25px;
}
@media (max-width: 750px) {
  #fun #wrapper section.section .box_list_fun a > div .times {
    font-size: 2.4vw;
    line-height: 5.0666666667vw;
  }
}
#fun #wrapper section.section .box_list_fun a > div.thumbnail {
  margin-right: 7px;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section .box_list_fun a > div.thumbnail {
    margin-right: 0.7vw;
    width: 6.2vw;
    height: 6.2vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section .box_list_fun a > div.thumbnail {
    margin-right: 1.862vw;
    width: 16vw;
    height: 16vw;
  }
}
#fun #wrapper section.section#detail {
  min-height: 812px;
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail {
    min-height: 162.4vw;
  }
}
#fun #wrapper section.section#detail > .upper {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .upper {
    padding: 1vw;
  }
}
#fun #wrapper section.section#detail > .upper .box_list_fun {
  display: flex;
  align-items: center;
  color: #272727;
}
#fun #wrapper section.section#detail > .upper .box_list_fun > div {
  text-align: left;
  width: calc(100% - 89.31px);
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div {
    width: calc(100% - 17.862vw);
  }
}
#fun #wrapper section.section#detail > .upper .box_list_fun > div > h3 {
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div > h3 {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div > h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#fun #wrapper section.section#detail > .upper .box_list_fun > div > p {
  color: #9b9b9b;
  margin-top: 6px;
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div > p {
    margin-top: 0.6vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div > p {
    margin-top: 1.596vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#fun #wrapper section.section#detail > .upper .box_list_fun > div.thumbnail {
  margin-right: 7px;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div.thumbnail {
    width: 6.2vw;
    height: 6.2vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .upper .box_list_fun > div.thumbnail {
    margin-right: 1.862vw;
    width: 16vw;
    height: 16vw;
  }
}
#fun #wrapper section.section#detail > .inner {
  padding: 16px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner {
    padding: 4.256vw 2.667vw;
  }
}
#fun #wrapper section.section#detail > .inner .content_ttl {
  text-align: left;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 21px;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .inner .content_ttl {
    font-size: 1.4vw;
    margin-bottom: 2px;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner .content_ttl {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
#fun #wrapper section.section#detail > .inner .content {
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .inner .content {
    padding: 1vw 0;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner .content {
    padding: 2.793vw 0;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#fun #wrapper section.section#detail > .inner .content > h3 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 17px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #fun #wrapper section.section#detail > .inner .content > h3 {
    font-size: 1.2vw;
    margin-bottom: 1.7vw;
  }
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner .content > h3 {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 4.522vw;
  }
}
#fun #wrapper section.section#detail > .inner .content .times {
  font-weight: 700;
  color: #5285f7;
}
#fun #wrapper section.section#detail > .inner.wrapper-report {
  text-align: right;
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner.wrapper-report {
    padding: 2.256vw 2.667vw;
  }
}
#fun #wrapper section.section#detail > .inner .report-for-admin {
  font-size: 15px;
  color: #ff5858;
  font-weight: 700;
}
@media (max-width: 750px) {
  #fun #wrapper section.section#detail > .inner .report-for-admin {
    font-size: 2.933vw;
  }
}

#manager {
  background-color: #f4f4f4;
}
#manager #wrapper header.header {
  border-bottom: 1px solid #e5e5e5;
}
#manager #wrapper section {
  margin-bottom: 444px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section {
    margin-bottom: 44.4vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section {
    padding: 13.33333333vw 0 0;
    margin-bottom: 0;
  }
}
#manager #wrapper section.section > .inner {
  padding: 16px 10px 36px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section > .inner {
    padding: 1.6vw 1vw 3.6vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section > .inner {
    padding: 4.256vw 2.666vw 9.576vw;
  }
}
#manager #wrapper section.section > .inner > p {
  text-align: left;
  font-size: 11px;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section > .inner > p {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section > .inner > p {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#manager #wrapper section.section .element_manager {
  border-bottom: 1px solid #e5e5e5;
}
#manager #wrapper section.section .element_manager > h2 {
  background-color: #F4F4F4;
  color: #797979;
  font-size: 16px;
  text-align: left;
  padding: 17px 10px;
  font-weight: 700;
  position: relative;
  margin-bottom: 9.31px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager > h2 {
    font-size: 1.6vw;
    padding: 1.7vw 1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager > h2 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 4.5333vw 2.6667vw;
  }
}
#manager #wrapper section.section .element_manager > h2 > .delete_button {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager > h2 > .delete_button {
    right: 1vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager > h2 > .delete_button {
    right: 6.384vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#manager #wrapper section.section .element_manager > h2 > .delete_button > a {
  color: #ff5858;
}
#manager #wrapper section.section .element_manager > h2 > .delete_popup {
  display: block;
  position: absolute;
  top: 50%;
  right: 31.92px;
  transform: translate(0, -50%);
  font-size: 18.62px;
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager > h2 > .delete_popup {
    right: 6.384vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#manager #wrapper section.section .element_manager > h2 > .delete_popup > a {
  color: #ff5858;
}
#manager #wrapper section.section .element_manager > h2 > .delete_no_popup {
  display: block;
  position: absolute;
  top: 50%;
  right: 31.92px;
  transform: translate(0, -50%);
  font-size: 18.62px;
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager > h2 > .delete_no_popup {
    right: 6.384vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#manager #wrapper section.section .element_manager > h2 > .delete_no_popup > a {
  color: #ff5858;
}
#manager #wrapper section.section .element_manager .container_form {
  text-align: left;
  padding: 16px 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .container_form {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .container_form {
    padding: 2.128vw 2.666vw;
  }
}
#manager #wrapper section.section .element_manager .container_form > h3 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .container_form > h3 {
    font-size: 1.4vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .container_form > h3 {
    margin-bottom: 2.666vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#manager #wrapper section.section .element_manager .container_form > h3.error {
  font-size: 16px;
  padding: 10px 10px 10px 0;
  margin-bottom: 10px;
}
#manager #wrapper section.section .element_manager .container_form > p {
  color: #9b9b9b;
  margin-bottom: 10px;
  font-size: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .container_form > p {
    margin-bottom: 1vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .container_form > p {
    margin-bottom: 2.666vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#manager #wrapper section.section .element_manager .container_form > ul > li p {
  padding: 10px 0;
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .container_form > ul > li p {
    padding: 2vw 0;
  }
}
#manager #wrapper section.section .element_manager .container_form p.error {
  padding: 10px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  margin-bottom: 10px;
  color: #ff5858;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .container_form p.error {
    font-size: 1.4vw;
    padding: 1vw;
    border-radius: 3vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .container_form p.error {
    padding: 2.1vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#manager #wrapper section.section .element_manager .submit_btn {
  padding: 0 10px 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .submit_btn {
    padding: 0 1vw 1.6vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .submit_btn {
    padding: 2.128vw 6.384vw 4.256vw;
  }
}
#manager #wrapper section.section .element_manager .submit_btn .submit {
  width: 327px;
  height: 44px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .submit_btn .submit {
    width: 32.7vw;
    height: 4.4vw;
    border-radius: 4.4vw;
    padding: 1.5vw 2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .submit_btn .submit {
    width: 100%;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    padding: 2.666666667vw 10.66666667vw;
    border-radius: 13.33333333vw;
  }
}
#manager #wrapper section.section .element_manager .submit_btn .button.change {
  width: 327px;
  height: 44px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .element_manager .submit_btn .button.change {
    width: 32.7vw;
    height: 4.4vw;
    border-radius: 4.4vw;
    padding: 1.5vw 2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .element_manager .submit_btn .button.change {
    width: 100%;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    padding: 2.666666667vw 10.66666667vw;
    border-radius: 13.33333333vw;
  }
}
#manager #wrapper section.section .manager_button {
  padding: 16px 10px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .manager_button {
    padding: 1.6vw 1vw 0;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .manager_button {
    padding: 4.256vw 6.384vw 12vw;
  }
}
#manager #wrapper section.section .manager_button .button.plus {
  width: 327px;
  height: 45px;
  border-radius: 22px;
  padding: 15px 20px;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #manager #wrapper section.section .manager_button .button.plus {
    width: 32.7vw;
    height: 4.5vw;
    border-radius: 4.4vw;
    padding: 1.5vw 2vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #manager #wrapper section.section .manager_button .button.plus {
    width: 100%;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    padding: 4vw;
    border-radius: 13.33333333vw;
  }
}
#manager #wrapper section.section .redirect_create {
  padding: 21.28px 31.92px 60px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #manager #wrapper section.section .redirect_create {
    padding: 4.256vw 6.384vw 12vw;
  }
}
#manager #wrapper form {
  width: 100%;
}

#transfer_account {
  background-color: #fafafa;
}
#transfer_account footer#footer > .inner {
  max-width: 100%;
}
#transfer_account footer#footer > .inner > .link {
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_account footer#footer > .inner > .link {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) and (max-width: 750px) {
  #transfer_account footer#footer > .inner > .link {
    max-width: 100%;
  }
}
#transfer_account #wrapper section#contents {
  text-align: left;
  padding-top: 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_account #wrapper section#contents {
    padding-top: 5vw;
  }
}
@media (max-width: 750px) {
  #transfer_account #wrapper section#contents {
    padding-top: 20.26666667vw;
  }
}
#transfer_account #wrapper section#contents > .inner .item_content {
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_account #wrapper section#contents > .inner .item_content {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #transfer_account #wrapper section#contents > .inner .item_content {
    margin-bottom: 6vw;
  }
}
#transfer_account #popup_message, #transfer_account #popup_del_comp {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
#transfer_account #popup_message .modal .open_fancybox, #transfer_account #popup_del_comp .modal .open_fancybox {
  padding: 0;
}
#transfer_account #popup_message .modal p, #transfer_account #popup_del_comp .modal p {
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  #transfer_account #popup_message .modal p, #transfer_account #popup_del_comp .modal p {
    margin-bottom: 8vw;
  }
}
#transfer_account #popup_message .modal p span, #transfer_account #popup_del_comp .modal p span {
  display: block;
}
#transfer_account p.tutorial_notice {
  margin-bottom: 10px;
  color: #ff5858;
  font-size: 15px;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #transfer_account p.tutorial_notice {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.1vw;
  }
}
#transfer_account .redirect_to_top {
  width: 332px;
  height: 59px;
  border: none;
  border-radius: 29px;
  color: #ffffff;
  background-color: #4B4B4B;
  cursor: pointer;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #transfer_account .redirect_to_top {
    width: 66.4vw;
    height: 11.7333333333vw;
    border-radius: 5.8666666667vw;
    font-size: 3.7333333333vw;
  }
}
#transfer_account .redirect_to_top.tutorial {
  background-color: #42BC8D;
}

@media (max-width: 750px) {
  .tutorial #wrapper {
    min-height: 347.4666666667vw;
  }
}
.tutorial .item_content input {
  margin-bottom: 0;
}
.tutorial .item_content #select {
  background-image: url("../images/btn_downarrow_black.svg");
}
@media (max-width: 750px) {
  .tutorial .item_content #select {
    background-color: #ffffff;
    color: #272727;
  }
}
.tutorial .tutorial_button {
  height: 208px;
  margin: -40px 0 120px 0;
  text-align: center;
  font-size: 19px;
}
@media (max-width: 750px) {
  .tutorial .tutorial_button {
    width: 99.7333333333vw;
    height: 41.6vw;
    margin: -8vw 0 24vw 0;
    padding-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
.tutorial .tutorial_button ul li {
  margin: 40px 0;
  position: relative;
}
@media (max-width: 750px) {
  .tutorial .tutorial_button ul li {
    margin: 8vw 0;
  }
}
.tutorial .tutorial_button ul li .store {
  width: 436px;
  height: 59px;
  border: none;
  border-radius: 29px;
  background-color: #42BC8D;
  color: #ffffff;
  cursor: pointer;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  .tutorial .tutorial_button ul li .store {
    width: 87.2vw;
    height: 11.7333333333vw;
    border-radius: 5.8666666667vw;
    font-size: 3.7333333333vw;
  }
}
.tutorial .tutorial_button ul li .draft {
  color: #42BC8D;
  font-weight: 600;
}
.tutorial .tutorial_button ul li .redirect_back {
  color: #797979;
  font-weight: 600;
}
.tutorial .tutorial_button ul li .redirect_back::before {
  cursor: pointer;
  z-index: 99;
  content: "";
  display: block;
  position: absolute;
  left: 35%;
  top: 50%;
  width: 32px;
  height: 32px;
  background-image: url(./../images/vertical/btn_backarrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
  opacity: 0.5;
}
@media (max-width: 750px) {
  .tutorial .tutorial_button ul li .redirect_back::before {
    left: 25%;
  }
}

#transfer_app {
  background-color: #f4f4f4;
}
#transfer_app header.header {
  border-bottom: 1px solid #e5e5e5;
}
#transfer_app footer#footer > .inner {
  max-width: 100%;
}
#transfer_app footer#footer > .inner > .link {
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app footer#footer > .inner > .link {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) and (max-width: 750px) {
  #transfer_app footer#footer > .inner > .link {
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents {
    padding-top: 13.33333333vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner {
  padding: 16px 10px 0;
  min-height: 60vh;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner {
    padding: 1.6vw 1vw 0;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner {
    padding: 4vw 2.666666667vw 0;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .sale_amount {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #E3E3E3;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 16px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount {
    padding: 1.6vw;
    border-radius: 0.8vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount {
    border-radius: 2.666666667vw;
    padding: 4.27vw;
    margin-bottom: 4.27vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .sale_amount > span {
  font-size: 12px;
  color: #4B4B4B;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount > span {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount > span {
    font-size: 3.2vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount {
  font-size: 14px;
  color: #C7C7C7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount {
    font-size: 3.73vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount span {
  font-size: 24px;
  color: #4B4B4B;
  margin-right: 2px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount span {
    font-size: 24px;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .sale_amount .amount span {
    font-size: 6.13vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer {
  display: flex;
  flex-direction: column;
  padding: 0 18px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer {
    padding: 0 1.8vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer {
    padding: 0 4.53vw;
    margin-bottom: 4.27vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer label {
  font-size: 12px;
  color: #FF5858;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer label {
    font-size: 1.2vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer label {
    font-size: 2.93vw;
    margin-bottom: 4.27vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer .btn_submit_transfer {
  padding: 13px;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 14px;
  background-color: #4B4B4B;
  border-radius: 22px;
  max-width: 327px;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer .btn_submit_transfer {
    padding: 1.3vw;
    font-size: 1.4vw;
    border-radius: 2.2vw;
    max-width: 32.7vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer .btn_submit_transfer {
    padding: 4vw;
    font-size: 3.73vw;
    border-radius: 5.866666667vw;
    max-width: 100%;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .btn_transfer .btn_submit_transfer.disable {
  background-color: #C7C7C7;
}
#transfer_app #wrapper #main_content .section#contents > .inner .history {
  display: flex;
  flex-direction: column;
  text-align: left;
  background-color: #F4F4F4;
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history {
    border-radius: 1vw;
    font-size: 1.4vw;
    margin-bottom: 5vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history {
    border-radius: 2.666666667vw;
    margin-bottom: 13.33333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .history .item_history {
  padding: 16px;
  border-top: 1px solid #E3E3E3;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history {
    padding: 1.6vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history {
    padding: 4.27vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .history .item_history span {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history span {
    font-size: 1.3vw;
    line-height: 1.8vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history span {
    line-height: 4.8vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .history .item_history p {
  line-height: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history p {
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #wrapper #main_content .section#contents > .inner .history .item_history p {
    line-height: 6.4vw;
  }
}
#transfer_app #wrapper #main_content .section#contents > .inner .history h3.item_history {
  border-top: none;
  font-weight: 600;
  color: #272727;
}
#transfer_app #popup_message .message_modal {
  background-color: #f4f4f4;
}
#transfer_app #popup_redirect_login .message_modal {
  background-color: #f4f4f4;
  padding-bottom: 40px;
}
@media (max-width: 750px) {
  #transfer_app #popup_redirect_login .message_modal {
    padding-bottom: 8vw;
  }
}
#transfer_app #popup_redirect_login .message_modal .inner a {
  display: block;
  padding: 14px 0 16px 0;
  border-radius: 24px;
  color: #fff;
  background-color: #4B4B4B;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #transfer_app #popup_redirect_login .message_modal .inner a {
    padding: 1.4vw 0 1.6vw 0;
    border-radius: 2.4vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #transfer_app #popup_redirect_login .message_modal .inner a {
    padding: 3.733333333vw 0 4.266666667vw 0;
    border-radius: 5.866666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#transfer_app #popup_message {
  opacity: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

#wrapper_plan {
  background-color: #f4f4f4;
}
#wrapper_plan header.header .inner {
  background-color: #fafafa;
  position: relative;
  border-bottom: 1px solid #C7C7C7;
  margin: 0;
}
@media (max-width: 750px) {
  #wrapper_plan header.header .inner {
    border-bottom: none;
  }
}
#wrapper_plan header.header .header_logo {
  width: 100%;
  height: 100%;
  background-image: url("../images/vertical/vertical_miglamu/logo_mi-glamu.svg");
  background-position: center;
  background-repeat: no-repeat;
}
#wrapper_plan header.header .device {
  width: 100%;
  height: 100%;
}
#wrapper_plan header.header .icon {
  display: none;
  position: absolute;
  right: 16px;
  width: 33px;
  height: 33px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #wrapper_plan header.header .icon {
    right: 3.2vw;
    width: 6.666666667vw;
    height: 6.666666667vw;
  }
}
#wrapper_plan header.header .icon.active:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 0;
  right: -7px;
  background: #FF5858;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  #wrapper_plan header.header .icon.active:before {
    right: -1.333333333vw;
  }
}
#wrapper_plan header.header .icon_message {
  display: block;
}
@media (max-width: 750px) {
  #wrapper_plan header.header .icon_notification {
    display: block;
  }
  #wrapper_plan header.header .icon_message {
    display: none;
  }
}
#wrapper_plan header.header .ttl_header {
  text-align: center;
  border-bottom: 1px solid #c7c7c7;
}
#wrapper_plan header.header .ttl_header h1 {
  color: #272727;
  font-size: 19px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #wrapper_plan header.header .ttl_header h1 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#wrapper_plan .tab_navigation {
  margin-bottom: 0;
}
#wrapper_plan .tab_function_bar {
  border-bottom: 1px solid #e5e5e5;
  height: 67px;
}
@media (max-width: 750px) {
  #wrapper_plan .tab_function_bar {
    height: 13.3333333333vw;
  }
}
#wrapper_plan .tab_function_bar .btn_create {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan .tab_function_bar .btn_create {
    font-size: 1px;
  }
}
@media (max-width: 750px) {
  #wrapper_plan .tab_function_bar .btn_create {
    font-size: 2.6666666667vw;
    margin-right: 3vw;
  }
}
#wrapper_plan .tab_function_bar .btn_create:before {
  content: " ";
  width: 18px;
  height: 18px;
  background-image: url("../images/icon_new.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin-right: 7px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan .tab_function_bar .btn_create:before {
    width: 1.8vw;
    height: 1.8vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan .tab_function_bar .btn_create:before {
    margin-right: 1.333333333vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
#wrapper_plan .tab_function_bar > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
#wrapper_plan .tab_function_bar > .inner .ttl_header {
  font-size: 19px;
}
@media (max-width: 750px) {
  #wrapper_plan .tab_function_bar > .inner .ttl_header {
    font-size: 3.7333333333vw;
  }
}
#wrapper_plan .tab_function_bar .redirect_back {
  cursor: pointer;
  z-index: 99;
  content: "";
  display: block;
  position: absolute;
  left: 12px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url(./../images/vertical/btn_backarrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #wrapper_plan .tab_function_bar .redirect_back {
    width: 6.4vw;
    height: 6.4vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents {
    padding-top: 14vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner {
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner {
    padding: 0 2.666666667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .banner_cguide {
  margin: 0 auto 8px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .banner_cguide {
    margin: 0 auto 1.6vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .img_banner_planguide {
  width: 100%;
  margin: 0 auto 8px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .img_banner_planguide {
    margin: 0 auto 4.2667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .alert_child {
  color: #FF5858;
  text-align: left;
  line-height: 23px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 23px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .alert_child {
    line-height: 4.5333333333vw;
    font-size: 2.6666666667vw;
    margin-bottom: 4.5333333333vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .preview {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  margin-bottom: 67px;
}
#wrapper_plan #wrapper section#contents > .inner .preview #preview_benefit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .preview {
    margin-bottom: 13.3333333333vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .preview span {
  color: #5285F7;
}
#wrapper_plan #wrapper section#contents > .inner .submit_publish_plan {
  width: 436px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  background-color: #42BC8D;
  border-radius: 29px;
  display: block;
  margin: 0 auto 35px auto;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .submit_publish_plan {
    width: 87.2vw;
    height: 11.7333333333vw;
    line-height: 11.7333333333vw;
    border-radius: 5.8666666667vw;
    margin: 0 auto 6.9333333333vw auto;
  }
}
#wrapper_plan #wrapper section#contents > .inner .update_successfully {
  padding: 20px;
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
  text-align: left;
  background-color: #E8FFEB;
  border-radius: 13px;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .update_successfully {
    padding: 4vw;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    border-radius: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .update_successfully a {
  color: #42BC8D;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit {
  border-radius: 12px;
  border: 1px solid #E3E3E3;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 26px 26px 26px 26px;
  margin: 19px 0;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit {
    border-radius: 1.2vw;
    margin: 1.9vw 0;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit {
    border-radius: 2.933333333vw;
    padding: 3.4666666667vw 3.4666666667vw 3.4666666667vw 5.3333333333vw;
    margin: 4.266666667vw 0;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_0 {
  border: 2px solid #A28865;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_1 {
  border: 2px solid #6C6CDB;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_2 {
  border: 2px solid #DD4F8A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_3 {
  border: 2px solid #46B98C;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_4 {
  border: 2px solid #FF9F3E;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_5 {
  border: 2px solid #FF5D5D;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_6 {
  border: 2px solid #B579D0;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_7 {
  border: 2px solid #77BA5A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_8 {
  border: 2px solid #FF8048;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.plan_color_9 {
  border: 2px solid #18C3C3;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit.first_item_plan {
  margin-top: 0;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan {
  text-align: left;
  flex: 1;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span {
  text-align: left;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.tlt_plan_item {
  margin-bottom: 10px;
  font-size: 24px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.tlt_plan_item {
    margin-bottom: 1vw;
    font-size: 2.4vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.tlt_plan_item {
    margin-bottom: 2.666666667vw;
    font-size: 4.8vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.notification_max_user {
  margin-bottom: unset;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.notification_max_user.text-normal {
  color: #797979;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.notification_max_user.text-blur {
  color: #c7c7c7;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.notification_max_user.text-danger {
  color: #ff5858;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_0 {
  color: #A28865;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_1 {
  color: #6C6CDB;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_2 {
  color: #DD4F8A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_3 {
  color: #46B98C;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_4 {
  color: #FF9F3E;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_5 {
  color: #FF5D5D;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_6 {
  color: #B579D0;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_7 {
  color: #77BA5A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_8 {
  color: #FF8048;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan span.plan_color_9 {
  color: #18C3C3;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .plan_description {
  margin-bottom: 19px;
  line-height: 27px;
  font-size: 16px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .plan_description {
    margin-bottom: 3.7333333333vw;
    line-height: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .text_gray {
  color: #9B9B9B;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 19px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .text_gray {
    font-size: 3.2vw;
    margin-bottom: 3.7333333333vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .back_plan_alert {
  color: #C7C7C7;
  font-size: 13px;
  margin-bottom: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .back_plan_alert {
    font-size: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .info_plan .back_plan_alert.active {
  color: #5285F7;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: space-between;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .back_plan_notify {
  color: #5285F7;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .back_plan_notify {
    font-size: 2.66667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .plan_status {
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  padding: 9px 13px;
  margin-top: 0px;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .plan_status {
    padding: 1.8666666667vw 2.6666666667vw;
    border-radius: 0.8vw;
    font-size: 3.2vw;
    margin-top: 0vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .plan_status.published {
  color: #42BC8D;
  background-color: #E8FFEB;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .plan_status.draft {
  color: #FF5D5D;
  background-color: #FBEAEA;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit {
  display: block;
  padding: 13px 27px;
  color: #FFFFFF;
  font-size: 19px;
  background-color: #4B4B4B;
  border-radius: 23px;
  margin-top: 48px;
  font-weight: bold;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit {
    padding: 2.666667vw 5.333333333vw;
    font-size: 3.733333333vw;
    border-radius: 4.533333333vw;
    margin-top: 9.6vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_0 {
  background-color: #A28865;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_1 {
  background-color: #6C6CDB;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_2 {
  background-color: #DD4F8A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_3 {
  background-color: #46B98C;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_4 {
  background-color: #FF9F3E;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_5 {
  background-color: #FF5D5D;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_6 {
  background-color: #B579D0;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_7 {
  background-color: #77BA5A;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_8 {
  background-color: #FF8048;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .edit_box .link_edit.plan_color_9 {
  background-color: #18C3C3;
}
#wrapper_plan #wrapper section#contents > .inner .item_edit .btn_plan {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .btn_plan {
    bottom: 1.4vw;
    right: 1.4vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .item_edit .btn_plan {
    bottom: 3.466666667vw;
    right: 3.466666667vw;
  }
}
#wrapper_plan .back_plan_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(7px);
}
#wrapper_plan .back_plan_popup .inner_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 436px;
  min-height: 547px;
  background-color: #F4F4F4;
  padding: 64px 32px 43px;
  border-radius: 53px;
  max-width: 500px;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup {
    min-width: 87.2vw;
    min-height: 109.3333333vw;
    padding: 12.8vw 6.4vw 8.533333333vw;
    border-radius: 10.66666667vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .close_icon {
  width: 33px;
  height: 33px;
  pointer-events: auto;
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .close_icon {
    width: 6.666666667vw;
    height: 6.666666667vw;
    top: 5.6vw;
    right: 5.6vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .close_icon .vertical {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .close_icon .vertical {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .close_icon .horizontal {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9b9b9b;
  transform: rotate(90deg);
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .close_icon .horizontal {
    height: 6.666666667vw;
    width: 0.533333333vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .image_back_plan {
  width: 133px;
  height: auto;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .image_back_plan {
    width: 26.66666667vw;
    height: auto;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .title_popup_backplan {
  color: #42BC8D;
  line-height: 32px;
  margin-bottom: 32px;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .title_popup_backplan {
    line-height: 6.4vw;
    margin-bottom: 6.4vw;
    font-size: 3.733333333vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .content_popup_backplan {
  line-height: 27px;
  font-weight: 300;
  color: #4B4B4B;
  font-size: 16px;
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .content_popup_backplan {
    line-height: 5.333333333vw;
    font-size: 3.2vw;
    margin-bottom: 8.533333333vw;
  }
}
#wrapper_plan .back_plan_popup .inner_popup .content_popup_backplan .alert_text {
  font-weight: 700;
  color: #FF5858;
}
#wrapper_plan .back_plan_popup .inner_popup .content_popup_backplan .bold_text {
  color: #4B4B4B;
  font-weight: 700;
}
#wrapper_plan .back_plan_popup .inner_popup .button_link_to_post {
  display: block;
  padding: 19px 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 19px;
  background-color: #4B4B4B;
  border-radius: 29px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #wrapper_plan .back_plan_popup .inner_popup .button_link_to_post {
    padding: 3.7333333vw 0;
    font-size: 3.733333vw;
    border-radius: 5.866666667vw;
  }
}
/* notification_popup */

.notification_popup.popup_modal .modal {
padding: 64px 32px 32px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal {
    padding: 12.8vw 6.4vw 6.4vw;
}
}
.notification_popup.popup_modal .modal .inner h3 {
font-size: 15px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .inner h3 {
    font-size: 3.733vw;
}
}
.notification_popup.popup_modal .modal .content .box_content {
margin-bottom: 21px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .content .box_content {
    margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree {
display: flex;
align-items: center;
color: #4b4b4b;
justify-content: center;
margin-bottom: 21px;
font-size: 13px;
font-weight: bold;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .info_check_agree .box_agree {
    font-size: 2.667vw;
    margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox] {
display: none;
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox] + label {
display: inline-block;
position: relative;
width: 25px;
height: 25px;
margin-right: 8px;
cursor: pointer;
padding: 0;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox] + label {
    margin-right: 1.6vw;
    width: 5.067vw;
    height: 5.067vw;
}
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox] + label:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #e5e5e5;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
border-radius: 4px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox] + label:before {
    border-radius: 1.067vw;
}
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox]:checked + label:before {
background-color: #5285F7;
border: 1px solid #5285F7;
}
.notification_popup.popup_modal .modal .info_check_agree .box_agree input[type=checkbox]:checked + label:after {
background-image: url("../images/icon_checkbox.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 1px solid transparent;
transform: unset;
top: unset;
}
.notification_popup.popup_modal .modal .setup_email_notice {
background-color: #4b4b4b;
border-radius: 29px;
font-size: 14px;
color: #fff;
font-weight: bold;
text-align: center;
padding: 15px 0;
margin-bottom: 21px;
display: block;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .setup_email_notice {
    border-radius: 5.867vw;
    font-size: 3.733vw;
    padding: 4vw 0;
    margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .detail {
font-size: 13px;
line-height: 19px;
color: #9B9B9B;
margin-bottom: 16px;
text-align: left;
display: block;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .detail {
    font-size: 2.733vw;
    margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .header {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .header {
    margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .error_email {
font-size: 13px;
line-height: 19px;
margin-bottom: 16px;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .error_email {
    font-size: 2.733vw;
    margin-bottom: 4.267vw;
}
}
#send_email_verify_popup .modal .error_email {
font-size: 14px;
line-height: 24px;
margin-bottom: 5px;
font-weight: 700;
color: #FF5858;
}
@media (max-width: 500px) {
#send_email_verify_popup .modal .error_email {
font-size: 3.233vw;
line-height: 24px;
margin-bottom: 5px;
font-weight: 700;
margin-bottom: 0.267vw;
}
}
.notification_popup.popup_modal .modal #mailaddress {
font-size: 18.62px;
padding: 10px 18.62px;
background-color: #fff;
height: 55.86px;
border-radius: 10.64px;
border: 1px solid #eeeeee;
margin-bottom: 16px;
width: 100%;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal #mailaddress {
font-size: 3.7333333333vw;
height: 11.2vw;
border-radius: 2.133vw;
border: 0.26667vw solid #eeeeee;
margin-bottom: 4.267vw;
}
}
.notification_popup.popup_modal .modal .cancel_popup {
font-size: 14px;
text-align: center;
font-weight: bold;
cursor: pointer;
position: unset;
}
@media (max-width: 500px) {
.notification_popup.popup_modal .modal .cancel_popup {
    font-size: 3.733vw;
}
}

/* end notification_popup */

#edit_plan, #create_plan {
  background-color: #f4f4f4;
}
#edit_plan header.header, #create_plan header.header {
  background-color: #FAFAFA;
}
#edit_plan header.header > .inner, #create_plan header.header > .inner {
  display: block;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner, #create_plan header.header > .inner {
    margin: 0;
  }
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner .ttl_header, #create_plan header.header > .inner .ttl_header {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan header.header > .inner > .mainview, #create_plan header.header > .inner > .mainview {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .mainview, #create_plan header.header > .inner > .mainview {
    margin-left: 2.67vw;
    margin-right: 2.67vw;
  }
}
#edit_plan header.header > .inner > .information_talent, #create_plan header.header > .inner > .information_talent {
  display: flex;
  position: relative;
  align-items: center;
  padding: 21px 13px;
  border-top: 1px solid #e5e5e5;
  background-color: #FAFAFA;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent, #create_plan header.header > .inner > .information_talent {
    padding: 4.266666667vw 2.666666667vw;
  }
}
#edit_plan header.header > .inner > .information_talent .thumbnail, #create_plan header.header > .inner > .information_talent .thumbnail {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  margin-right: 20px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .thumbnail, #create_plan header.header > .inner > .information_talent .thumbnail {
    width: 16vw;
    height: 16vw;
    margin-right: 4vw;
  }
}
#edit_plan header.header > .inner > .information_talent .thumbnail .inner, #create_plan header.header > .inner > .information_talent .thumbnail .inner {
  margin: 3px;
  width: 72px;
  height: 72px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 2.6px solid #fff;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .thumbnail .inner, #create_plan header.header > .inner > .information_talent .thumbnail .inner {
    width: 15vw;
    height: 15vw;
    margin: 0.533333333vw;
    border: 0.533333333vw solid #fff;
  }
}
#edit_plan header.header > .inner > .information_talent .ext, #create_plan header.header > .inner > .information_talent .ext {
  font-weight: 600;
  color: #272727;
  text-align: left;
  max-width: 75%;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .ext, #create_plan header.header > .inner > .information_talent .ext {
    max-width: 66vw;
  }
}
#edit_plan header.header > .inner > .information_talent .ext h1, #create_plan header.header > .inner > .information_talent .ext h1 {
  font-size: 21px;
  line-height: 36px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .ext h1, #create_plan header.header > .inner > .information_talent .ext h1 {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
}
#edit_plan header.header > .inner > .information_talent .ext h2, #create_plan header.header > .inner > .information_talent .ext h2 {
  font-size: 18px;
  line-height: 32px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .ext h2, #create_plan header.header > .inner > .information_talent .ext h2 {
    font-size: 3.733333333vw;
    line-height: 6.4vw;
  }
}
#edit_plan header.header > .inner > .information_talent .infor_more, #create_plan header.header > .inner > .information_talent .infor_more {
  position: absolute;
  top: 30px;
  right: 21px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .information_talent .infor_more, #create_plan header.header > .inner > .information_talent .infor_more {
    top: 6vw;
    right: 4.266666667vw;
  }
}
#edit_plan header.header > .inner > .preview, #create_plan header.header > .inner > .preview {
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5;
  text-align: right;
  padding: 13px 13px 13px 0;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .preview, #create_plan header.header > .inner > .preview {
    padding: 2.666666667vw 2.666666667vw 2.666666667vw 0;
  }
}
#edit_plan header.header > .inner > .preview a, #create_plan header.header > .inner > .preview a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#edit_plan header.header > .inner > .preview a span, #create_plan header.header > .inner > .preview a span {
  color: #5285f7;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  padding-left: 8px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .preview a span, #create_plan header.header > .inner > .preview a span {
    line-height: 5.333333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding-left: 1.6vw;
  }
}
#edit_plan header.header > .inner > .preview a img, #create_plan header.header > .inner > .preview a img {
  width: 26px;
  height: 26px;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner > .preview a img, #create_plan header.header > .inner > .preview a img {
    width: 5.333333333vw;
    height: 5.333333333vw;
  }
}
#edit_plan header.header > .inner .navigation, #create_plan header.header > .inner .navigation {
  display: flex;
  cursor: pointer;
  width: 100%;
  z-index: 99;
  background-color: #FAFAFA;
  text-align: center;
}
#edit_plan header.header > .inner .navigation a.item_subscription, #create_plan header.header > .inner .navigation a.item_subscription {
  width: 50%;
  border-bottom: 1px solid #C7C7C7;
  color: #C7C7C7;
  padding: 17px 0;
}
#edit_plan header.header > .inner .navigation a.item_subscription.active, #create_plan header.header > .inner .navigation a.item_subscription.active {
  border-bottom-color: #A28865;
}
#edit_plan header.header > .inner .navigation a.item_subscription.active span, #create_plan header.header > .inner .navigation a.item_subscription.active span {
  color: #A28865;
}
@media (max-width: 750px) {
  #edit_plan header.header > .inner .navigation a.item_subscription, #create_plan header.header > .inner .navigation a.item_subscription {
    font-size: 3vw;
    padding: 3.466666667vw 0;
  }
}
#edit_plan header.header > .inner .navigation a.item_subscription span, #create_plan header.header > .inner .navigation a.item_subscription span {
  color: #c7c7c7;
}
#edit_plan footer#footer > .inner, #create_plan footer#footer > .inner {
  max-width: 100%;
}
#edit_plan footer#footer > .inner > .link, #create_plan footer#footer > .inner > .link {
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan footer#footer > .inner > .link, #create_plan footer#footer > .inner > .link {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) and (max-width: 750px) {
  #edit_plan footer#footer > .inner > .link, #create_plan footer#footer > .inner > .link {
    max-width: 100%;
  }
}
#edit_plan footer#footer > .inner > .link > ul, #create_plan footer#footer > .inner > .link > ul {
  padding: 16px 0 200px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan footer#footer > .inner > .link > ul, #create_plan footer#footer > .inner > .link > ul {
    padding: 1.6vw 0 20vw 0;
  }
}
@media (max-width: 750px) {
  #edit_plan footer#footer > .inner > .link > ul, #create_plan footer#footer > .inner > .link > ul {
    padding: 3.2vw 0 35vw;
  }
}
#edit_plan #wrapper, #create_plan #wrapper {
  text-align: left;
}
#edit_plan #wrapper > #main_content, #create_plan #wrapper > #main_content {
  padding-top: 100px;
}
#edit_plan #wrapper > #main_content .submit_plan_box, #create_plan #wrapper > #main_content .submit_plan_box {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 21px 32px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #edit_plan #wrapper > #main_content .submit_plan_box, #create_plan #wrapper > #main_content .submit_plan_box {
    position: fixed;
    padding: 4.2666666667vw 6.4vw;
    background-color: #fff;
  }
}
#edit_plan #wrapper > #main_content .submit_plan_box .submit_plan, #create_plan #wrapper > #main_content .submit_plan_box .submit_plan {
  background-color: #4b4b4b;
  border-radius: 29px;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  font-size: 19px;
  width: 100%;
  display: block;
  font-weight: 700;
}
@media (max-width: 750px) {
  #edit_plan #wrapper > #main_content .submit_plan_box .submit_plan, #create_plan #wrapper > #main_content .submit_plan_box .submit_plan {
    border-radius: 5.8666666667vw;
    padding: 4vw 0;
    font-size: 3.7333333333vw;
  }
}
#edit_plan #wrapper > #main_content .submit_plan_box .submit_plan.bg-green, #create_plan #wrapper > #main_content .submit_plan_box .submit_plan.bg-green {
  background-color: #42BC8D;
}
#edit_plan #wrapper > #main_content .submit_plan_box .submit_plan.disabled_submit, #create_plan #wrapper > #main_content .submit_plan_box .submit_plan.disabled_submit {
  background-color: #c7c7c7;
  pointer-events: none;
}
#edit_plan #wrapper #nav_bottom, #create_plan #wrapper #nav_bottom {
  display: none !important;
}
#edit_plan #wrapper section#contents, #create_plan #wrapper section#contents {
  padding-top: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents, #create_plan #wrapper section#contents {
    padding-top: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents, #create_plan #wrapper section#contents {
    padding-top: 0;
  }
}
#edit_plan #wrapper section#contents textarea::placeholder, #create_plan #wrapper section#contents textarea::placeholder {
  color: #c7c7c7;
  font-size: 14px;
  font-weight: normal;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents textarea::placeholder, #create_plan #wrapper section#contents textarea::placeholder {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents textarea::placeholder, #create_plan #wrapper section#contents textarea::placeholder {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_top, #create_plan #wrapper section#contents .edit_plan_top {
  border-bottom: 1px solid #e5e5e5;
}
#edit_plan #wrapper section#contents .edit_plan_top textarea, #create_plan #wrapper section#contents .edit_plan_top textarea {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_top textarea, #create_plan #wrapper section#contents .edit_plan_top textarea {
    margin-bottom: 2.666666667vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_top .txt__, #create_plan #wrapper section#contents .edit_plan_top .txt__ {
  color: #ff5858;
  font-size: 15px;
  margin-bottom: 21px;
  line-height: 25px;
  margin-top: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .edit_plan_top .txt__, #create_plan #wrapper section#contents .edit_plan_top .txt__ {
    font-size: 1.1vw;
    margin-bottom: 1.6vw;
    line-height: 2.1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_top .txt__, #create_plan #wrapper section#contents .edit_plan_top .txt__ {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 4.266666667vw;
    line-height: 5.066666667vw;
  }
}
#edit_plan #wrapper section#contents .item_content p > a, #create_plan #wrapper section#contents .item_content p > a {
  font-weight: bold;
  color: #5285F7;
}
#edit_plan #wrapper section#contents .item_content p .note_1, #create_plan #wrapper section#contents .item_content p .note_1 {
  color: #9b9b9b;
}
#edit_plan #wrapper section#contents .item_content .icon_link, #create_plan #wrapper section#contents .item_content .icon_link {
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .item_content .icon_link, #create_plan #wrapper section#contents .item_content .icon_link {
    margin-bottom: 6.933333333vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service, #create_plan #wrapper section#contents .edit_plan_bottom .group_service {
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service, #create_plan #wrapper section#contents .edit_plan_bottom .group_service {
    margin-bottom: 6.933333333vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service h2, #create_plan #wrapper section#contents .edit_plan_bottom .group_service h2 {
  padding: 18px 0 18px 16px;
  color: #fff;
  background-color: #4b4b4b;
  font-size: 19px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service h2, #create_plan #wrapper section#contents .edit_plan_bottom .group_service h2 {
    padding: 2.8vw 0 2.8vw 3.266666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 8vw;
    margin-bottom: 3.2vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content {
  margin-bottom: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content {
    margin-bottom: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content {
    margin-bottom: 4.266666667vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea {
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea {
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content textarea {
    margin-bottom: 2.666666667vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content .txt__, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content .txt__ {
  color: #5285f7;
  font-size: 11px;
  margin-bottom: 16px;
  line-height: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content .txt__, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content .txt__ {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 4.266666667vw;
    line-height: 5.066666667vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content.no_bottom, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .item_content.no_bottom {
  margin-bottom: 0;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit {
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit {
    margin-bottom: 6.933333333vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 {
  position: relative;
  display: block;
  padding: 19px 0 19px 20px;
  font-size: 17px;
  line-height: 40px;
  color: #797979;
  background-color: #f4f4f4;
  margin-bottom: 16px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 {
    padding: 3.733333333vw 0 3.733333333vw 4vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 8vw;
    margin-bottom: 3.2vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit {
  display: block;
  position: absolute;
  top: 50%;
  right: 31.92px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 18.62px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit {
    font-size: 14px;
    font-size: 3.7333333333vw;
    right: 6.384vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit > a, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit h3 > .delete_benefit > a {
  color: #FF5858;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content h3, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content h3 {
  font-size: 14px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  background: none;
  padding: 0;
  line-height: 32px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content h3, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 2.666666667vw;
    line-height: 6.4vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default {
    margin-bottom: 2.666666667vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default .select2-results .select2-results__options, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .select2-container--default .select2-results .select2-results__options {
  height: auto;
  max-height: 100%;
  overflow-y: hidden;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon {
  display: inline-block;
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 21px;
  padding-top: 16px;
  width: 100%;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon {
    padding-bottom: 4.266666667vw;
    padding-top: 3.2vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit {
  display: inline-block;
  position: relative;
  margin-right: 6px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit {
    margin-right: 1.6vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active {
  width: 62px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active {
    width: 12.4vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active .icon_checked, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active .icon_checked {
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active .icon_benefit img, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit.active .icon_benefit img {
  top: 50%;
  left: 53%;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_checked, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_checked {
  display: none;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit {
  display: inline-block;
  position: relative;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  outline: none;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit {
    width: 11.2vw;
    height: 11.2vw;
    border-radius: 2.133333333vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit img, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit img, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit img {
    width: 8vw;
    height: 8vw;
  }
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit input[type=radio], #create_plan #wrapper section#contents .edit_plan_bottom .group_service .element_benefit .item_content .swipe_icon .toggle_benefit .icon_benefit input[type=radio] {
  display: none;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .benefit_button, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .benefit_button {
  text-align: center;
  font-weight: 600;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .no_bottom, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .no_bottom {
  margin-bottom: 0;
}
#edit_plan #wrapper section#contents .edit_plan_bottom .group_service .select2-container--default, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .select2-container--default {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .edit_plan_bottom .group_service .select2-container--default, #create_plan #wrapper section#contents .edit_plan_bottom .group_service .select2-container--default {
    margin-bottom: 2.666666667vw;
  }
}
#edit_plan #wrapper section#contents .display_same, #create_plan #wrapper section#contents .display_same {
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 48px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .display_same, #create_plan #wrapper section#contents .display_same {
    padding-bottom: 6.933333333vw;
    margin-bottom: 9.6vw;
  }
}
#edit_plan #wrapper section#contents .display_same .tlt_display, #create_plan #wrapper section#contents .display_same .tlt_display {
  background-color: #f4f4f4;
  font-weight: 700;
  color: #797979;
  font-size: 16px;
  padding: 17px 10px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .display_same .tlt_display, #create_plan #wrapper section#contents .display_same .tlt_display {
    font-size: 1.6vw;
    padding: 1.7vw 1vw;
    margin-bottom: 2.8vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .display_same .tlt_display, #create_plan #wrapper section#contents .display_same .tlt_display {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 4.533333333vw 2.666666667vw;
    margin-bottom: 6.933333333vw;
  }
}
#edit_plan #wrapper section#contents .display_same .item_thumbail, #create_plan #wrapper section#contents .display_same .item_thumbail {
  text-align: center;
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .display_same .item_thumbail, #create_plan #wrapper section#contents .display_same .item_thumbail {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .display_same .item_thumbail, #create_plan #wrapper section#contents .display_same .item_thumbail {
    padding: 0 9.866666667vw;
  }
}
#edit_plan #wrapper section#contents .display_same .item_thumbail .information_assumed_user, #create_plan #wrapper section#contents .display_same .item_thumbail .information_assumed_user {
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 35px;
  color: #272727;
  background-color: #F5F3ED;
  border-radius: 13px;
}
#edit_plan #wrapper section#contents .display_same .item_thumbail .information_assumed_user span, #create_plan #wrapper section#contents .display_same .item_thumbail .information_assumed_user span {
  color: #A28865;
}
#edit_plan #wrapper section#contents .display_same.create_no_border, #create_plan #wrapper section#contents .display_same.create_no_border {
  border-bottom: none;
}
#edit_plan #wrapper section#contents .display_same ul > li, #create_plan #wrapper section#contents .display_same ul > li {
  text-align: center;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .display_same ul > li, #create_plan #wrapper section#contents .display_same ul > li {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .display_same ul > li, #create_plan #wrapper section#contents .display_same ul > li {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan #wrapper section#contents .display_same ul > li a.btn_delete, #create_plan #wrapper section#contents .display_same ul > li a.btn_delete {
  color: #ff5858;
}
#edit_plan #wrapper section#contents .del_plan, #create_plan #wrapper section#contents .del_plan {
  font-size: 19px;
  color: #ff5858;
  text-align: center;
  font-weight: 700;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#contents .del_plan, #create_plan #wrapper section#contents .del_plan {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#contents .del_plan, #create_plan #wrapper section#contents .del_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan #wrapper section#contents .del_plan a, #create_plan #wrapper section#contents .del_plan a {
  color: #ff5858;
}
#edit_plan #wrapper section#preview, #create_plan #wrapper section#preview {
  padding-top: 100px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview, #create_plan #wrapper section#preview {
    padding-top: 20vw;
  }
}
#edit_plan #wrapper section#preview .inner, #create_plan #wrapper section#preview .inner {
  padding: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner, #create_plan #wrapper section#preview .inner {
    padding: 6.866666667vw;
  }
}
#edit_plan #wrapper section#preview .inner .mainview, #create_plan #wrapper section#preview .inner .mainview {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner .mainview, #create_plan #wrapper section#preview .inner .mainview {
    margin-bottom: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview .inner .mainview .notice, #create_plan #wrapper section#preview .inner .mainview .notice {
  font-size: 16px;
  line-height: 26px;
  color: #9B9B9B;
  text-align: left;
  font-weight: 600;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner .mainview .notice, #create_plan #wrapper section#preview .inner .mainview .notice {
    font-size: 3.2vw;
    line-height: 5.333333333vw;
  }
}
#edit_plan #wrapper section#preview .inner .mainview .notice .note_1, #create_plan #wrapper section#preview .inner .mainview .notice .note_1 {
  font-weight: 700;
  color: #9b9b9b !important;
}
#edit_plan #wrapper section#preview .inner > .contents, #create_plan #wrapper section#preview .inner > .contents {
  text-align: center;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content, #create_plan #wrapper section#preview .inner > .contents .item_content {
  padding: 0;
  margin-bottom: 35px;
  border-radius: 8px;
  border: 2px solid #A28865;
  background-color: unset;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content, #create_plan #wrapper section#preview .inner > .contents .item_content {
    margin-bottom: 6.933333333vw;
    border-radius: 1.6vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_0, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_0 {
  border: 2px solid #A28865;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_1, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_1 {
  border: 2px solid #6C6CDB;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_2, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_2 {
  border: 2px solid #DD4F8A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_3, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_3 {
  border: 2px solid #46B98C;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_4, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_4 {
  border: 2px solid #FF9F3E;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_5, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_5 {
  border: 2px solid #FF5D5D;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_6, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_6 {
  border: 2px solid #B579D0;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_7, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_7 {
  border: 2px solid #77BA5A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_8, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_8 {
  border: 2px solid #FF8048;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content.plan_color_9, #create_plan #wrapper section#preview .inner > .contents .item_content.plan_color_9 {
  border: 2px solid #18C3C3;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 17px 21px;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan {
    padding: 3.466666667vw 2.266666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_0, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_0 {
  background-color: #A28865;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_1, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_1 {
  background-color: #6C6CDB;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_2, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_2 {
  background-color: #DD4F8A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_3, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_3 {
  background-color: #46B98C;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_4, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_4 {
  background-color: #FF9F3E;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_5, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_5 {
  background-color: #FF5D5D;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_6, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_6 {
  background-color: #B579D0;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_7, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_7 {
  background-color: #77BA5A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_8, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_8 {
  background-color: #FF8048;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_9, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_color_9 {
  background-color: #18C3C3;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_gray, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan.plan_gray {
  background-color: #c7c7c7;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .name_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .name_plan {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
  font-size: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 400px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .name_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .name_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
    max-width: 62vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6";
  font-size: 19px;
  text-align: right;
  line-height: 1.7;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .month_number, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .month_number {
  font-size: 10px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .month_number, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .month_number {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .include_tax, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .include_tax {
  font-size: 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .include_tax, #create_plan #wrapper section#preview .inner > .contents .item_content .header_plan .price .include_tax {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content, #create_plan #wrapper section#preview .inner > .contents .item_content .content {
  text-align: center;
  padding: 21px 21px 35px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content, #create_plan #wrapper section#preview .inner > .contents .item_content .content {
    padding: 7.266666667vw 4.266666667vw 6.933333333vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .plan_description, #create_plan #wrapper section#preview .inner > .contents .item_content .content .plan_description {
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 56px;
  text-align: left;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .plan_description, #create_plan #wrapper section#preview .inner > .contents .item_content .content .plan_description {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    margin-bottom: 11.2vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan {
  margin-bottom: 56px;
  text-align: left;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan {
    margin-bottom: 11.2vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li {
    margin-bottom: 4.2666666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon {
  margin-right: 5px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon {
    margin-right: 1.066666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon img, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon img {
  width: 40px;
  height: 40px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon img, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .icon img {
    width: 8vw;
    height: 8vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .b_title, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .b_title {
  font-size: 19px;
  letter-spacing: 0.28px;
  line-height: 24px;
  flex: 1;
  font-weight: 600;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .b_title, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .ext .b_title {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 4.8vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .b_description, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .b_description {
  font-size: 15px;
  line-height: 21px;
  color: #4B4B4B;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .b_description, #create_plan #wrapper section#preview .inner > .contents .item_content .content .benefit_plan ul li .b_description {
    font-size: 11px;
    font-size: 2.9333333333vw;
    line-height: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan {
  display: inline-block;
  overflow: hidden;
  color: #272727;
  font-size: 20px;
  letter-spacing: 0.9px;
  padding: 20px 40px;
  background-color: #F5F3ED;
  border-radius: 13px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan, #create_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan {
    font-size: 15px;
    font-size: 4vw;
    padding: 4vw 8vw;
    border-radius: 2.666666667vw;
    margin-bottom: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan span, #create_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan span {
  font-size: 20px;
  letter-spacing: 1px;
  color: #A28865;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan span, #create_plan #wrapper section#preview .inner > .contents .item_content .content .sample_plan span {
    font-size: 15px;
    font-size: 4vw;
    letter-spacing: 0.24vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .policy, #create_plan #wrapper section#preview .inner > .contents .item_content .content .policy {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  width: 200px;
  margin: 0 auto;
  line-height: 26px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .policy, #create_plan #wrapper section#preview .inner > .contents .item_content .content .policy {
    font-size: 12px;
    font-size: 3.2vw;
    width: 40vw;
    line-height: 5.333333333vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .policy a, #create_plan #wrapper section#preview .inner > .contents .item_content .content .policy a {
  font-weight: 600;
  color: #5285F7;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .policy input[type=checkbox]:checked + label:before, #create_plan #wrapper section#preview .inner > .contents .item_content .content .policy input[type=checkbox]:checked + label:before {
  background-color: #5285F7;
  border: 1px solid #5285F7;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit {
  padding: 20px 26px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 19px;
  line-height: 32px;
  margin-top: 21px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    margin-top: 4.26666667vw;
    border-radius: 10vw;
    padding: 3vw 5.33vw;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal {
  background: #fafafa !important;
  padding: 12px 0;
  margin: 0;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_0, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_0 {
  color: #A28865;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_1, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_1 {
  color: #6C6CDB;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_2, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_2 {
  color: #DD4F8A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_3, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_3 {
  color: #46B98C;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_4, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_4 {
  color: #FF9F3E;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_5, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_5 {
  color: #FF5D5D;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_6, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_6 {
  color: #B579D0;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_7, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_7 {
  color: #77BA5A;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_8, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_8 {
  color: #FF8048;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_9, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal.plan_color_9 {
  color: #18C3C3;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.normal {
    padding: 2.4vw 0;
  }
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_0, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_0 {
  background-color: #A28865;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_1, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_1 {
  background-color: #6C6CDB;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_2, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_2 {
  background-color: #DD4F8A;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_3, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_3 {
  background-color: #46B98C;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_4, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_4 {
  background-color: #FF9F3E;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_5, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_5 {
  background-color: #FF5D5D;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_6, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_6 {
  background-color: #B579D0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_7, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_7 {
  background-color: #77BA5A;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_8, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_8 {
  background-color: #FF8048;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_9, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_color_9 {
  background-color: #18C3C3;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_gray, #create_plan #wrapper section#preview .inner > .contents .item_content .content .btn .submit.plan_gray {
  background-color: #c7c7c7;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#edit_plan #wrapper section#preview_backplan .plan_back_content, #create_plan #wrapper section#preview_backplan .plan_back_content {
  padding: 0 13px 35px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_back_content, #create_plan #wrapper section#preview_backplan .plan_back_content {
    padding: 0 2.666666667vw 6.933333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_back_content p, #create_plan #wrapper section#preview_backplan .plan_back_content p {
  text-align: left;
  line-height: 32px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_back_content p, #create_plan #wrapper section#preview_backplan .plan_back_content p {
    line-height: 6.4vw;
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_back_content p .t_purple, #create_plan #wrapper section#preview_backplan .plan_back_content p .t_purple {
  color: #9E96D0;
  font-weight: 700;
}
#edit_plan #wrapper section#preview_backplan .plan_back_month, #create_plan #wrapper section#preview_backplan .plan_back_month {
  padding: 110px 13px 35px;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_back_month, #create_plan #wrapper section#preview_backplan .plan_back_month {
    padding: 18vw 2.666666667vw 6.933333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p, #create_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p {
  text-align: left;
  line-height: 32px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p, #create_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p {
    line-height: 6.4vw;
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p .t_purple, #create_plan #wrapper section#preview_backplan .plan_back_month .plan_content > p .t_purple {
  color: #9E96D0;
  font-weight: 700;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list, #create_plan #wrapper section#preview_backplan .plan_detail_list {
  padding: 21px 0;
  margin-left: 13px;
  white-space: nowrap; /* add overflow-x: hidden in #wrapper */
  display: flex;
  overflow-x: auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list, #create_plan #wrapper section#preview_backplan .plan_detail_list {
    padding: 2.1vw 0;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list, #create_plan #wrapper section#preview_backplan .plan_detail_list {
    padding: 4.266666667vw 0;
    margin-left: 2.66667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar, #create_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar-thumb, #create_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar-thumb {
  background-color: #C7C7C7;
  border-radius: 10px;
  opacity: 0;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar-corner, #create_plan #wrapper section#preview_backplan .plan_detail_list::-webkit-scrollbar-corner {
  background-color: transparent;
  border-color: transparent;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list:hover, #create_plan #wrapper section#preview_backplan .plan_detail_list:hover {
  overflow-x: auto;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list .first_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .first_item {
  padding-right: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .first_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .first_item {
    padding-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .first_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .first_item {
    padding-right: 2.666666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item {
  color: #C7C7C7;
  background-color: #F4F4F4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0509803922);
  border-radius: 32px;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 32px;
  margin-right: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item {
    border-radius: 3.2vw;
    font-size: 1.6vw;
    padding: 1.6vw 3.2vw;
    margin-right: 0.8vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item {
    border-radius: 6.4vw;
    font-size: 3.2vw;
    padding: 3.2vw 6.4vw;
    margin-right: 1.6vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item.active, #create_plan #wrapper section#preview_backplan .plan_detail_list .plan_detail_item.active {
  background-color: #F5F3ED;
  color: #A28865;
}
#edit_plan #wrapper section#preview_backplan .plan_detail_list .last_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .last_item {
  padding-right: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .last_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .last_item {
    padding-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_detail_list .last_item, #create_plan #wrapper section#preview_backplan .plan_detail_list .last_item {
    padding-right: 2.666666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail, #create_plan #wrapper section#preview_backplan .back_month_detail {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail, #create_plan #wrapper section#preview_backplan .back_month_detail {
    padding: 0 2.666666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box {
  background-color: #FFFFFF;
  border-radius: 13px;
  padding: 19px 0 19px 16px;
  display: flex;
  border: 1px solid #EEEEEE;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box {
    border-radius: 2.666666667vw;
    padding: 3.733333333vw 0 3.733333333vw 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan {
  width: 56px;
  height: 56px;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan {
    width: 10.93333333vw;
    height: 10.93333333vw;
    margin-right: 1.632vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
  position: absolute;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
    width: 5vw;
    height: 5vw;
    border: 0.1vw solid #fff;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .thumbnail_back_plan .main_thumbnail {
    width: 10.02666667vw;
    height: 10.02666667vw;
    border: 0.53vw solid #fff;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 700;
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month {
  color: #272727;
  font-size: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month {
    font-size: 2.1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .title_back_month {
    font-size: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month {
  color: #9b9b9b;
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month {
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month.no_post_plan, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month.no_post_plan {
  color: #9B9B9B;
}
#edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month > span, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month > span {
  font-size: 17px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month > span, #create_plan #wrapper section#preview_backplan .back_month_detail .detail_box .content_back_plan .price_back_month > span {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan, #create_plan #wrapper section#preview_backplan .back_plan {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan, #create_plan #wrapper section#preview_backplan .back_plan {
    padding: 0 2.6666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan {
  padding: 21px 0;
  text-align: left;
  border-bottom: 1px solid #eeeeee;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan {
    padding: 2.1vw 0;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan {
    padding: 4.266666667vw 0;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container {
  width: 100% !important;
  border: 1px solid #EEEEEE;
  border-radius: 11px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container {
    border-radius: 2.133333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url("../images/vertical/btn_downarrow.svg");
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  right: 16px;
  pointer-events: none;
  transform: translateY(-50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after {
    width: 3.2vw;
    height: 3.2vw;
    right: 1.6vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2.select2-container.select2-container--default::after {
    width: 6.4vw;
    height: 6.4vw;
    right: 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single {
  height: 55px;
  line-height: 55px;
  outline: none;
  background-color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single {
    height: 5.5vw;
    line-height: 5.5vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container .select2-selection--single {
    height: 10.93333333vw;
    line-height: 10.93333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 11px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single {
    border-radius: 1.1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single {
    border-radius: 2.133333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 55px;
  color: #272727;
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 5.5vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 10.93333333vw;
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__arrow, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-dropdown, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-dropdown {
  border: none;
}
#edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable {
  height: 55px;
  font-size: 19px;
  line-height: 55px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable {
    height: 5.5vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable, #create_plan #wrapper section#preview_backplan .back_plan .time_back_plan .select2-container--default .select2-results__option--selectable {
    height: 10.93333333vw;
    line-height: 10.93333333vw;
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview, #create_plan #wrapper section#preview_backplan .plan_preview {
  margin-top: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview, #create_plan #wrapper section#preview_backplan .plan_preview {
    margin-top: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content {
  border: 1px solid #EEEEEE;
  padding-bottom: 33px;
  border-radius: 13px;
  background-color: #FFFFFF;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content {
    border-radius: 2.666666667vw;
    padding-bottom: 6.666666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box {
  border-radius: 13px;
  padding: 19px 0 19px 16px;
  display: flex;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box {
    border-radius: 2.666666667vw;
    padding: 3.733333333vw 0 3.733333333vw 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan {
  width: 50px;
  height: 50px;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan {
    width: 10.13333333vw;
    height: 10.13333333vw;
    margin-right: 1.632vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan .main_thumbnail, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan .main_thumbnail {
  position: absolute;
  width: 45px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan .main_thumbnail, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .thumbnail_back_plan .main_thumbnail {
    width: 9.066666667vw;
    height: 9.066666667vw;
    border: 0.53vw solid #fff;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 700;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month {
  color: #272727;
  font-size: 21px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month {
    font-size: 2.1vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .title_back_month {
    font-size: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month {
  color: #272727;
  font-size: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month {
    font-size: 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month.no_post_plan, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content > .detail_box .content_back_plan .price_back_month.no_post_plan {
  color: #9B9B9B;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description {
  padding: 0 19px 16px 19px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description {
    padding: 0 3.733333333vw 3.2vw 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description > p, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description > p {
  text-align: left;
  font-size: 19px;
  line-height: 32px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description > p, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_description > p {
    font-size: 3.733333333vw;
    line-height: 6.4vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding: 0 19px;
  margin-right: -8px;
  max-height: 140px;
  overflow: hidden;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image {
    margin-right: -1.541333333vw;
    padding: 0 3.7333333vw;
    max-height: 28vw;
    margin-bottom: 4.266666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .image_wrapper, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .image_wrapper {
  width: 140px;
  height: 140px;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
  flex-basis: 30%;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .image_wrapper, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .image_wrapper {
    height: 27.73333333vw;
    width: 27.73333333vw;
    margin-right: 1.541333333vw;
    margin-bottom: 1.541333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image img, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.6196078431);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur span, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur span {
  position: absolute;
  width: 20px;
  height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur span, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .plan_preview_image .blur span {
    width: 3.898666667vw;
    height: 4.429333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .back_plan_notification, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .back_plan_notification {
  margin: 21px 0;
  font-weight: 700;
  color: #C4756B;
  line-height: 1.4;
  font-size: 16px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .back_plan_notification, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .back_plan_notification {
    margin: 4.133333333vw 0;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container {
  margin: 10px 0 10px;
  padding: 0 19px;
  text-align: center;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy {
  margin-top: 21px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4.2667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy span a, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy span a {
  font-weight: 600;
  color: #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy input[type=checkbox]:checked + label:before, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy input[type=checkbox]:checked + label:before {
  background-color: #5285F7;
  border: 1px solid #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy input[type=checkbox]:checked + label:after, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container #btn_policy input[type=checkbox]:checked + label:after {
  background-color: #5285F7;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container {
    margin: 2.666666667vw 0 2.666666667vw;
    padding: 0 3.733333333vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container a.redirect_to_plans, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container a.redirect_to_plans {
  display: block;
  padding: 20px 26px;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #A28865;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container a.redirect_to_plans, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container a.redirect_to_plans {
    padding: 4vw 5.33vw;
    font-size: 3.7333333333vw;
    border-radius: 10vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity {
  display: inline-block;
  background-color: #f5f3ed;
  text-align: center;
  padding: 20px 40px;
  font-size: 20px;
  letter-spacing: 0.05em;
  border-radius: 13px;
  margin-bottom: 21px;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity {
    padding: 4vw 8vw;
    font-size: 15px;
    font-size: 4vw;
    border-radius: 2.667vw;
    margin-bottom: 4.2667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity > span, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container .box_capacity > span {
  color: #a28865;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p {
  font-size: 16px;
  color: #a28865;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p.gray-color, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > p.gray-color {
  color: #c7c7c7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn {
  margin: 21px 0;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn {
    margin: 4.2667vw 0;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn button, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn button {
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  padding: 20px 26px;
  font-size: 18px;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn button, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn button {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 5.33vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn a, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .btn a {
  color: #fff;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy {
  margin-top: 21px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy {
    font-size: 12px;
    font-size: 3.2vw;
    margin-top: 4.2667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy span a, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy span a {
  font-weight: 600;
  color: #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy input[type=checkbox]:checked + label:before, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy input[type=checkbox]:checked + label:before {
  background-color: #5285F7;
  border: 1px solid #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy input[type=checkbox]:checked + label:after, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container > .policy input[type=checkbox]:checked + label:after {
  background-color: #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > p, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > p {
  color: #c7c7c7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > .btn button, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > .btn button {
  pointer-events: none;
  background-color: #5285F7;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > .policy, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.disabled > .policy {
  display: none;
}
#edit_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.ended > .btn button, #create_plan #wrapper section#preview_backplan .plan_preview .preview_content .container.ended > .btn button {
  pointer-events: none;
  background: #c7c7c7;
}
#edit_plan #wrapper section#preview_backplan .no_image, #create_plan #wrapper section#preview_backplan .no_image {
  padding: 92px 0;
  font-size: 17px;
  text-align: center;
  background-color: #F4F4F4;
  color: #9B9B9B;
  margin-top: 33px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #edit_plan #wrapper section#preview_backplan .no_image, #create_plan #wrapper section#preview_backplan .no_image {
    padding: 18.4vw 0;
    font-size: 3.466666667vw;
    margin-top: 6.666666667vw;
  }
}
#edit_plan #wrapper section#preview_backplan .no_margin, #create_plan #wrapper section#preview_backplan .no_margin {
  margin: 0;
}
#edit_plan .box_btn_create_plan, #create_plan .box_btn_create_plan {
  width: 100%;
  position: fixed;
  max-width: 750px;
  bottom: 0;
  z-index: 9;
  background-color: #fff;
}
@media (max-width: 750px) {
  #edit_plan .box_btn_create_plan, #create_plan .box_btn_create_plan {
    bottom: 16vw;
  }
}
#edit_plan .box_btn_create_plan > .inner, #create_plan .box_btn_create_plan > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21px 32px;
}
@media (max-width: 750px) {
  #edit_plan .box_btn_create_plan > .inner, #create_plan .box_btn_create_plan > .inner {
    padding: 4.266666667vw 6.4vw;
  }
}
#edit_plan .display_same, #create_plan .display_same {
  padding-bottom: 35px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #edit_plan .display_same, #create_plan .display_same {
    padding-bottom: 6.933333333vw;
  }
}
#edit_plan .display_same .tlt_display, #create_plan .display_same .tlt_display {
  background-color: #f4f4f4;
  font-weight: 700;
  color: #797979;
  font-size: 16px;
  padding: 17px 10px;
  margin-bottom: 28px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan .display_same .tlt_display, #create_plan .display_same .tlt_display {
    font-size: 1.6vw;
    padding: 1.7vw 1vw;
    margin-bottom: 2.8vw;
  }
}
@media (max-width: 750px) {
  #edit_plan .display_same .tlt_display, #create_plan .display_same .tlt_display {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 4.533333333vw 2.666666667vw;
    margin-bottom: 6.933333333vw;
  }
}
#edit_plan .display_same .item_thumbail, #create_plan .display_same .item_thumbail {
  text-align: center;
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan .display_same .item_thumbail, #create_plan .display_same .item_thumbail {
    padding: 0 1vw;
  }
}
#edit_plan .display_same > .inner, #create_plan .display_same > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21.28px 31.92px;
}
@media (max-width: 750px) {
  #edit_plan .display_same > .inner, #create_plan .display_same > .inner {
    padding: 0 9.866666667vw;
  }
}
#edit_plan .display_same > .inner .information_assumed_user, #create_plan .display_same > .inner .information_assumed_user {
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 35px;
  color: #272727;
  background-color: #F5F3ED;
  border-radius: 13px;
}
#edit_plan .display_same > .inner .information_assumed_user span, #create_plan .display_same > .inner .information_assumed_user span {
  color: #A28865;
}
#edit_plan .display_same > .inner > .inner, #create_plan .display_same > .inner > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21px 32px;
}
@media (max-width: 750px) {
  #edit_plan .display_same > .inner > .inner, #create_plan .display_same > .inner > .inner {
    padding: 4.266666667vw 6.4vw;
  }
}
#edit_plan .display_same > .inner > .inner .information_assumed_user, #create_plan .display_same > .inner > .inner .information_assumed_user {
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 35px;
  color: #272727;
  background-color: #F5F3ED;
  border-radius: 13px;
}
#edit_plan .display_same > .inner > .inner .information_assumed_user span, #create_plan .display_same > .inner > .inner .information_assumed_user span {
  color: #A28865;
}
#edit_plan .display_same.create_no_border, #create_plan .display_same.create_no_border {
  border-bottom: none;
}
#edit_plan .display_same ul > li, #create_plan .display_same ul > li {
  text-align: center;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan .display_same ul > li, #create_plan .display_same ul > li {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #edit_plan .display_same ul > li, #create_plan .display_same ul > li {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan .display_same ul > li a.btn_delete, #create_plan .display_same ul > li a.btn_delete {
  color: #ff5858;
}
#edit_plan .items_detail, #create_plan .items_detail {
  border: 1px solid #eee;
  border-radius: 0 0 11px 11px;
  padding: 19px;
  background-color: #fff;
}
#edit_plan .items_detail .item, #create_plan .items_detail .item {
  font-size: 16px;
  font-weight: 700;
  color: #4B4B4B;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#edit_plan .items_detail .item input[type=checkbox], #create_plan .items_detail .item input[type=checkbox] {
  display: none;
}
#edit_plan .items_detail .item input[type=checkbox] + label, #create_plan .items_detail .item input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  width: 26.7px;
  height: 26.7px;
  margin-right: 8px;
  cursor: pointer;
}
#edit_plan .back_plan, #create_plan .back_plan {
  margin-bottom: 36px;
}
@media (max-width: 750px) {
  #edit_plan .back_plan, #create_plan .back_plan {
    margin-bottom: 9.6vw;
  }
}
#edit_plan .back_plan .item_content, #create_plan .back_plan .item_content {
  font-size: 11px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 16px;
}
#edit_plan .back_plan .item_content .title_blue, #create_plan .back_plan .item_content .title_blue {
  color: #5285F7;
}
#edit_plan .back_plan .item_content .title_gray, #create_plan .back_plan .item_content .title_gray {
  color: #9b9b9b;
}
#edit_plan .back_plan .item_content .back_plan_note, #create_plan .back_plan .item_content .back_plan_note {
  color: #ff5858;
}
#edit_plan .back_plan .item_content .block_btn_back_plan, #create_plan .back_plan .item_content .block_btn_back_plan {
  padding: 21px 19px;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 750px) {
  #edit_plan .back_plan .item_content .block_btn_back_plan, #create_plan .back_plan .item_content .block_btn_back_plan {
    padding: 4.26666667vw 3.7333333vw;
  }
}
#edit_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan, #create_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan {
  max-width: 450px;
  margin: 0 auto;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  border-radius: 29px;
  background-color: #5285f7;
  padding: 20px;
  text-align: center;
  display: block;
}
@media (max-width: 750px) {
  #edit_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan, #create_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan {
    font-size: 3.7333333vw;
    border-radius: 5.866666667vw;
    padding: 4vw;
  }
}
#edit_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan.disable_submit, #create_plan .back_plan .item_content .block_btn_back_plan .btn_submit_back_plan.disable_submit {
  pointer-events: none;
  background-color: #C7C7C7;
}
#edit_plan .back_plan .item_content .content, #create_plan .back_plan .item_content .content {
  color: #9b9b9b;
}
#edit_plan .back_plan .item_content .content > a, #create_plan .back_plan .item_content .content > a {
  color: #5285f7;
}
#edit_plan .back_plan .item_content p, #create_plan .back_plan .item_content p {
  line-height: 19px;
}
#edit_plan .back_plan .item_content .input_buyback, #create_plan .back_plan .item_content .input_buyback {
  color: #9b9b9b;
  background-color: #f4f4f4;
}
#edit_plan .back_plan .active, #create_plan .back_plan .active {
  background-color: #5285F7;
}
#edit_plan .del_plan, #create_plan .del_plan {
  font-size: 19px;
  color: #ff5858;
  text-align: center;
  font-weight: 700;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #edit_plan .del_plan, #create_plan .del_plan {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #edit_plan .del_plan, #create_plan .del_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#edit_plan .del_plan a, #create_plan .del_plan a {
  color: #9E96D0;
}
#edit_plan #popup_message, #create_plan #popup_message {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
#edit_plan .currency_unit, #create_plan .currency_unit {
  padding: 13px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #4B4B4B;
  border: 1px solid #EEEEEE;
  color: #fff;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-weight: 600;
  font-size: 14px;
  top: 0;
  right: 0;
}
@media (max-width: 750px) {
  #edit_plan .currency_unit, #create_plan .currency_unit {
    padding: 3.6vw;
    font-size: 3.733333333vw;
    border-top-right-radius: 2.133333333vw;
    border-bottom-right-radius: 2.133333333vw;
  }
}
#edit_plan .title_sale_price, #create_plan .title_sale_price {
  font-size: 14px;
  padding: 13px 0 13px 10px;
  font-weight: 600;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  color: #FFF;
  background-color: #4B4B4B;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #edit_plan .title_sale_price, #create_plan .title_sale_price {
    font-size: 3.7333333333vw;
    padding: 3.4667vw 0 3.4667vw 2.6667vw;
    border-top-left-radius: 2.1333vw;
    border-top-right-radius: 2.1333vw;
  }
}
#edit_plan .wrapper_sale, #create_plan .wrapper_sale {
  display: none;
}
#edit_plan .wrapper_sale.active, #create_plan .wrapper_sale.active {
  display: block;
}

#popup_message {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.check_box {
  padding: 18px 0;
}
@media (max-width: 750px) {
  .check_box {
    padding: 4.8vw 0;
  }
}

.no_border {
  border: 0 !important;
}

.no_border_bottom {
  border-bottom: 0 !important;
}

.btn_save:disabled {
  background-color: #c7c7c7;
}

.no_margin_bottom {
  margin-bottom: 0 !important;
}

.check_back_plan.disabled {
  pointer-events: none;
}

#edit_plan .edit_plan_top .select2-selection__arrow {
  display: none;
}

#del_plan {
  background-color: #fafafa;
}
#del_plan header.header {
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #del_plan header.header > .inner .ttl_header {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents {
    padding-top: 13.33333333vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner {
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner {
    padding: 0 2.666666667vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .tlt_del {
  padding: 30px 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .tlt_del {
    padding: 3vw 0;
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .tlt_del {
    font-size: 16px;
    font-size: 4.2666666667vw;
    padding: 12.26666667vw 0;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .name_plan {
  border-radius: 12px;
  border: 1px solid #E3E3E3;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
  padding: 28px;
  margin: 0 0 16px;
  position: relative;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .name_plan {
    border-radius: 1.2vw;
    padding: 2.8vw;
    margin: 0 0 1.6vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .name_plan {
    border-radius: 2.933333333vw;
    padding: 6.4vw 5.333vw 3.733vw;
    margin: 0 0 4.266666667vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .name_plan .info_plan span {
  text-align: left;
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .name_plan .info_plan span {
    font-size: 1.4vw;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .name_plan .info_plan span {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 2.666666667vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .comment_plan {
  text-align: left;
  font-size: 12px;
  background-color: #D2EDEC;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan {
    font-size: 1.2vw;
    border-radius: 1vw;
    padding: 1.4vw;
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan {
    padding: 4vw;
    border-radius: 2.666666667vw;
    margin-bottom: 9.6vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .comment_plan h3 {
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan h3 {
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan h3 {
    margin-bottom: 2.666666667vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .comment_plan p {
  line-height: 20px;
  color: #4b4b4b;
  font-weight: normal;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan p {
    line-height: 2vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .comment_plan p {
    line-height: 5.333333333vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .btn_option {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 700;
  padding: 0 14px;
  width: 327px;
  margin: 0 auto 62px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option {
    font-size: 1.4vw;
    margin-bottom: 6.2vw;
    padding: 0 1.4vw;
    width: 32.7vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option {
    margin-bottom: 17.33333333vw;
    padding: 0 3.733333333vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .btn_option .btn_del {
  max-width: 327px;
  height: 44px;
  text-align: center;
  color: #fff;
  border-radius: 22px;
  background-color: #4b4b4b;
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option .btn_del {
    max-width: 32.7vw;
    height: 4.4vw;
    border-radius: 2.2vw;
    margin-bottom: 1.6vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option .btn_del {
    margin-bottom: 4.266666667vw;
    max-width: 100%;
    height: 11.73333333vw;
    border-radius: 5.866666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#del_plan #wrapper #main_content section#contents > .inner .btn_option .btn_del.plan_not_num {
  background-color: #c7c7c7;
  pointer-events: none;
}
#del_plan #wrapper #main_content section#contents > .inner .btn_option .cancel_del {
  font-size: 14px;
  color: #ff5858;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option .cancel_del {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #del_plan #wrapper #main_content section#contents > .inner .btn_option .cancel_del {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#del_plan #popup_message {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
#del_plan #popup_message .modal .title {
  line-height: 36px;
}
@media (max-width: 750px) {
  #del_plan #popup_message .modal .title {
    line-height: 7.2vw;
  }
}
#del_plan #popup_message .modal .title span {
  display: block;
}

.btn_create_plan1 {
  right: 12px;
  top: 8px;
  position: absolute;
  border: none;
  border-radius: 17px;
  background-color: #4b4b4b;
  width: 100%;
  height: 34px;
  max-width: 80px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  cursor: pointer;
}
@media (max-width: 750px) {
  .btn_create_plan1 {
    right: 0vw;
    top: 2vw;
    border-radius: 18.866666667vw;
    height: 9.066666667vw;
    font-size: 3.733333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    position: absolute;
    max-width: 18.13333333vw;
  }
}
.btn_create_plan1.draft {
  max-width: 140px;
}
@media (max-width: 750px) {
  .btn_create_plan1.draft {
    max-width: 28vw;
  }
}
.btn_create_plan1:disabled {
  background-color: #c7c7c7;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: inline-block;
  right: 14px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 14px;
  color: #272727;
  padding-right: 10px;
}
.select2-container.select2-container--default .select2-results > .select2-results__options > li {
  padding-left: 14px;
  color: #272727;
}

#dashboard {
  background-color: #f4f4f4;
}
#dashboard header.header {
  border-bottom: 1px solid #e5e5e5;
}
#dashboard #wrapper {
  text-align: left;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp {
    padding-top: 13.33333333vw;
  }
}
#dashboard #wrapper section#exp > .inner {
  background-color: #fafafa;
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner {
    padding: 0 2.666666667vw;
  }
}
#dashboard #wrapper section#exp > .inner #mainview {
  padding-top: 30px;
  margin: 0 auto 35px;
  width: 100%;
  max-width: 500px;
  text-align: center;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview {
    padding-top: 8vw;
    max-width: 100%;
    margin-bottom: 6.933333333vw;
  }
}
#dashboard #wrapper section#exp > .inner #mainview .thumbnail {
  width: 113px;
  height: 113px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 11px;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview .thumbnail {
    width: 22.67vw;
    height: 22.67vw;
    margin-bottom: 6.4vw;
  }
}
#dashboard #wrapper section#exp > .inner #mainview .thumbnail > .inner {
  margin: 4px;
  width: 105px;
  height: 105px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 2.6px solid #fff;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview .thumbnail > .inner {
    margin: 0.8vw;
    width: calc(100% - 1.6vw);
    height: calc(100% - 1.6vw);
    border: 0.53vw solid #fff;
  }
}
#dashboard #wrapper section#exp > .inner #mainview > h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #272727;
  margin-bottom: 11px;
  line-height: 1.4;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner #mainview > h2 {
    font-size: 2vw;
    margin-bottom: 1.1vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview > h2 {
    font-size: 18px;
    font-size: 4.8vw;
    margin-bottom: 2.133333333vw;
    line-height: 6.4vw;
  }
}
#dashboard #wrapper section#exp > .inner #mainview > h2 span {
  font-size: 14px;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner #mainview > h2 span {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview > h2 span {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner #mainview > p {
  color: #5285f7;
  font-size: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner #mainview > p {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner #mainview > p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter > h3 {
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 700;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter > h3 {
    font-size: 1.6vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter > h3 {
    margin-bottom: 4.266666667vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter {
  background-color: #f4f4f4;
  border-radius: 10px;
  border: 1px solid #e3e3e3;
  margin-bottom: 40px;
  padding-bottom: 7px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter {
    border-radius: 1vw;
    margin-bottom: 4vw;
    padding-bottom: 0.7vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter {
    border-radius: 2.666666667vw;
    margin-bottom: 12vw;
    padding-bottom: 2.133333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 19px 7px;
  color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ {
    padding: 1.6vw 1.6vw 0.7vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ {
    padding: 4.8vw 4.8vw 2.133333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > p {
  font-size: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > p {
    font-size: 1.2vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > span {
  color: #c7c7c7;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.text_purple {
  color: #4b4b4b;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border_top {
  border-top: 1px solid #e3e3e3;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border_bottom {
  border-bottom: 1px solid #e3e3e3;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border {
  color: #5285f7;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border {
    padding: 1.6vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border {
    padding: 4.8vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 {
  font-size: 23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 {
    font-size: 2.3vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 {
    font-size: 23px;
    font-size: 6.1333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 span {
  font-size: 14px;
  margin-left: 3px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 span {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__.border > h4 span {
    margin-left: 0.533333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 {
  font-size: 23px;
  color: #4b4b4b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 {
    font-size: 2.3vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 {
    font-size: 23px;
    font-size: 6.1333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 span {
  color: #c7c7c7;
  font-size: 14px;
  margin-left: 3px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 span {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter .info__ > h4 span {
    margin-left: 0.533333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.by_plan {
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.by_plan {
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.by_plan {
    margin-bottom: 4.266666667vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.tlt_by_plan > p {
  color: #4b4b4b;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.tlt_by_plan > p {
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .content_parameter.tlt_by_plan > p {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans {
  margin: 16px 0px;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans .btn {
  padding: 0 10px;
  min-width: 144px;
  height: 48px;
  border: none;
  border-radius: 24px;
  color: #797979;
  background-color: #f4f4f4;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans .btn {
    padding: 0 2vw;
    min-width: 28.8vw;
    height: 9.6vw;
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans .btn.btn_back_plan {
  width: 175px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans .btn.btn_back_plan {
    width: 34.93333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .plans .active {
  color: #fff;
  background-color: #4b4b4b;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  margin: 36px auto;
  color: #C7C7C7;
  text-align: center;
  padding-bottom: 10px;
  justify-content: center;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list::-webkit-scrollbar, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list::-webkit-scrollbar {
  display: none;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list::-webkit-scrollbar-thumb, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list::-webkit-scrollbar-thumb {
  background-color: #C7C7C7;
  border-radius: 10px;
  opacity: 0;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list::-webkit-scrollbar-corner, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list::-webkit-scrollbar-corner {
  background-color: transparent;
  border-color: transparent;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list .buy_back_plan_name, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list .post_download_type, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list .buy_back_plan_name, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list .post_download_type {
  color: #C7C7C7;
  margin: 0 8px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list .buy_back_plan_name, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list .post_download_type, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list .buy_back_plan_name, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list .post_download_type {
    margin: 0 1.6vw;
  }
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list .active, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list .active {
  color: #5285f7;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list span, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list span {
  color: #9b9b9b;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .back_plan_list:hover, #dashboard #wrapper section#exp > .inner .parameters .item_parameter .post_download_list:hover {
  overflow-x: auto;
}
#dashboard #wrapper section#exp > .inner .parameters .item_parameter .disabled {
  display: none;
}
#dashboard #wrapper section#exp > .inner .comment_transfer {
  margin-bottom: 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #dashboard #wrapper section#exp > .inner .comment_transfer {
    margin-bottom: 5vw;
  }
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .comment_transfer {
    margin-bottom: 13.33333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail {
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
  font-weight: 600;
}
#dashboard #wrapper section#exp > .inner .post_download_detail .purchased_item {
  background-color: #fff;
  border: 1px solid #E3E3E3;
  border-radius: 13px;
  margin-bottom: 23px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .purchased_item {
    border-radius: 2.6666666667vw;
    margin-bottom: 4.5333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation {
  display: flex;
  padding: 21px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .infomation {
    padding: 4.266666667vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .purchased_image {
  width: 124px;
  height: 167px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 21px;
  border-radius: 5px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .purchased_image {
    width: 24.8vw;
    height: 33.33333333vw;
    margin-right: 4.266666667vw;
    border-radius: 1.066666667vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .content {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 8px;
  flex: 1;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .content {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 1.6vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #5285f7;
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon {
  width: 32px;
  height: 32px;
  background-position: center;
  background-size: 150%;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.video, #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.sign_video {
  background-image: url("../images/vertical/miglamu/icon_item_movie.svg");
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.image, #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.sign_image {
  background-image: url("../images/vertical/miglamu/icon_item_photo.svg");
  background-size: cover;
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.multifile {
  background-image: url("../images/vertical/miglamu/icon_item_photobook.svg");
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .title_download .icon.talk {
  background-image: url("../images/vertical/miglamu/icon_item_1on1.svg");
  background-size: 100%;
}
#dashboard #wrapper section#exp > .inner .post_download_detail .infomation .price {
  margin-top: 67px;
  text-align: right;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .infomation .price {
    margin-top: 13.3333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .total_info {
  padding: 21px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .total_info {
    padding: 4.2666666667vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .total_info h4 {
  font-size: 31px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .total_info h4 {
    font-size: 6.1333333333vw;
  }
}
#dashboard #wrapper section#exp > .inner .post_download_detail .total_info h4 span {
  color: #C7C7C7;
  font-size: 19px;
}
@media (max-width: 750px) {
  #dashboard #wrapper section#exp > .inner .post_download_detail .total_info h4 span {
    font-size: 3.7333333333vw;
  }
}

.induction {
  background-color: #f4f4f4;
}
.induction header.header {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5;
  max-width: 750px;
}
.induction header.header .inner {
  width: 100%;
}
.induction #wrapper {
  display: flex;
  max-width: 1280px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .induction #wrapper {
    max-width: 75vw;
  }
}
@media (max-width: 750px) {
  .induction #wrapper {
    max-width: 100%;
  }
}
.induction footer#footer > .inner {
  max-width: 100%;
}
.induction footer#footer > .inner > .link {
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .induction footer#footer > .inner > .link {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) and (max-width: 750px) {
  .induction footer#footer > .inner > .link {
    max-width: 100%;
  }
}
.induction footer#footer > .inner > .link > ul {
  padding: 16px 0 200px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .induction footer#footer > .inner > .link > ul {
    padding: 1.6vw 0 20vw 0;
  }
}
@media (max-width: 750px) {
  .induction footer#footer > .inner > .link > ul {
    padding: 3.2vw 0 35vw;
  }
}

#home.induction {
  background-color: #fafafa;
}
#home.induction header.header .room_vip {
  background-color: transparent;
}

#plan_editing.induction {
  background-color: #fafafa;
}
#plan_editing.induction #wrapper {
  padding-top: 0;
}
@media (max-width: 750px) {
  #plan_editing.induction #wrapper {
    padding-top: 13.33333333vw;
  }
}
#plan_editing.induction #wrapper #mainview {
  padding-top: 0;
}
#plan_editing.induction #wrapper section#contents > .inner {
  margin-bottom: 90px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #plan_editing.induction #wrapper section#contents > .inner {
    margin-bottom: 9vw;
  }
}
@media (max-width: 750px) {
  #plan_editing.induction #wrapper section#contents > .inner {
    margin-bottom: 6.4vw;
  }
}
#plan_editing.induction #wrapper section#contents > .inner .box_btn_create_plan {
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
}
@media (max-width: 750px) {
  #plan_editing.induction #wrapper section#contents > .inner .box_btn_create_plan {
    width: 100%;
  }
}
#plan_editing.induction #wrapper section#contents > .inner .box_btn_create_plan > .inner {
  max-width: 750px;
  padding: 21.28px 31.92px;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #plan_editing.induction #wrapper section#contents > .inner .box_btn_create_plan > .inner {
    max-width: 75vw;
    padding: 2.1vw 3.2vw;
  }
}
@media (max-width: 750px) {
  #plan_editing.induction #wrapper section#contents > .inner .box_btn_create_plan > .inner {
    max-width: 100%;
    padding: 2.8vw 4.267vw;
  }
}

#home.induction #wrapper #mainview {
  padding-top: 0;
}
@media (max-width: 750px) {
  #home.induction #wrapper #mainview {
    padding-top: 17.33333333vw;
  }
}
#home.induction #wrapper section#exp {
  padding-bottom: 10px;
  padding-top: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.induction #wrapper section#exp {
    padding-top: 2vw;
    padding-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #home.induction #wrapper section#exp {
    padding-bottom: 2.133333333vw;
    padding-top: 0;
  }
}
#home.induction #wrapper section#exp > .inner {
  padding: 21px 21px 23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.induction #wrapper section#exp > .inner {
    padding: 2.1vw 2.1vw 2.3vw;
  }
}
@media (max-width: 750px) {
  #home.induction #wrapper section#exp > .inner {
    padding: 4.8vw;
  }
}
#home.induction #wrapper section#contents > .inner {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #home.induction #wrapper section#contents > .inner {
    margin-bottom: 13.06666667vw;
  }
}
#home.induction #wrapper section#contents > .inner .no_post {
  background-color: #f4f4f4;
  padding: 60px;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.induction #wrapper section#contents > .inner .no_post {
    padding: 6vw;
  }
}
@media (max-width: 750px) {
  #home.induction #wrapper section#contents > .inner .no_post {
    padding: 16vw;
  }
}
#home.induction #wrapper section#contents > .inner .no_post h3 {
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.induction #wrapper section#contents > .inner .no_post h3 {
    line-height: 2.4vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #home.induction #wrapper section#contents > .inner .no_post h3 {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 6.133333333vw;
  }
}
#home.induction #wrapper section#contents > .inner .no_post h3 span {
  display: block;
}
#home.induction .popup_modal {
  opacity: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
#home.induction .popup_modal .modal .inner h3 {
  font-size: 19px;
  line-height: 32px;
}
@media (max-width: 750px) {
  #home.induction .popup_modal .modal .inner h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#home.induction .popup_modal .modal .inner > .to_plan {
  background-color: #4b4b4b;
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 750px) {
  #home.induction .popup_modal .modal .inner > .to_plan {
    padding: 3.73vw 0 4.26vw 0;
    border-radius: 5.866666667vw;
  }
}
#home.public {
  background-color: #fafafa;
}
#home.public #wrapper {
  padding-top: 0;
}
#home.public #wrapper section#exp > .inner .btn .inner > a {
  border-radius: 22px;
  background-color: #a28865;
  text-align: center;
  color: #fff;
  border: none;
  justify-content: center;
  width: 190px;
  padding: 13px;
  font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.public #wrapper section#exp > .inner .btn .inner > a {
    font-size: 1.4vw;
    padding: 1.3vw;
    border-radius: 2.2vw;
    width: 19vw;
  }
}
@media (max-width: 750px) {
  #home.public #wrapper section#exp > .inner .btn .inner > a {
    border-radius: 5.866666667vw;
    width: 43.46666667vw;
    padding: 4vw;
  }
}
#home.public #wrapper section#contents > .inner {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #home.public #wrapper section#contents > .inner {
    margin-bottom: 13.06666667vw;
  }
}
#home.public #wrapper section#contents > .inner .no_post {
  background-color: #f4f4f4;
  padding: 68px;
  text-align: center;
  margin-bottom: 210px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.public #wrapper section#contents > .inner .no_post {
    margin-bottom: 21vw;
  }
}
@media (max-width: 750px) {
  #home.public #wrapper section#contents > .inner .no_post {
    padding: 13.6vw;
    margin-bottom: 62.13333333vw;
  }
}
#home.public #wrapper section#contents > .inner .no_post h3 {
  line-height: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.public #wrapper section#contents > .inner .no_post h3 {
    line-height: 2.4vw;
    font-size: 1.4vw;
  }
}
@media (max-width: 750px) {
  #home.public #wrapper section#contents > .inner .no_post h3 {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 6.133333333vw;
  }
}
#home.public #wrapper section#contents > .inner .no_post h3 span {
  display: block;
}
#home.public footer#footer > .inner {
  max-width: 100%;
}
#home.public footer#footer > .inner > .link {
  max-width: 750px;
  margin: 0 auto;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.public footer#footer > .inner > .link {
    max-width: 75vw;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) and (max-width: 750px) {
  #home.public footer#footer > .inner > .link {
    max-width: 100%;
  }
}
#home.public footer#footer > .inner > .link > ul {
  padding: 16px 0 200px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home.public footer#footer > .inner > .link > ul {
    padding: 1.6vw 0 20vw 0;
  }
}
@media (max-width: 750px) {
  #home.public footer#footer > .inner > .link > ul {
    padding: 3.2vw 0 35vw;
  }
}

#wrapper_plan header.header {
  max-width: 750px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan header.header {
    display: inline-block;
  }
}
#wrapper_plan #wrapper section#contents > .inner {
  padding: 17px 10px 50px !important;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner {
    padding: 4.522vw 2.667vw 13.333vw !important;
  }
}
#wrapper_plan #wrapper section#contents > .inner .no_plan {
  background-color: #f4f4f4;
  padding: 60px;
  text-align: center;
  margin-bottom: 493px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #wrapper_plan #wrapper section#contents > .inner .no_plan {
    padding: 6vw;
  }
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .no_plan {
    padding: 16vw;
    margin-bottom: 98.66666667vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .no_plan h3 {
  line-height: 31px;
  font-size: 17px;
  font-weight: 700;
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #wrapper_plan #wrapper section#contents > .inner .no_plan h3 {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 6.133333333vw;
  }
}
#wrapper_plan #wrapper section#contents > .inner .no_plan h3 span {
  display: block;
}

#information {
  background-color: #f4f4f4;
}
#information header.header {
  border-bottom: 1px solid #e5e5e5;
}
#information.empty_info #wrapper section.section {
  min-height: 812px;
}
@media (max-width: 750px) {
  #information.empty_info #wrapper section.section {
    min-height: 162.4vw;
  }
}
#information.empty_info #wrapper section.section > .inner h4 {
  color: #9b9b9b;
  font-size: 13px;
  padding: 62px 120px;
  font-weight: 700;
  background-color: #fafafa;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information.empty_info #wrapper section.section > .inner h4 {
    font-size: 1.3vw;
    padding: 6.2vw 12vw;
  }
}
@media (max-width: 750px) {
  #information.empty_info #wrapper section.section > .inner h4 {
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 18vw 32vw;
  }
}
#information #wrapper {
  margin: 0 auto;
}
@media (max-width: 750px) {
  #information #wrapper section.section {
    max-width: 100%;
    padding-top: 13.33333333vw;
  }
}
#information #wrapper section.section > .inner {
  padding: 26px 0 55px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner {
    padding: 1.6vw 0 5.5vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner {
    padding: 6.9333333333vw 0 73px;
  }
}
#information #wrapper section.section > .inner .avatar.img_creator {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .avatar.img_creator {
    padding-right: 1vw;
    width: 4.2vw;
    height: 4.2vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .avatar.img_creator {
    width: 8.4vw;
    height: 8.4vw;
  }
}
#information #wrapper section.section > .inner .avatar > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .avatar > span {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .avatar > span {
    width: 9.86vw;
    height: 9.86vw;
  }
}
#information #wrapper section.section > .inner .list_infomation {
  padding-top: 20px;
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .list_infomation {
    padding-top: 4vw;
  }
}
#information #wrapper section.section > .inner .list_infomation ul li {
  padding: 0 10px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .list_infomation ul li {
    padding: 0 1vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .list_infomation ul li {
    padding: 0 2.667vw;
    margin-bottom: 4.266666667vw;
  }
}
#information #wrapper section.section > .inner .list_infomation ul li:last-child {
  margin-bottom: 0;
}
#information #wrapper section.section > .inner .list_infomation ul li > a {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  padding: 32px 16px 16px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #E3E3E3;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .list_infomation ul li > a {
    padding: 3.2vw 1.6vw 1.6vw;
    border-radius: 1vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .list_infomation ul li > a {
    padding: 9.0667vw 4.2667vw 4.2667vw;
  }
}
#information #wrapper section.section > .inner .list_infomation ul li .info_content {
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  line-height: 21px;
  color: #272727;
  padding-left: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .list_infomation ul li .info_content {
    font-size: 1.2vw;
    line-height: 2.1vw;
    padding-left: 1vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .list_infomation ul li .info_content {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.333333333vw;
    padding-left: 2.667vw;
  }
}
#information #wrapper section.section > .inner .list_infomation ul li .info_content h4 span {
  display: block;
}
#information #wrapper section.section > .inner .list_infomation ul li .info_time {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 11px;
  font-weight: 300;
  color: #9b9b9b;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .list_infomation ul li .info_time {
    right: 1.6vw;
    top: 1.6vw;
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .list_infomation ul li .info_time {
    top: 4.266666667vw;
    right: 4.266666667vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_tlt_detail {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  padding: 0 10px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail .info_tlt_detail {
    padding: 0 1vw;
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_tlt_detail {
    margin-bottom: 8.533333333vw;
    padding: 0 2.666666667vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_tlt_detail .info_content {
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  line-height: 27px;
  color: #272727;
  margin-left: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail .info_tlt_detail .info_content {
    font-size: 1.6vw;
    line-height: 2.7vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_tlt_detail .info_content {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 7.2vw;
    margin-left: 2.6666666667vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_tlt_detail .info_content h4 span {
  display: block;
}
#information #wrapper section.section > .inner .information_detail .info_time {
  font-size: 11px;
  font-weight: 300;
  color: #9b9b9b;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin-bottom: 11px;
  padding-right: 10px;
  text-align: right;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail .info_time {
    font-size: 1.1vw;
    margin-bottom: 1.1vw;
    padding-right: 1vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_time {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-bottom: 2.933333333vw;
    padding-right: 2.666666667vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_content_detail {
  font-size: 14px;
  text-align: left;
  font-weight: 300;
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail .info_content_detail {
    font-size: 1.4vw;
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_content_detail {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 0 2.666666667vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_content_detail p {
  color: #272727;
  margin-bottom: 16px;
  line-height: 24px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail .info_content_detail p {
    margin-bottom: 1.6vw;
    line-height: 2.4vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_content_detail p {
    margin-bottom: 4.266666667vw;
    line-height: 6.4vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_content_detail p span {
  display: block;
}
#information #wrapper section.section > .inner .information_detail .info_content_detail p img {
  border-radius: 5px;
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail .info_content_detail p img {
    border-radius: 1.066666667vw;
  }
}
#information #wrapper section.section > .inner .information_detail .info_content_detail a {
  color: #9e96d0;
}
#information #wrapper section.section > .inner .information_detail.information_detail_img .info_tlt_detail {
  margin-bottom: 19px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail.information_detail_img .info_tlt_detail {
    margin-bottom: 1.9vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail.information_detail_img .info_tlt_detail {
    margin-bottom: 5.333333333vw;
  }
}
#information #wrapper section.section > .inner .information_detail.information_detail_img .info_content_detail > img {
  margin-bottom: 16px;
  border-radius: 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #information #wrapper section.section > .inner .information_detail.information_detail_img .info_content_detail > img {
    margin-bottom: 1.6vw;
    border-radius: 0.5vw;
  }
}
@media (max-width: 750px) {
  #information #wrapper section.section > .inner .information_detail.information_detail_img .info_content_detail > img {
    margin-bottom: 4.266666667vw;
    border-radius: 1.333333333vw;
  }
}

#home_list_post header.header .tlt_top_main {
  font-weight: 700;
}
#home_list_post header.header .tlt_top_main span {
  color: #9b9b9b;
  font-size: 13px;
  margin-bottom: 7px;
  display: block;
}
@media (max-width: 750px) {
  #home_list_post header.header .tlt_top_main span {
    margin-bottom: 1.4667vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#home_list_post .txt_content {
  text-align: left;
  max-width: 600px;
}
@media (max-width: 750px) {
  #home_list_post .txt_content {
    max-width: 66vw;
  }
}
#home_list_post .txt_content h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #272727;
}
#home_list_post .tlt_list_post {
  display: flex;
  position: relative;
  align-items: center;
  padding: 13px 16px;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post {
    padding: 2.666666667vw 3.2vw;
  }
}
#home_list_post .tlt_list_post .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #a28865 0%, #c6746c 47%, #9975dd 100%);
  margin-right: 15px;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post .avatar {
    margin-right: 2.933333333vw;
  }
}
#home_list_post .tlt_list_post .avatar > span {
  margin: 2px;
  width: 46px;
  height: 46px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 2.6px solid #fff;
  display: block;
}
#home_list_post .tlt_list_post .txt_content {
  text-align: left;
  max-width: 400px;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post .txt_content {
    max-width: 65vw;
  }
}
#home_list_post .tlt_list_post .txt_content h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #272727;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post .txt_content h3 {
    margin-bottom: 1.066666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#home_list_post .tlt_list_post .txt_content p {
  font-size: 13px;
  color: #9b9b9b;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post .txt_content p {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#home_list_post .tlt_list_post .txt_content p.date_reser {
  color: #42bc8d;
}
#home_list_post .tlt_list_post .check_time {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #5285f7;
  font-weight: 700;
}
@media (max-width: 750px) {
  #home_list_post .tlt_list_post .check_time {
    right: 2.666666667vw;
  }
}
#home_list_post .tlt_list_post .check_time.now_open a {
  color: #5285f7;
}
#home_list_post .tlt_list_post .check_time.now_open a .text-black {
  color: #4B4B4B;
}
#home_list_post .tlt_list_post .check_time.under_reser a {
  color: #42bc8d;
}
#home_list_post .tlt_list_post .check_time.under_reser a .text-black {
  color: #4B4B4B;
}
#home_list_post .tlt_list_post .check_time.private a {
  color: #9b9b9b;
}
#home_list_post .tlt_list_post .check_time.private a .text-black {
  color: #4B4B4B;
}
#home_list_post #wrapper {
  margin: 0 auto;
  display: flex;
}
@media (max-width: 750px) {
  #home_list_post #wrapper {
    padding-top: 13.33333333vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner {
  padding: 0;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post {
  background-color: #fff;
  padding-bottom: 56px;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post {
    padding-bottom: 11.2vw;
    margin-bottom: 2.666666667vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .slider_post_wrap {
  position: relative;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .slider_post_wrap .pager_slider {
  position: absolute;
  top: 13px;
  left: 13px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 21px;
  padding: 8px 16px;
  z-index: 1;
  font-size: 13px;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0.5;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .slider_post_wrap .pager_slider {
    border-radius: 4.266666667vw;
    top: 2.667vw;
    left: 2.667vw;
    padding: 1.6vw 3.2vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item {
    padding: 0 2.666666667vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 21px;
  margin-top: -40px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon {
    margin-bottom: 4.229333333vw;
    margin-top: -11vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  display: flex;
  align-items: center;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite .favorite_img {
  background-image: url("../images/icon_clip_off.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  margin-right: 11px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite .favorite_img {
    width: 6.933333333vw;
    height: 6.933333333vw;
    margin-right: 2.133333333vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite .favorite_img.active {
  background-image: url("../images/icon_clip_on.svg");
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite .count_like {
  color: #797979;
  font-size: 11px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .favorite .count_like {
    font-size: 2.133333333vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .share_item > img {
  width: 50px;
  height: 50px;
  border: 2px solid #9b9b9b;
  border-radius: 50%;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .item_content_icon .share_item > img {
    width: 10.133vw;
    height: 10.133vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .close_item_post {
  width: auto;
  padding: 0;
  height: auto;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .close_item_post > a {
  width: 96px;
  padding: 0 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  border-radius: 23px;
  color: #4b4b4b;
  border: 2px solid #4b4b4b;
  text-align: center;
  font-size: 16px;
  height: 45px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .close_item_post > a {
    height: 9.066666667vw;
    width: 19.2vw;
    font-size: 12px;
    font-size: 3.2vw;
    padding: 0 2.666666667vw;
    border-radius: 4.533333333vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .close_item_post > a > img {
  width: 27px;
  height: 27px;
  margin-right: 3px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .content_bottom_item .close_item_post > a > img {
    width: 5.333333333vw;
    height: 5.333333333vw;
    margin-right: 0.533vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt {
  line-height: 32px;
  font-size: 19px;
  overflow: hidden;
  max-height: 3.4em;
  position: relative;
  margin-bottom: 17px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 0 8px;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 3.466666667vw;
    line-height: 6.4vw;
    letter-spacing: 0.186666667vw;
    padding: 0 1.6vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt > p {
  text-align: left;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt.continued {
  max-height: 100%;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt > .conti_link,
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt .continue_link {
  position: absolute;
  bottom: 0.1em;
  right: 0.1em;
  background-color: #ffffff;
  padding: 0 0 0 0.3em;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt > .conti_link > a,
#home_list_post #wrapper section.section#exp > .inner .item_list_post .exp_txt .continue_link > a {
  color: #5285f7;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .link_to_plan {
  font-size: 19px;
  color: #5285f7;
  font-weight: 700;
  text-align: left;
  display: block;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #home_list_post #wrapper section.section#exp > .inner .item_list_post .link_to_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .link_to_plan.link_to_plan_display {
  display: block;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post .link_to_plan.link_to_plan_hide {
  display: none;
}
#home_list_post #wrapper section.section#exp > .inner .item_list_post:last-child {
  margin-bottom: 0;
}
#home_list_post .slick-dots li button:before {
  display: block;
  color: #c7c7c7;
  opacity: 1;
}
#home_list_post .slick-dots li.slick-active button:before {
  color: #4b4b4b;
  opacity: 1;
}
#home_list_post .slick-dots li button {
  width: 8px;
  height: 8px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots li button {
    width: 1.6vw;
    height: 1.6vw;
  }
}
#home_list_post .slick-dots li button:before {
  width: 8px;
  height: 8px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots li button:before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
#home_list_post .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots li {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.7vw;
  }
}
#home_list_post .slick-dots li button:before {
  font-size: 8px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots li button:before {
    font-size: 6px;
    font-size: 1.6vw;
  }
}
#home_list_post .slick-dots {
  bottom: -23px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots {
    bottom: -4.266666667vw;
  }
}
#home_list_post .slick-initialized .slick-slide {
  position: relative;
  height: 750px;
  width: 750px;
  background-color: #f4f4f4;
}
@media (max-width: 750px) {
  #home_list_post .slick-initialized .slick-slide {
    width: 100vw;
    height: 100vw;
  }
}
#home_list_post .slick-dots-container {
  width: 90px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0 auto;
  height: 0.875rem;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 16px;
}
@media (max-width: 750px) {
  #home_list_post .slick-dots-container {
    width: 14.4vw;
    margin-top: 3.2vw;
  }
}
#home_list_post .slick-dots-container > ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  align-items: baseline;
  bottom: unset;
  height: 100%;
  z-index: 9;
}
#home_list_post .slick-slide img {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
#home_list_post .slick-slide img.default_image_video {
  opacity: 0.1;
}
#home_list_post .slick-slide video {
  background-color: #f4f4f4;
}
#home_list_post .slick-slide video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}
@media (max-width: 750px) {
  #home_list_post .slick-slide video .play {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
#home_list_post .slick-slide .video-js .vjs-big-play-button {
  display: none;
  height: 90px;
  width: 90px;
  line-height: 90px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #home_list_post .slick-slide .video-js .vjs-big-play-button {
    height: 18vw;
    width: 18vw;
    line-height: 18vw;
  }
}
#home_list_post .slick-slide .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#home_list_post .slick-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}

/*
    Help
*/
#help #wrapper {
  margin: auto;
  width: 100%;
}
#help #wrapper header.header {
  border-bottom: 1px solid #e5e5e5;
}
#help #wrapper header.header > .inner .redirect_back {
  background-image: url("../images/vertical/btn_backarrow.svg");
}
#help #wrapper section.section {
  background-color: #fafafa;
}
#help #wrapper section.section > .inner {
  padding-top: 10px;
}
#help #wrapper section.section > .inner.main-inner {
  padding-top: 0;
}
#help #wrapper section.section > .inner.main-inner .header_navigation {
  margin-bottom: 45px;
  margin-top: 12px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner.main-inner .header_navigation {
    margin-bottom: 9.067vw;
    margin-top: 2.666666667vw;
  }
}
#help #wrapper section.section > .inner.main-inner .header_navigation .tab_content {
  display: flex;
  margin-left: -13px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner.main-inner .header_navigation .tab_content {
    margin-left: -2.667vw;
  }
}
#help #wrapper section.section > .inner.main-inner .header_navigation .tab_content li {
  flex: 0 0 50%;
}
#help #wrapper section.section > .inner.main-inner .header_navigation .tab_content li a {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner.main-inner .header_navigation .tab_content li a {
    font-size: 2.667vw;
    padding: 3.2vw 0;
  }
}
#help #wrapper section.section > .inner.main-inner .header_navigation .tab_content li.active a {
  color: #4b4b4b;
  border-bottom: 2px solid #4b4b4b;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner {
    padding-top: 2.133vw;
  }
  #help #wrapper section.section > .inner.main-inner {
    padding-top: 13.133vw;
  }
}
#help #wrapper section.section > .inner h2.ttl_content {
  font-size: 31px;
  color: #4b4b4b;
  margin-bottom: 21px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner h2.ttl_content {
    font-size: 23px;
    font-size: 6.1333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
#help #wrapper section.section > .inner .content ul.content_help {
  margin: 10px 0 21px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content ul.content_help {
    margin: 2.133vw 0 4.267vw;
  }
}
#help #wrapper section.section > .inner .content ul.content_help .group_type {
  margin-bottom: 35px;
  padding-top: 20px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content ul.content_help .group_type {
    margin-bottom: 6.9333333333vw;
    padding-top: 20px;
  }
}
#help #wrapper section.section > .inner .content ul.content_help .group_type .title_type {
  font-size: 21px;
  color: #272727;
  margin-bottom: 23px;
  border-left: 2px solid #5285f7;
  text-align: left;
  padding-left: 11px;
  font-weight: 700;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content ul.content_help .group_type .title_type {
    font-size: 4.2666666667vw;
    margin-bottom: 4.5333333333vw;
    padding-left: 2.1333333333vw;
  }
}
#help #wrapper section.section > .inner .content ul.content_help li {
  padding: 10px 0;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content ul.content_help li {
    padding: 2.133vw 0;
  }
}
#help #wrapper section.section > .inner .content > .inner > p {
  text-align: left;
  font-size: 16px;
  line-height: 29px;
  color: #272727;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content > .inner > p {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.333333333vw;
  }
}
#help #wrapper section.section > .inner .content > .inner .btn {
  margin: 16px 0 37px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content > .inner .btn {
    margin: 3.2vw 0 7.466666667vw;
  }
}
#help #wrapper section.section > .inner .content > .inner .btn a {
  font-size: 19px;
  width: 75%;
  padding: 20px 0;
  font-weight: 600;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .content > .inner .btn a {
    width: 100%;
    line-height: unset;
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 0;
  }
}
#help #wrapper section.section > .inner .content > .inner .btn a.contact {
  color: #fff;
  background-color: #4b4b4b;
}
#help #wrapper section.section > .inner .contact_descriptions {
  margin-bottom: 10px;
  padding-left: 20px;
}
#help #wrapper section.section > .inner .contact_descriptions ul {
  list-style-type: disc;
  margin-bottom: 22px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .contact_descriptions ul {
    margin-bottom: 4.368vw;
  }
}
#help #wrapper section.section > .inner .contact_descriptions ul li p {
  color: #272727;
  line-height: 27px;
  text-align: left;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .contact_descriptions ul li p {
    line-height: 5.3vw;
  }
}
#help #wrapper section.section > .inner .contact_descriptions ul li p span {
  color: #41a8b6;
}
#help #wrapper section.section > .inner .ttl_help img {
  margin-bottom: 12px;
}
@media (max-width: 750px) {
  #help #wrapper section.section > .inner .ttl_help img {
    margin-bottom: 2.4vw;
  }
}

.box_help {
  text-align: left;
  font-size: 19px;
  line-height: 32px;
}
@media (max-width: 750px) {
  .box_help {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 2.6666666667vw;
    line-height: 6.4vw;
  }
}
.box_help .box_help_ttl {
  padding: 25px 21px;
  cursor: pointer;
  font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuProN-W6", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: bold;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 1px solid #e3e3e3;
  border-radius: 13px;
}
@media (max-width: 750px) {
  .box_help .box_help_ttl {
    padding: 5.067vw 4.2667vw;
    height: auto;
    border-radius: 2.667vw;
  }
}
.box_help .box_help_ttl > p {
  position: relative;
  line-height: 1.714;
  padding-right: 33px;
}
@media (max-width: 750px) {
  .box_help .box_help_ttl > p {
    padding-right: 6.667vw;
  }
}
.box_help .box_help_ttl > p:before {
  content: " ";
  background: url(../images/icon_open.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0em;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  .box_help .box_help_ttl > p:before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.box_help .box_help_ttl > p:after {
  content: " ";
  background: url(../images/icon_close-1.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0em;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  .box_help .box_help_ttl > p:after {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.box_help .box_help_ttl.active {
  padding-bottom: 0;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.box_help .box_help_ttl.active > p:before {
  background: url(../images/icon_close-1.svg) no-repeat;
  background-size: 100% auto;
}
.box_help .box_help_ttl.active > p:after {
  background: url(./images/icon_close-1.svg) no-repeat;
  background-size: 100% auto;
}
.box_help .box_help_content {
  padding: 21px;
  border: 1px solid #e3e3e3;
  border-top: none;
  border-radius: 0 0 13px 13px;
  background-color: #fff;
}
@media (max-width: 750px) {
  .box_help .box_help_content {
    padding: 4.2667vw;
    border-radius: 0 0 2.667vw 2.667vw;
  }
}
.box_help .box_help_content > p {
  line-height: 1.714;
}
.box_help .box_help_content a {
  line-height: 1.714;
  color: #5285f7;
}
.box_help .box_help_content a.text-blue {
  font-weight: bold;
  color: #4285f4;
}
.box_help .box_help_content span {
  display: block;
  line-height: 1.714;
}
.box_help #wrapper {
  margin: auto;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
.box_help #wrapper section.section {
  background-color: #fafafa;
}
.box_help #wrapper section.section > .inner {
  padding-top: 10px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner {
    padding-top: 2.133vw;
  }
  .box_help #wrapper section.section > .inner.main-inner {
    padding-top: 13.133vw;
  }
}
.box_help #wrapper section.section > .inner h2 {
  margin: 32px 0;
  font-size: 16px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner h2 {
    margin: 6.4vw 0;
    font-size: 3.2vw;
  }
}
.box_help #wrapper section.section > .inner .content ul.content_help {
  margin: 10px 0 21px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content ul.content_help {
    margin: 2.133vw 0 4.267vw;
  }
}
.box_help #wrapper section.section > .inner .content ul.content_help .group_type {
  margin-bottom: 35px;
  padding-top: 20px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content ul.content_help .group_type {
    margin-bottom: 6.9333333333vw;
    padding-top: 20px;
  }
}
.box_help #wrapper section.section > .inner .content ul.content_help .group_type .title_type {
  font-size: 21px;
  color: #272727;
  margin-bottom: 23px;
  border-left: 2px solid #5285f7;
  text-align: left;
  padding-left: 11px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content ul.content_help .group_type .title_type {
    font-size: 4.2666666667vw;
    margin-bottom: 4.5333333333vw;
    padding-left: 2.1333333333vw;
  }
}
.box_help #wrapper section.section > .inner .content ul.content_help li {
  padding: 10px 0;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content ul.content_help li {
    padding: 2.133vw 0;
  }
}
.box_help #wrapper section.section > .inner .content > .inner > p {
  text-align: left;
  font-size: 14px;
  line-height: 1.714;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content > .inner > p {
    font-size: 10.5px;
    font-size: 2.8vw;
  }
}
.box_help #wrapper section.section > .inner .content > .inner .btn {
  margin: 16px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content > .inner .btn {
    margin: 2.1333333vw 2.133vw;
  }
}
.box_help #wrapper section.section > .inner .content > .inner .btn a {
  padding: 18px 40px;
  font-size: 14px;
}
@media (max-width: 750px) {
  .box_help #wrapper section.section > .inner .content > .inner .btn a {
    padding: 4vw 5.33vw;
    font-size: 10.5px;
    font-size: 2.8vw;
  }
}

#timeline_detail {
  background: #FAFAFA;
}
#timeline_detail header.header .tlt_top_main {
  font-weight: 700;
}
#timeline_detail header.header .tlt_top_main span {
  color: #9b9b9b;
  font-size: 13px;
  margin-bottom: 7px;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail header.header .tlt_top_main span {
    font-size: 1.3vw;
    margin-bottom: 7vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail header.header .tlt_top_main span {
    margin-bottom: 1.4667vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#timeline_detail .tlt_list_post {
  display: flex;
  position: relative;
  align-items: center;
  padding: 13px 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post {
    padding: 1.3vw 1.6vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .tlt_list_post {
    padding: 2.666666667vw 3.2vw;
  }
}
#timeline_detail .tlt_list_post .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  margin-right: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post .avatar {
    width: 5vw;
    height: 5vw;
    margin-right: 1.5vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .tlt_list_post .avatar {
    margin-right: 2.933333333vw;
  }
}
#timeline_detail .tlt_list_post .avatar > span {
  margin: 2px;
  width: 46px;
  height: 46px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 2.6px solid #fff;
  display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post .avatar > span {
    margin: 0.2vw;
    width: 4.6vw;
    height: 4.6vw;
  }
}
#timeline_detail .tlt_list_post .txt_content {
  text-align: left;
}
#timeline_detail .tlt_list_post .txt_content h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post .txt_content h3 {
    font-size: 1.9vw;
    margin-bottom: 0.5vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .tlt_list_post .txt_content h3 {
    margin-bottom: 1.066666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#timeline_detail .tlt_list_post .txt_content p {
  font-size: 13px;
  color: #9b9b9b;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post .txt_content p {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .tlt_list_post .txt_content p {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#timeline_detail .tlt_list_post .txt_content p.date_reser {
  color: #1ac1bc;
}
#timeline_detail .tlt_list_post .check_time {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #5285f7;
  font-weight: 700;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .tlt_list_post .check_time {
    right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .tlt_list_post .check_time {
    right: 2.666666667vw;
  }
}
#timeline_detail .tlt_list_post .check_time.now_open a {
  color: #5285f7;
}
#timeline_detail .tlt_list_post .check_time.under_reser a {
  color: #1ac1bc;
}
#timeline_detail .tlt_list_post .check_time.private a {
  color: #9b9b9b;
}
#timeline_detail .box_modal_time_line {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1024px;
  max-height: 100%;
  text-align: center;
  z-index: 1000;
  overflow-y: scroll;
  transform: translate(-50%, 0);
  margin-bottom: 16px;
  scrollbar-width: none; /* For Firefox */
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
#timeline_detail .box_modal_time_line::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}
#timeline_detail .box_modal_time_line > .inner_time_line {
  margin: auto;
  width: 100%;
}
#timeline_detail .box_modal_time_line#slider {
  width: 100%;
  max-width: 1024px;
  height: 100%;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line {
  position: relative;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider .slick-track {
  display: flex;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li {
  position: relative;
  outline: none;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .zoomer_wrapper {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .frosted_glass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide {
  height: auto;
  display: block;
  align-items: center;
  max-width: 1024px;
  width: 100%;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide {
    max-width: 102.4vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide {
    max-width: 100vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide img {
  width: 100%;
  pointer-events: none;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .video-js .vjs-big-play-button {
  margin: 0;
  height: 3em;
  line-height: 3em;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 90px;
  -webkit-appearance: none;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .video-js .vjs-big-play-button {
    height: 17.86666667vw;
    line-height: 17.86666667vw;
    background-size: 17.86666667vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider {
  margin-top: 51px;
  padding: 0 21px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 1px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider {
    margin-top: 5.1vw;
    padding: 0 2.1vw;
    line-height: 3.2vw;
    letter-spacing: 0.1vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider {
    padding: 0 4.266666667vw;
    margin-top: 10.11466667vw;
    line-height: 6.4vw;
    letter-spacing: 0.186666667vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider > p {
  color: #fff;
  text-align: left;
  line-height: 28px;
  font-size: 19px;
  background-color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider > p {
    line-height: 2.8vw;
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider > p {
    line-height: 5.6vw;
    font-size: 3.733333333vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider > p > a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li.slick-slide .exp_slider > a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  position: relative;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail > span.icon {
  cursor: pointer;
  display: block;
  width: 32px;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  box-sizing: content-box;
  transform: translate(0px, 0px);
  padding: 5px;
  background-color: rgba(39, 39, 39, 0.2);
  border-radius: 9px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail > span.icon {
    width: 3.2vw;
    top: 1.3vw;
    right: 1.3vw;
    padding: 0.5vw;
    border-radius: 0.9vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail > span.icon {
    width: 8.53vw;
    top: 2.666666667vw;
    right: 2.666666667vw;
    padding: 0.933333333vw;
    transform: translate(0.933333333vw, -0.933333333vw);
  }
}
@media (max-width: 750px) and (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail > span.icon > img {
    transform: none !important;
  }
}
@media (max-width: 750px) and (max-width: 1024px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line ul.slider li .thumbnail > span.icon > img {
    transform: none !important;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider {
  margin-top: 51px;
  padding: 0 21px;
  line-height: 32px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider {
    margin-top: 5.1vw;
    padding: 0 2.1vw;
    line-height: 3.2vw;
    letter-spacing: 0.1vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider {
    padding: 0 4.266666667vw;
    margin-top: 10.11466667vw;
    line-height: 6.4vw;
    letter-spacing: 0.186666667vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider > p {
  color: #fff;
  text-align: left;
  line-height: 29px;
  font-size: 28px;
  background-color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider > p {
    line-height: 2.9vw;
    font-size: 2.8vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider > p {
    line-height: 5.866666667vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider > p > a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider > .inner_time_line .exp_slider > a {
  color: #5285f7;
}
#timeline_detail .box_modal_time_line#slider #nav_bar_top {
  position: relative;
  top: 0;
  height: 50px;
  width: 100%;
  background-color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top {
    height: 5vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top {
    height: 13.33333333vw;
  }
}
#timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline {
  width: 1em;
  height: 1em;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline {
    left: 1.2vw;
    font-size: 3.2vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline {
    left: 2.4vw;
  }
}
#timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline .arrow_previous {
  margin-left: 0.5em;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 13px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline .arrow_previous {
    font-size: 1.3vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider #nav_bar_top .back_timeline .arrow_previous {
    font-size: 2.666666667vw;
  }
}
#timeline_detail .box_modal_time_line#slider .pager_slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 16px;
  -webkit-transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #timeline_detail .box_modal_time_line#slider .pager_slider {
    font-size: 1.6vw;
  }
}
@media (max-width: 750px) {
  #timeline_detail .box_modal_time_line#slider .pager_slider {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.slick-dots li button:before {
  display: block;
  color: #c7c7c7;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: #a28865;
  opacity: 1;
}

.slick-dots li button {
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots li button {
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media (max-width: 750px) {
  .slick-dots li button {
    width: 1.6vw;
    height: 1.6vw;
  }
}

.slick-dots li button:before {
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots li button:before {
    width: 0.8vw;
    height: 0.8vw;
  }
}
@media (max-width: 750px) {
  .slick-dots li button:before {
    width: 1.6vw;
    height: 1.6vw;
  }
}

.slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots li {
    width: 0.8vw;
    height: 0.8vw;
    margin: 0 0.5vw;
  }
}
@media (max-width: 750px) {
  .slick-dots li {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 0.7vw;
  }
}

.slick-dots li button:before {
  font-size: 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots li button:before {
    font-size: 0.8vw;
  }
}
@media (max-width: 750px) {
  .slick-dots li button:before {
    font-size: 6px;
    font-size: 1.6vw;
  }
}

.slick-dots {
  bottom: -23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots {
    bottom: -2.3vw;
  }
}
@media (max-width: 750px) {
  .slick-dots {
    bottom: -4.266666667vw;
  }
}

.slick-initialized .slick-slide {
  position: relative;
  height: 500px;
  width: 500px;
  background-color: #272727;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-initialized .slick-slide {
    height: 50vw;
    width: 50vw;
  }
}
@media (max-width: 750px) {
  .slick-initialized .slick-slide {
    width: 100vw;
    height: 100vw;
  }
}

.slick-dots-container1 {
  width: 90px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0.625rem auto;
  height: 0.875rem;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots-container1 {
    width: 9vw;
  }
}
@media (max-width: 750px) {
  .slick-dots-container1 {
    width: 14.4vw;
  }
}
.slick-dots-container1 > ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  align-items: baseline;
  bottom: unset;
  height: 100%;
}

.slick-dots-container {
  width: 90px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0.625rem auto;
  height: 0.875rem;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-dots-container {
    width: 9vw;
  }
}

.slick-dots-container > ul {
  padding: 0;
  display: flex;
  transition: all 0.25s;
  position: relative;
  margin: 0;
  list-style: none;
  transform: translateX(0);
  align-items: baseline;
  bottom: unset;
  height: 100%;
}

.slick-slide img {
  -o-object-fit: contain;
  object-fit: contain;
}
.slick-slide video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-slide video .play {
    width: 5vw;
    height: 5vw;
  }
}
@media (max-width: 750px) {
  .slick-slide video .play {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
}
.slick-slide .video-js .vjs-big-play-button {
  height: 90px;
  width: 90px;
  line-height: 90px;
  background-color: transparent;
  background-image: url("../images/img_play.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-slide .video-js .vjs-big-play-button {
    height: 9vw;
    width: 9vw;
    line-height: 9vw;
  }
}
@media (max-width: 750px) {
  .slick-slide .video-js .vjs-big-play-button {
    height: 18vw;
    width: 18vw;
    line-height: 18vw;
  }
}
.slick-slide .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
.slick-slide .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "";
}
.slick-slide .video-js .vjs-tech {
  background-color: #fff;
}
.slick-slide .mute_control {
  position: absolute;
  bottom: 13px;
  right: 13px;
  width: 40px;
  z-index: 99;
  pointer-events: auto;
  padding: 5px;
  box-sizing: content-box;
  transform: translate(5px, 5px);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .slick-slide .mute_control {
    bottom: 1.3vw;
    right: 1.3vw;
    width: 4vw;
    padding: 0.5vw;
    transform: translate(0.5vw, 0.5vw);
  }
}
@media (max-width: 750px) {
  .slick-slide .mute_control {
    padding: 1.066666667vw;
    transform: translate(1.066666667vw, 1.066666667vw);
    bottom: 2.666666667vw;
    right: 2.666666667vw;
    width: 8vw;
  }
}
.slick-slide .mute_control img {
  position: unset !important;
  width: 100%;
  height: 100%;
}

#filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #272727;
  z-index: 999;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}

#close_time_line {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 6;
  transform: translateY(-50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close_time_line {
    right: 1.2vw;
  }
}
@media (max-width: 750px) {
  #close_time_line {
    right: 3.2vw;
  }
}
#close_time_line a > img {
  width: 43px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #close_time_line a > img {
    width: 4.3vw;
  }
}
@media (max-width: 750px) {
  #close_time_line a > img {
    width: 8.53vw;
  }
}

/*
    Rule
*/
#rule #wrapper {
  max-width: 1280px;
  margin: auto;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #rule #wrapper #main_content {
    padding-top: 13.33333333vw;
  }
}
#rule #wrapper #main_content section.section {
  background-color: #fafafa;
}
#rule #wrapper #main_content section.section > .inner > p {
  text-align: left;
  line-height: 1.714;
  font-size: 12px;
  padding: 10px 0;
  margin-bottom: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner > p {
    font-size: 1.8vw;
    padding: 1vw 0;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner > p {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 2.133vw 0;
    margin-bottom: 2.13vw;
  }
}
#rule #wrapper #main_content section.section > .inner .tlt_content_top {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .tlt_content_top {
    font-size: 2.6vw;
    margin-bottom: 2vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .tlt_content_top {
    font-size: 20px;
    font-size: 5.3333333333vw;
    margin-bottom: 4vw;
  }
}
#rule #wrapper #main_content section.section > .inner .content {
  margin: 0 0 32px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content {
    margin: 0 0 3.2vw 0;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content {
    margin: 0 0 6.4vw 0;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner p {
  text-align: left;
  line-height: 1.714;
  font-size: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner p {
    font-size: 1.8vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner p {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner span {
  text-align: left;
  line-height: 1.714;
  font-size: 12px;
  display: block;
  padding: 5px 0;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner span {
    font-size: 1.8vw;
    padding: 0.5vw 0;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner span {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 1.133vw 0;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner .ttl_content.pattern2 {
  margin-bottom: 20px;
  line-height: 1.714;
  font-size: 18px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner .ttl_content.pattern2 {
    margin-bottom: 2vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner .ttl_content {
    margin-bottom: 4vw;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner ol {
  list-style: revert;
  padding-left: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner ol {
    padding-left: 4vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner ol {
    padding-left: 8vw;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner ol li {
  padding-left: 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner ol li {
    padding-left: 1vw;
  }
}
@media (max-width: 750px) {
  #rule #wrapper #main_content section.section > .inner .content > .inner ol li {
    padding-left: 2.133vw;
  }
}
#rule #wrapper #main_content section.section > .inner .content > .inner ol li::marker {
  font-size: 12px;
}

#policy ol {
  list-style: revert;
  padding-left: 40px;
}
@media (max-width: 750px) {
  #policy ol {
    padding-left: 8vw;
  }
}
#policy ol li {
  text-align: left;
  line-height: 1.714;
  font-size: 12px;
  padding: 10px 0 0 10px;
}
@media (max-width: 750px) {
  #policy ol li {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 2.133vw 0 0 2vw;
  }
}
#policy ol li ul {
  list-style: circle;
  padding-left: 40px;
}
@media (max-width: 750px) {
  #policy ol li ul {
    padding-left: 8vw;
  }
}
#policy .collection_module {
  list-style: disc;
  padding-left: 40px;
}
@media (max-width: 750px) {
  #policy .collection_module {
    padding-left: 8vw;
  }
}
#policy .collection_module li {
  text-align: left;
  line-height: 1.514;
}

.vertical#profile {
  background-color: #fafafa;
}
.vertical#profile header.header {
  z-index: 999;
}
.vertical#profile .btn_plan {
  border: none;
  border-radius: 23px;
  background-color: #4b4b4b;
  color: #fff;
  font-size: 14px;
  height: 34px;
  max-width: 68px;
  width: 100%;
  position: absolute;
  right: 0;
  outline: none;
  cursor: pointer;
  text-align: center;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile .btn_plan {
    border-radius: 1.7vw;
    font-size: 1.4vw;
    height: 3.4vw;
    max-width: 6.8vw;
  }
}
@media (max-width: 750px) {
  .vertical#profile .btn_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
    border-radius: 4.533333333vw;
    height: 9.066666667vw;
    max-width: 18.13333333vw;
  }
}
.vertical#profile #mainview {
  margin-bottom: 5px;
}
@media (max-width: 750px) {
  .vertical#profile #mainview {
    padding-top: 13.33333333vw;
    margin-bottom: 1.066666667vw;
  }
}
.vertical#profile #contents {
  text-align: left;
  padding-top: 115px;
}
@media (max-width: 750px) {
  .vertical#profile #contents {
    padding-top: 22.93333333vw;
  }
}
.vertical#profile #contents #url_id {
  color: #797979;
  background: #f4f4f4;
  border-color: #eeeeee;
}
.vertical#profile .thumbnail {
  overflow: unset !important;
  z-index: 11 !important;
}
.vertical#profile .thumbnail .inner {
  position: relative;
}
.vertical#profile .thumbnail .inner .icon_camera {
  right: -11px;
  bottom: -5px;
}
@media (max-width: 750px) {
  .vertical#profile .thumbnail .inner .icon_camera {
    right: -2.133333333vw;
    bottom: -1.066666667vw;
  }
}
.vertical#profile .thumbnail .inner .icon_camera input[type=file] {
  display: none;
  width: 100%;
  height: 100%;
}
.vertical#profile .icon_camera {
  right: 13px;
  bottom: 16px;
  z-index: 11;
}
.vertical#profile .icon_camera input[type=file] {
  display: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 750px) {
  .vertical#profile .icon_camera {
    right: 2.666666667vw;
    bottom: 3.2vw;
  }
}
.vertical#profile .wrapper_flame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.vertical#profile .wrapper_flame .top_flame {
  background-image: url("../images/vertical/miglamu/top_flame.svg");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
.vertical#profile .image_preview {
  width: 180px;
  height: 320px;
  position: relative;
  border-radius: 13px;
  background-color: #DEDEDE;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile .image_preview {
    width: 18vw;
    height: 32vw;
  }
}
@media (max-width: 750px) {
  .vertical#profile .image_preview {
    width: 36vw;
    height: 64vw;
  }
}
.vertical#profile .image_preview .preview_icon_camera {
  position: relative;
  background-color: #4B4B4B;
  border-radius: 50%;
  width: 45px;
  padding: 8px;
  height: 45px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile .image_preview .preview_icon_camera {
    width: 4.5vw;
    height: 4.5vw;
    padding: 0.8vw;
  }
}
@media (max-width: 750px) {
  .vertical#profile .image_preview .preview_icon_camera {
    width: 9.066666667vw;
    height: 9.066666667vw;
    padding: 1.6vw;
  }
}
.vertical#profile .item_content.preview_item {
  position: relative;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.preview_item {
    margin-bottom: 4.266666667vw;
  }
}
.vertical#profile .item_content.preview_item .preview_icon {
  position: absolute;
  display: flex;
  top: 0;
  right: 13px;
  cursor: pointer;
  align-items: center;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.preview_item .preview_icon {
    right: 2.666666667vw;
  }
}
.vertical#profile .item_content.preview_item .preview_icon > img {
  width: 27px;
  height: 27px;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.preview_item .preview_icon > img {
    width: 5.333333333vw;
    height: 5.333333333vw;
  }
}
.vertical#profile .item_content.preview_item .preview_icon > p {
  color: #5285F7;
  line-height: 27px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-left: 5px;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.preview_item .preview_icon > p {
    font-size: 3.2vw;
    line-height: 4vw;
    height: 4vw;
  }
}
.vertical#profile .item_content.preview_item .notice_crop_image {
  color: #C7C7C7;
  font-size: 19px;
  margin-top: 13px;
  display: block;
  pointer-events: none;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.preview_item .notice_crop_image {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 2.6666666vw;
  }
}
.vertical#profile .item_content.preview_item .notice_crop_image.active {
  color: #5285F7;
  pointer-events: auto;
}
.vertical#profile .item_content.publish_post .caution_download {
  font-size: 19px;
  font-weight: 600;
  padding: 24px 0 24px 21px;
  background-color: #4B4B4B;
  margin-bottom: 13px;
  color: #fff;
}
@media (max-width: 750px) {
  .vertical#profile .item_content.publish_post .caution_download {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.8vw 0 4.8vw 4.133333333vw;
    margin-bottom: 2.666666667vw;
  }
}
.vertical#profile #popup_enter:before {
  content: "";
  width: 100%;
  height: 50%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.52), rgb(0, 0, 0));
  position: absolute;
  opacity: 0.8;
  bottom: 0;
  left: 0;
}
.vertical#profile #popup_enter .wrapper {
  height: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: unset;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.vertical#profile #popup_enter .inner .thumbnail {
  width: 185px;
  height: 185px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .thumbnail {
    width: 37.06666667vw;
    height: 37.06666667vw;
    margin-bottom: 4.26vw;
  }
}
.vertical#profile #popup_enter .inner .thumbnail .inner {
  width: 165px;
  height: 165px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 6px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .thumbnail .inner {
    width: 33.06666667vw;
    height: 33.06666667vw;
    border: 1.2vw solid #fff;
  }
}
.vertical#profile #popup_enter .inner .tag_name {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 17px;
  margin-top: 395px;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .tag_name {
    font-size: 4.266666667vw;
    margin-bottom: 3.46vw;
    margin-top: 78.93333333vw;
  }
}
.vertical#profile #popup_enter .inner .icon-txt {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .icon-txt {
    font-size: 3.7333333333vw;
    margin-bottom: 4.266666667vw;
  }
}
.vertical#profile #popup_enter .inner .icon-txt .burst {
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  position: relative;
  text-align: center;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .icon-txt .burst {
    width: 3.733333333vw;
    height: 3.733333333vw;
    margin-left: 2.13vw;
  }
}
.vertical#profile #popup_enter .inner .icon-txt .burst span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 2;
}
.vertical#profile #popup_enter .inner .icon-txt .burst span .arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px 2px 4px 2px;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .icon-txt .burst span .arrow {
    border-width: 0 0.4vw 0.4vw 0;
    padding: 0.4vw 0.4vw 0.8vw 0.4vw;
  }
}
.vertical#profile #popup_enter .inner .icon-txt .burst span .bot {
  transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
}
.vertical#profile #popup_enter .inner .icon-txt .burst:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .icon-txt .burst:before {
    width: 3.733333333vw;
    height: 3.733333333vw;
  }
}
.vertical#profile #popup_enter .inner .icon-txt .burst:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .icon-txt .burst:after {
    width: 3.733333333vw;
    height: 3.733333333vw;
  }
}
.vertical#profile #popup_enter .inner .btn_enter {
  text-transform: uppercase;
  width: 125px;
  height: 52px;
  border-radius: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter .inner .btn_enter {
    width: 25.06666667vw;
    height: 10.4vw;
    border-radius: 7.733333333vw;
    font-size: 2.67vw;
  }
}
.vertical#profile #popup_enter .popup_close {
  cursor: pointer;
}
.vertical#profile #popup_enter {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 750px) {
  .vertical#profile #popup_enter {
    background-size: cover;
  }
}
.vertical#profile #popup_enter .inner .thumbnail {
  background: transparent linear-gradient(139deg, #a28865, #c6746c, #9975dd);
}
.vertical#profile #popup_enter .inner .icon-txt .burst {
  background: #019CF6;
}
.vertical#profile #popup_enter .inner .icon-txt .burst:before {
  background: #019CF6;
}
.vertical#profile #popup_enter .inner .icon-txt .burst:after {
  background: #019CF6;
}
.vertical#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(106deg, #a28865, #c6746c, #9975dd);
}
.vertical#profile #popup_crop_image.popup_crop_image {
  position: fixed;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  z-index: 999999;
  overflow: auto;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #707070;
  transition: opacity 0s 0.15s, top 0.15s;
  height: 100%;
  justify-content: flex-start;
}
.vertical#profile #popup_crop_image.popup_crop_image.active_cropper {
  opacity: 1;
  pointer-events: auto;
  top: 0;
  transition: opacity 0s, top 0.15s;
}
.vertical#profile #popup_crop_image.popup_crop_image .title_popup {
  font-size: 21px;
  line-height: 67px;
  color: #272727;
  background: #FAFAFA;
  height: 67px;
  font-weight: 700;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0;
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .title_popup {
    font-size: 4.266666667vw;
    line-height: 13.3333333333vw;
    height: 13.3333333333vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content {
  margin: 0;
  position: absolute;
  height: calc(100% - 87px - 173px);
  height: -webkit-calc(100% - 87px - 173px);
  top: 87px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content {
    height: calc(100% - 17.3333333333vw - 34.6666666667vw);
    height: -webkit-calc(100% - 17.3333333333vw - 34.6666666667vw);
    top: 17.3333333333vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content.vertical .container_image_crop {
  transform: translateY(40px);
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content.vertical .container_image_crop {
    transform: translateY(8vw);
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .container_image_crop {
  margin-left: auto;
  margin-right: auto;
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .container_image_crop .cropper-modal {
  background: transparent;
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide {
  margin: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .pinch {
  width: 64px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .pinch {
    width: 12.8vw;
    margin-bottom: 4.266666667vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide {
  font-size: 21px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.pc {
  display: block;
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.sp {
  display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.pc {
    display: none;
  }
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.sp {
    display: block;
  }
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.pc {
    display: none;
  }
  .vertical#profile #popup_crop_image.popup_crop_image .cropper_content .pinch_guide .guide.sp {
    display: block;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .button_cropper {
  background: #fff;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper {
    height: 25.6vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .button_cropper a {
  font-size: 21px;
  padding: 17px 53px;
  border-radius: 33px;
  font-weight: 600;
  border: 2.7px solid #4B4B4B;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a {
    font-size: 2.1vw;
    padding: 1.7vw 5.3vw;
    border-radius: 3.3vw;
    border: 0.27vw solid #4B4B4B;
  }
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a {
    font-size: 4.266666667vw;
    border: 0.533333333vw solid #4B4B4B;
    padding: 3.466666667vw 10.66666667vw;
    border-radius: 6.666666667vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cancel_cropper {
  color: #4B4B4B;
  background: #fff;
  margin-right: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cancel_cropper {
    margin-right: 1.6vw;
  }
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cancel_cropper {
    margin-right: 3.2vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cropper_item {
  color: #fff;
  background: #4B4B4B;
  margin-left: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cropper_item {
    margin-left: 1.6vw;
  }
}
@media (max-width: 750px) {
  .vertical#profile #popup_crop_image.popup_crop_image .button_cropper a.cropper_item {
    margin-left: 3.2vw;
  }
}
.vertical#profile #popup_crop_image.popup_crop_image .cropper-view-box {
  border: 2px solid #FFFFFF;
  border-radius: 5px;
}
.vertical#profile .btn_create_plan {
  max-width: unset;
}
.vertical#profile .box_btn_create_plan {
  width: 80%;
  margin: 40px auto 80px;
}
@media (max-width: 750px) {
  .vertical#profile .box_btn_create_plan {
    margin: 8vw auto 16vw;
  }
}
.vertical#profile .popup_confirm_image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.vertical#profile .popup_confirm_image .inner_confirm {
  background: #fff;
  border-radius: 11px;
  width: 356px;
}
@media (max-width: 750px) {
  .vertical#profile .popup_confirm_image .inner_confirm {
    border-radius: 2.1333333333vw;
    width: 71.2vw;
  }
}
.vertical#profile .popup_confirm_image .inner_confirm .select_item {
  text-align: center;
  cursor: pointer;
  padding: 28px 0;
  font-size: 21px;
  font-weight: 700;
  display: block;
}
@media (max-width: 750px) {
  .vertical#profile .popup_confirm_image .inner_confirm .select_item {
    padding: 5.6vw 0;
    font-size: 4.2666666667vw;
  }
}
.vertical#profile .popup_confirm_image .inner_confirm .select_item.remove_image {
  color: #ff5858;
}
.vertical#profile .popup_confirm_image .inner_confirm .select_item.upload_image {
  border-top: 1px #eeeeee solid;
  border-bottom: 1px #eeeeee solid;
}
.vertical#profile .popup_confirm_image .inner_confirm .select_item.edit_image {
  border-bottom: 1px #eeeeee solid;
}
.vertical#profile .popup_confirm_image .inner_confirm .select_item.disabled {
  display: none;
}
.vertical#profile .popup_confirm_submit h3.title {
  line-height: unset;
}
.vertical#profile .popup_confirm_submit p.content {
  line-height: inherit;
}
.vertical#profile .popup_confirm_submit .confirm .denied {
  background: #fff;
  border: 3px solid #707070;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  .vertical#profile .popup_confirm_submit .confirm .denied {
    border: 0.5333333333vw solid #707070;
  }
}

.vertical#login {
  background-color: #4B4B4B;
}
.vertical#login #wrapper {
  font-weight: 600;
  height: 100vh;
  display: flex;
}
.vertical#login #wrapper section.section {
  padding: 53px 32px 77px 32px;
  border-radius: 25px;
}
@media (max-width: 750px) {
  .vertical#login #wrapper section.section {
    padding: 10.66666667vw 6.4vw 15.46666667vw 6.4vw;
  }
}
.vertical#login #wrapper .inner {
  background-color: #FFFFFF;
  padding: 61px 35px;
  border: 3px solid #4B4B4B;
  border-radius: 25px;
}
@media (max-width: 750px) {
  .vertical#login #wrapper .inner {
    padding: 12.26666667vw 6.933333333vw;
    border-radius: 5.066666667vw;
    border: 0.533333333vw solid #4B4B4B;
  }
}
.vertical#login .title {
  color: #4B4B4B;
  font-size: 16px;
  font-family: "Noto Sans CJK Japanese W6", sans-serif;
}
@media (max-width: 750px) {
  .vertical#login .title {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.vertical#login .creator_name {
  display: none;
}
.vertical#login .creator_name > p {
  line-height: 35px;
  font-size: 21px;
  color: #4B4B4B;
}
@media (max-width: 750px) {
  .vertical#login .creator_name > p {
    line-height: 6.933333333vw;
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.vertical#login .error_login {
  color: #FF5858;
  font-size: 14px;
  margin-top: 35px;
}
@media (max-width: 750px) {
  .vertical#login .error_login {
    margin-top: 6.933333333vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.vertical#login .login_by {
  color: #6599E8;
  font-size: 14px;
  margin-top: 35px;
  display: none;
}
@media (max-width: 750px) {
  .vertical#login .login_by {
    margin-top: 6.933333333vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.vertical#login #login_form #error_area > p {
  padding: 10px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: left;
  margin-bottom: 10px;
  color: #ff5858;
}
.vertical#login #login_form > ul > li {
  position: relative;
}
.vertical#login #login_form > ul > li > p {
  padding: 10px;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: left;
  margin-bottom: 10px;
  color: #ff5858;
}
.vertical#login .form_login {
  margin-top: 35px;
}
@media (max-width: 750px) {
  .vertical#login .form_login {
    margin-top: 6.933333333vw;
  }
}
.vertical#login .form_login .box {
  border: 2px solid #4B4B4B;
  border-radius: 29px;
  padding: 17px;
  line-height: 1;
}
@media (max-width: 750px) {
  .vertical#login .form_login .box {
    border-radius: 5.8vw;
    padding: 3.466666667vw;
  }
}
.vertical#login .form_login .box_input {
  font-size: 19px;
  color: #272727;
  background-color: #FAFAFA;
  font-weight: 300;
}
@media (max-width: 750px) {
  .vertical#login .form_login .box_input {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.vertical#login .form_login input[name=password] {
  margin-top: 21px;
}
@media (max-width: 750px) {
  .vertical#login .form_login input[name=password] {
    margin-top: 4.266666667vw;
  }
}
.vertical#login .form_login .btn_submit {
  margin-top: 27px;
  background-color: #4B4B4B;
  color: #FFFFFF;
  width: 100%;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  .vertical#login .form_login .btn_submit {
    margin-top: 5.333333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.vertical#login .form_login .reset_pass {
  margin-top: 27px;
  color: #272727;
  font-size: 15px;
}
@media (max-width: 750px) {
  .vertical#login .form_login .reset_pass {
    margin-top: 5.333333333vw;
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.vertical#login .form_login .reset_pass > a {
  color: #5285F7;
}

#add_contents {
  position: fixed;
  bottom: 0;
  left: 0;
  margin-bottom: 63px;
  width: 100%;
}
#add_contents .inner {
  background: #fafafa;
  padding: 27px 27px 39px 27px;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
@media (max-width: 750px) {
  #add_contents .inner {
    padding: 5.333333333vw 5.333333333vw 7.733333333vw 5.333333333vw;
  }
}
#add_contents .title {
  color: #272727;
  font-size: 21px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #add_contents .title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
#add_contents .create_wrapper {
  margin-top: 27px;
  display: flex;
  justify-content: center;
}
@media (max-width: 750px) {
  #add_contents .create_wrapper {
    margin-top: 5.333333333vw;
  }
}
#add_contents .create_wrapper .item_new_post {
  margin: 0 17px;
}
@media (max-width: 750px) {
  #add_contents .create_wrapper .item_new_post {
    margin: 0 3.466666667vw;
  }
}
#add_contents .create_wrapper span.description_small {
  margin-top: 11px;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #add_contents .create_wrapper span.description_small {
    margin-top: 2.133333333vw;
    font-size: 9px;
    font-size: 2.4vw;
  }
}

.revolving_popup.popup_modal .modal {
  padding: 35px 0 15px 0;
  width: 365px;
  border-radius: 27px;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal {
    padding: 12.8vw 0 6.4vw 0;
    width: 87.4666666667vw;
  }
}
.revolving_popup.popup_modal .modal .inner .title {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 16px;
  margin-bottom: 16px;
  line-height: 1;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .title {
    font-size: 19px;
    padding-bottom: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .title .title_feature {
  color: #10a264;
  font-weight: 700;
  font-size: 16px;
}
.revolving_popup.popup_modal .modal .inner .title_green {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 16px;
  margin-bottom: 16px;
  color: #42BC8D;
  line-height: 1;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .title_green {
    font-size: 19px;
    padding-bottom: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .title_green .green_text_title {
  font-weight: 600;
}
.revolving_popup.popup_modal .modal .inner .title_green .title_feature {
  color: #10a264;
  font-weight: 700;
  font-size: 16px;
}
.revolving_popup.popup_modal .modal .inner .content {
  padding: 0 27px;
}
.revolving_popup.popup_modal .modal .inner .content ul .title_popup_preview {
  display: none;
}
.revolving_popup.popup_modal .modal .inner .content ul li {
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
}
.revolving_popup.popup_modal .modal .inner .content .description {
  font-size: 13px;
  line-height: 27px;
  font-weight: 700;
  color: #272727;
  text-align: left;
  margin-bottom: 12px;
}
.revolving_popup.popup_modal .modal .inner .content .description .text {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-size: 12px;
  text-align: center !important;
  font-weight: 700;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .description .text {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .description .text .text_color_blue {
  color: #5285f7;
  font-weight: 700;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .description {
    margin-bottom: 4.8vw;
    line-height: 5.3333333333vw;
    font-size: 3.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .description .text_color_pink {
  color: #ff7192;
}
.revolving_popup.popup_modal .modal .inner .content .description .text_color_blue {
  color: #5285f7;
  font-weight: 700;
}
.revolving_popup.popup_modal .modal .inner .content .description p {
  text-align: center;
}
.revolving_popup.popup_modal .modal .inner .content img {
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content img {
    margin-bottom: 5.3333333333vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter {
    padding-bottom: 3.3vw;
    margin-bottom: 3.3vw;
  }
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter {
    padding-bottom: 6.666666667vw;
    margin-bottom: 6.666666667vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter a {
  padding: 0 12px;
  font-size: 10px;
  color: #5F5F5F;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter a > p {
  border-radius: 50%;
  width: 67px;
  height: 67px;
  background-color: #1da1f2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter a > p {
    width: 67px;
    height: 67px;
    margin: 0 auto 8px;
  }
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter a > p {
    width: 13.33333333vw;
    height: 13.33333333vw;
    margin-bottom: 1.6vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter a > p > img {
  margin-bottom: 0px;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter a > p > img {
    width: 4vw;
    height: 4vw;
  }
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .share_twitter a > p > img {
    width: 8vw;
    height: 8vw;
    margin-bottom: 0vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter .copy_link > p {
  background-color: #ffffff;
  border: 1px solid #C7C7C7;
}
.revolving_popup.popup_modal .modal .inner .content .share_twitter .copy_link_1 > p {
  background-color: #ffffff;
  border: 1px solid #C7C7C7;
}
.revolving_popup.popup_modal .modal .inner .content .thumbnail {
  display: flex;
  margin: 31px auto;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .thumbnail {
    width: 23.73333333vw;
    height: 23.73333333vw;
    bottom: -16.67vw;
    left: 2.67vw;
  }
}
.revolving_popup.popup_modal .modal .inner .content .thumbnail .inner {
  width: 102px;
  height: 102px;
  margin: 0px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 4px solid #fff;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .content .thumbnail .inner {
    margin: 0.8vw;
    width: calc(100% - 1.6vw);
    height: calc(100% - 1.6vw);
    border: 0.53vw solid #fff;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree .text {
  font-size: 12px;
  text-align: center !important;
  font-weight: 700;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .info_check_agree .text {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree .text .text_color_blue {
  color: #5285f7;
  font-weight: 700;
}
.revolving_popup.popup_modal .modal .inner .info_check_agree .box_agree {
  display: flex;
  align-items: center;
  color: #4b4b4b;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .info_check_agree .box_agree {
    font-size: 2.667vw;
    margin-bottom: 4.267vw;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree .box_agree span {
  font-size: 10px;
  line-height: 36px;
  color: #272727;
  display: block;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .info_check_agree .box_agree span {
    font-size: 2.6666666667vw;
    line-height: 7.2vw;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox] {
  display: none;
}
.revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  cursor: pointer;
  padding: 0;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox] + label {
    margin-right: 1.6vw;
    width: 5.067vw;
    height: 5.067vw;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  border-radius: 4px;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox] + label:before {
    border-radius: 1.067vw;
  }
}
.revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox]:checked + label:before {
  background-color: #5285f7;
  border: 1px solid #5285f7;
}
.revolving_popup.popup_modal .modal .inner .info_check_agree input[type=checkbox]:checked + label:after {
  background-image: url("../images/icon_check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transform: unset;
  top: unset;
}
.revolving_popup.popup_modal .modal .inner .setup_notice {
  background-color: #4b4b4b;
  border-radius: 29px;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
  margin: 10px 10px;
  display: block;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .setup_notice {
    border-radius: 5.8666666667vw;
    font-size: 3.2vw;
    padding: 4vw 2.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.revolving_popup.popup_modal .modal .inner .check_public_page {
  width: 95%;
  border: 2px solid #707070;
  border-radius: 29px;
  font-size: 13px;
  color: #4B4B4B;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
  margin: 10px auto;
  display: block;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .check_public_page {
    border-radius: 5.8666666667vw;
    font-size: 3.2vw;
    padding: 4vw 2.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.revolving_popup.popup_modal .modal .inner .cancel_popup {
  font-size: 13px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  position: unset;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  .revolving_popup.popup_modal .modal .inner .cancel_popup {
    font-size: 3.7333333333vw;
    font-weight: 700;
  }
}

.popup_modal .inner_popup {
  position: absolute;
  background-color: #fff;
  border-radius: 27px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 436px;
}
@media (max-width: 750px) {
  .popup_modal .inner_popup {
    border-radius: 5.3333333333vw;
    width: 87.2vw;
  }
}
.popup_modal .inner_popup .close_popup_modal {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 21px;
  right: 21px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .popup_modal .inner_popup .close_popup_modal {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    top: 4.2666666667vw;
    right: 4.2666666667vw;
  }
}

.post_future .inner_popup {
  padding: 64px 32px;
}
@media (max-width: 750px) {
  .post_future .inner_popup {
    padding: 12.8vw 6.4vw;
  }
}
.post_future .inner_popup .title_future {
  color: #272727;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 49px;
}
@media (max-width: 750px) {
  .post_future .inner_popup .title_future {
    font-size: 3.7333333333vw;
    margin-bottom: 9.8746666667vw;
  }
}
.post_future .inner_popup .box_future {
  position: relative;
  border-radius: 13px;
  background-color: #42bc8d;
  padding: 3px 35px 3px 3px;
  margin-bottom: 21px;
  cursor: pointer;
  display: block;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future {
    border-radius: 2.6666666667vw;
    padding: 0.5333333333vw 6.9333333333vw 0.5333333333vw 0.5333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.post_future .inner_popup .box_future::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-color: #fff;
  border-style: solid;
  transform: translate(0, -50%) rotate(-45deg);
  right: 13px;
  top: 50%;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-right-width: 0.5333333333vw;
    border-bottom-width: 0.5333333333vw;
    border-top-width: 0vw;
    border-left-width: 0vw;
    right: 2.6666666667vw;
  }
}
.post_future .inner_popup .box_future .content_future {
  background-color: #fff;
  border-bottom-left-radius: 11px;
  border-top-left-radius: 11px;
  padding: 35px;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future .content_future {
    padding: 6.9333333333vw;
    border-bottom-left-radius: 2.2666666667vw;
    border-top-left-radius: 2.2666666667vw;
  }
}
.post_future .inner_popup .box_future .content_future .text_tab {
  width: 152px;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future .content_future .text_tab {
    width: 30.4vw;
  }
}
.post_future .inner_popup .box_future .content_future .text_tab .recommend {
  color: #ff7192;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future .content_future .text_tab .recommend {
    font-size: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.post_future .inner_popup .box_future .content_future .text_tab .automatic {
  font-size: 19px;
  color: #272727;
  font-weight: 700;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future .content_future .text_tab .automatic {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.post_future .inner_popup .box_future .content_future .text_tab .description {
  color: #797979;
  font-size: 11px;
  font-weight: 700;
  line-height: 19px;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_future .content_future .text_tab .description {
    font-size: 2.1333333333vw;
    line-height: 3.7333333333vw;
  }
}
.post_future .inner_popup .box_post_now {
  display: flex;
  cursor: pointer;
}
.post_future .inner_popup .box_post_now .content_post_now {
  border: 3px solid #c7c7c7;
  border-right-width: 0;
  border-radius: 13px 0 0 13px;
  padding: 27px 35px;
  width: 337px;
  text-align: left;
  font-size: 19px;
  font-weight: 700;
  color: #272727;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_post_now .content_post_now {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    padding: 5.3333333333vw 6.9333333333vw;
    width: 67.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
.post_future .inner_popup .box_post_now .box_black {
  background-color: #4b4b4b;
  flex: 1;
  border-radius: 0 13px 13px 0;
  position: relative;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_post_now .box_black {
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
.post_future .inner_popup .box_post_now .box_black::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-color: #fff;
  border-style: solid;
  transform: translate(0, -50%) rotate(-45deg);
  right: 13px;
  top: 50%;
}
@media (max-width: 750px) {
  .post_future .inner_popup .box_post_now .box_black::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-right-width: 0.5333333333vw;
    border-bottom-width: 0.5333333333vw;
    border-top-width: 0vw;
    border-left-width: 0vw;
    right: 2.6666666667vw;
  }
}

.popup_post_rule .inner_popup {
  padding: 85px 32px 40px 32px;
}
@media (max-width: 750px) {
  .popup_post_rule .inner_popup {
    padding: 17.0666666667vw 6.4vw 8vw 6.4vw;
  }
}
.popup_post_rule .inner_popup .title_rule {
  color: #272727;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_post_rule .inner_popup .title_rule {
    font-size: 3.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.popup_post_rule .inner_popup .content_rule {
  font-size: 16px;
  line-height: 27px;
  text-align: left;
  color: #272727;
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  .popup_post_rule .inner_popup .content_rule {
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    margin-bottom: 8vw;
  }
}
.popup_post_rule .inner_popup .content_rule .text_blue {
  color: #5285f7;
}
.popup_post_rule .inner_popup .upload_file_post {
  display: none;
  border-radius: 29px;
  background-color: #4b4b4b;
  padding: 20px 0;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_post_rule .inner_popup .upload_file_post {
    border-radius: 5.8666666667vw;
    padding: 4vw 0;
    font-size: 3.7333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
.popup_post_rule .inner_popup .upload_file_post.active {
  display: block;
}
.popup_post_rule .inner_popup .checkbox_not_show_again {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_post_rule .inner_popup .checkbox_not_show_again .not_show[type=checkbox]:checked + label:before {
  background-color: #5285f7;
  border: 1px solid #5285f7;
}
.popup_post_rule .inner_popup .checkbox_not_show_again .label_not_show {
  font-size: 16px;
}
@media (max-width: 750px) {
  .popup_post_rule .inner_popup .checkbox_not_show_again .label_not_show {
    font-size: 3.2vw;
    color: #272727;
  }
}

.popup_select_time_post {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
  overflow-y: scroll;
}
.popup_select_time_post.active {
  opacity: 1 !important;
  pointer-events: auto;
}
.popup_select_time_post .inner_popup {
  background-color: #fafafa;
  width: 500px;
  height: 90%;
  overflow-y: auto;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup {
    border-radius: 0;
    width: 100vw;
    height: 100%;
  }
}
.popup_select_time_post .inner_popup .header_set_time {
  position: relative;
  width: 100%;
  height: 67px;
  text-align: center;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .header_set_time {
    height: 13.3333333333vw;
  }
}
.popup_select_time_post .inner_popup .header_set_time .arrow_back {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: auto;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .header_set_time .arrow_back {
    left: 2.9333333333vw;
    width: 6.4vw;
  }
}
.popup_select_time_post .inner_popup .header_set_time .header_title {
  height: 100%;
  line-height: 67px;
  color: #272727;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .header_set_time .header_title {
    line-height: 13.3333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time {
  padding-bottom: 55px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time {
    padding-bottom: 10.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .note_post_future {
  background-color: #f4f4f4;
  color: #797979;
  font-weight: 700;
  font-size: 17px;
  padding: 19px 0 19px 21px;
  text-align: left;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .note_post_future {
    font-size: 3.4666666667vw;
    padding: 3.7333333333vw 0 3.7333333333vw 4.2666666667vw;
    margin-bottom: 6.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_input {
  padding: 0 13px;
  margin-bottom: 35px;
  position: relative;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_input {
    padding: 0 2.6666666667vw;
    margin-bottom: 6.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_input .selected_time {
  border-radius: 11px;
  border: 1px solid #eeeeee;
  background-color: #fff;
  padding: 17px;
  color: #42bc8d;
  font-weight: 700;
  font-size: 19px;
  display: block;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_input .selected_time {
    border-radius: 2.1333333333vw;
    padding: 3.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_input .selected_time::placeholder {
  color: #272727;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_input .selected_time::placeholder {
    font-size: 3.7333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_input .setting_to {
  position: absolute;
  top: 0;
  height: calc(100% - 0.5px);
  width: 109px;
  background-color: #42bc8d;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  right: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 11px 11px 0;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_input .setting_to {
    font-size: 3.7333333333vw;
    right: 2.6666666667vw;
    width: 21.8666666667vw;
    border-radius: 0 2.1333333333vw 2.1333333333vw 0;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar {
  padding: 0 24px;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar {
    padding: 0 4.8vw;
    margin-bottom: 6.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status {
  display: flex;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status {
    font-size: 3.2vw;
    margin-bottom: 4.2666666667vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .text_status::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: top;
  border-radius: 50%;
  margin-right: 5px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .text_status::before {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
    margin-right: 0.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .posted {
  color: #ff7192;
  margin-right: 9px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .posted {
    margin-right: 1.7333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .posted::before {
  background-color: #ff7192;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .reservation {
  color: #42bc8d;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .post_status .reservation::before {
  background-color: #42bc8d;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post {
  transform: translateX(0);
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker {
  width: 337px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker {
    width: 67.4666666667vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date {
  position: relative;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_green {
  position: relative;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_green::before {
  background: #42bc8d;
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_red::before {
  background: #FF7192;
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  bottom: 2px;
  left: 2px;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_date.date_button_color_today::before {
  content: "";
  border: 0.5px solid #fff;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_today {
  color: #42bc8d !important;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_today.date_button_color_red::before {
  background-color: rgba(255, 0, 0, 0.5) !important;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_timepicker {
  width: 73px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_timepicker {
    width: 14.6666666667vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_current {
  background-color: #42bc8d !important;
  box-shadow: #42bc8d 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.popup_select_time_post .inner_popup .content_set_time .box_calendar .published_post .xdsoft_disabled {
  opacity: 1 !important;
  color: rgba(102, 102, 102, 0.5);
  background: rgba(245, 245, 245, 0.5);
}
.popup_select_time_post .inner_popup .content_set_time .post_media {
  color: #797979;
  background-color: #f4f4f4;
  padding: 19px 21px;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .post_media {
    padding: 3.7333333333vw 4.2666666667vw;
    font-size: 3.4666666667vw;
    margin-bottom: 6.9333333333vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_label {
  padding: 0 32px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_label {
    padding: 0 6.4vw;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_label .upload_post_future {
  padding: 19px;
  color: #c7c7c7;
  border: 3px solid #c7c7c7;
  font-size: 17px;
  display: block;
  width: 100%;
  font-weight: 700;
  border-radius: 33px;
}
@media (max-width: 750px) {
  .popup_select_time_post .inner_popup .content_set_time .box_label .upload_post_future {
    padding: 3.7333333333vw;
    font-size: 17px;
    border-radius: 6.6666666667vw;
    border: 0.5333333333vw solid #c7c7c7;
  }
}
.popup_select_time_post .inner_popup .content_set_time .box_label .upload_post_future.active {
  border-color: #4b4b4b;
  color: #4b4b4b;
}

.popup_preview {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  overflow-y: auto;
  display: none;
}
.popup_preview .inner_preview {
  max-width: 750px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  position: absolute;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview {
    max-width: 100%;
    width: 100%;
  }
}
.popup_preview .inner_preview .header_preview {
  position: absolute;
  top: 0;
  width: 100%;
  height: 67px;
  border-bottom: 2px solid #E5E5E5;
  line-height: 67px;
  font-weight: 700;
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .header_preview {
    height: 13.3333333333vw;
    line-height: 13.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.popup_preview .inner_preview .header_preview .close_preview {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 12px;
  right: 21px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .header_preview .close_preview {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    top: 2.4vw;
    right: 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner {
  padding: 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner {
    padding: 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info {
  margin-top: 67px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info {
    margin-top: 13.3333333333vw;
    margin-bottom: 21px;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg {
  width: 75px;
  height: 75px;
  background-image: linear-gradient(139deg, #A28865, #C6746C, #9975DD);
  border-radius: 50%;
  position: relative;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg {
    width: 14.9333333333vw;
    height: 14.9333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg:before {
    width: 13.6vw;
    height: 13.6vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg .thumbnail_image {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .thumbnail_bg .thumbnail_image {
    width: 12.8vw;
    height: 12.8vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .box_talent_name {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  padding-left: 7px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .box_talent_name {
    padding-left: 1.3866666667vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .box_talent_name .talent_name_plan {
  margin-bottom: 13px;
  font-size: 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .box_talent_name .talent_name_plan {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .box_talent_name .name {
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .box_talent_name .name {
    font-size: 3.7333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .talent_info .sort_plan {
  margin-top: 25px;
  color: #9B9B9B;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  text-align: left;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .talent_info .sort_plan {
    margin-top: 5.0666666667vw;
    font-size: 3.2vw;
    font-weight: 700;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item {
  border-radius: 8px;
  border: 2px solid;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item {
    border-radius: 1.6vw;
    margin-bottom: 6.9333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_0 {
  border-color: #A28865;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_0 .header_box {
  background-color: #A28865;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_0 .btn_buy {
  background-color: #A28865;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_0 .only_month {
  color: #A28865;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_1 {
  border-color: #6C6CDB;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_1 .header_box {
  background-color: #6C6CDB;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_1 .btn_buy {
  background-color: #6C6CDB;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_1 .only_month {
  color: #6C6CDB;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_2 {
  border-color: #DD4F8A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_2 .header_box {
  background-color: #DD4F8A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_2 .btn_buy {
  background-color: #DD4F8A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_2 .only_month {
  color: #DD4F8A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_3 {
  border-color: #46B98C;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_3 .header_box {
  background-color: #46B98C;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_3 .btn_buy {
  background-color: #46B98C;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_3 .only_month {
  color: #46B98C;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_4 {
  border-color: #FF9F3E;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_4 .header_box {
  background-color: #FF9F3E;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_4 .btn_buy {
  background-color: #FF9F3E;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_4 .only_month {
  color: #FF9F3E;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_5 {
  border-color: #FF5D5D;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_5 .header_box {
  background-color: #FF5D5D;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_5 .btn_buy {
  background-color: #FF5D5D;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_5 .only_month {
  color: #FF5D5D;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_6 {
  border-color: #B579D0;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_6 .header_box {
  background-color: #B579D0;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_6 .btn_buy {
  background-color: #B579D0;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_6 .only_month {
  color: #B579D0;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_7 {
  border-color: #77BA5A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_7 .header_box {
  background-color: #77BA5A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_7 .btn_buy {
  background-color: #77BA5A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_7 .only_month {
  color: #77BA5A;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_8 {
  border-color: #FF8048;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_8 .header_box {
  background-color: #FF8048;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_8 .btn_buy {
  background-color: #FF8048;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_8 .only_month {
  color: #FF8048;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_9 {
  border-color: #18C3C3;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_9 .header_box {
  background-color: #18C3C3;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_9 .btn_buy {
  background-color: #18C3C3;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item.item_color_9 .only_month {
  color: #18C3C3;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box {
  display: flex;
  justify-content: space-between;
  padding: 17px 20px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box {
    padding: 3.4666666667vw 4vw;
    font-size: 3.7333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .plan_name {
  width: 100%;
  height: 100%;
  flex: 1;
  text-align: left;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax {
  display: flex;
  font-weight: 700;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .month {
  font-size: 11px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .month {
    font-size: 2.1333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .month:after {
  content: "  ";
  white-space: pre;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .price {
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .price {
    font-size: 3.7333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .price .tax {
  font-size: 13px;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .price .tax:before {
  content: "  ";
  white-space: pre;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .header_box .price_and_tax .price .tax {
    font-size: 2.6666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box {
  padding: 21px 21px 35px 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box {
    padding: 4.2666666667vw 4.2666666667vw 6.9333333333vw 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .back_plan_notify {
  text-align: right;
  font-weight: 700;
  color: #5285F7;
  font-size: 16px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .back_plan_notify {
    font-size: 3.2vw;
    margin-bottom: 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .back_plan_notify:after {
  content: "";
  background-image: url("../images/leftarrow_blue.svg");
  width: 10px;
  height: 16px;
  margin-left: 5px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: text-top;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .back_plan_notify:after {
    width: 2vw;
    height: 3.2vw;
    margin-left: 1.0666666667vw;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .description {
  text-align: left;
  font-size: 19px;
  font-weight: 300;
  line-height: 32px;
  color: #272727;
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .description {
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    margin-bottom: 8.5333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy {
    margin-bottom: 4.2666666667vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy .checkbox_policy[type=checkbox]:checked + label:before {
  background-color: #5285f7;
  border: 1px solid #5285f7;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy .policy_title {
  font-size: 16px;
  font-weight: 300;
  color: #272727;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy .policy_title {
    font-size: 3.2vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .policy .policy_title .redirect {
  color: #5285F7;
  font-weight: 700;
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .btn_buy {
  display: block;
  padding: 20px 0;
  border-radius: 29px;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .btn_buy {
    padding: 4vw 0;
    border-radius: 5.8666666667vw;
    font-size: 3.7333333333vw;
  }
}
.popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .only_month {
  font-weight: 700;
  font-size: 19px;
  display: block;
  align-items: center;
  margin-top: 21px;
  text-decoration: underline;
}
@media (max-width: 750px) {
  .popup_preview .inner_preview .box_inner .plan_detail_list .box_plan_detail_item .content_box .only_month {
    font-size: 3.7333333333vw;
    margin-top: 4.2666666667vw;
  }
}

.popup_modal .popup_new_post {
  background-color: #FAFAFA;
  border: 0px solid #f4f4f4;
  padding: 64px 33px 32px 33px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post {
    padding: 12.8vw 6.6666666667vw 6.4vw 6.6666666667vw;
  }
}
.popup_modal .popup_new_post .title {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 32px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .title {
    font-size: 4.2666666667vw;
    margin-bottom: 6.4vw;
  }
}
.popup_modal .popup_new_post .setup_notice {
  background-color: #4b4b4b;
  border-radius: 29px;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 16px 0;
  margin: 10px 10px;
  display: block;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .setup_notice {
    border-radius: 5.8666666667vw;
    font-size: 3.2vw;
    padding: 4vw 2.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.popup_modal .popup_new_post .next {
  font-weight: 600;
  color: #4B4B4B;
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .next {
    font-size: 3.7333333333vw;
  }
}
.popup_modal .popup_new_post .text {
  text-align: center;
  font-weight: 600;
  color: #26A96F;
  margin-bottom: 64px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .text {
    margin-bottom: 12.8vw;
  }
}
.popup_modal .popup_new_post .text .text_big {
  margin-top: 21px;
  font-size: 31px;
  line-height: 36px;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .text .text_big {
    margin-top: 4.2666666667vw;
    font-size: 6.1333333333vw;
    line-height: 7.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
.popup_modal .popup_new_post .text .notice {
  font-size: 16px;
}
@media (max-width: 750px) {
  .popup_modal .popup_new_post .text .notice {
    font-size: 3.2vw;
  }
}

#new_talent {
  background-color: #fafafa;
  position: relative;
}
@media (max-width: 750px) {
  #new_talent #wrapper #main_content {
    padding-top: 13.3333333333vw;
  }
}
#new_talent header.header {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
#new_talent header.header > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  position: relative;
  height: 100%;
  padding: 24px 0;
}
@media (max-width: 750px) {
  #new_talent header.header > .inner {
    margin: 0 2.933vw;
    padding: 0 4.8vw;
  }
}
#new_talent header.header > .inner .ttl_header {
  font-size: 21px;
}
@media (max-width: 750px) {
  #new_talent header.header > .inner .ttl_header {
    font-size: 4.267vw;
  }
}
@media (max-width: 750px) {
  #new_talent #wrapper #main_content section.section > .inner {
    padding: 0 2.666666667vw;
  }
}
#new_talent .inner {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#new_talent .inner .title {
  font-size: 19px;
  font-weight: 600;
  margin: 80px 0;
}
@media (max-width: 750px) {
  #new_talent .inner .title {
    font-size: 3.7333333333vw;
    margin: 16vw 0;
  }
}
#new_talent .inner .title1 {
  text-align: left;
  font-size: 19px;
  font-weight: 600;
  margin-top: 29px;
  line-height: 1.7;
}
@media (max-width: 750px) {
  #new_talent .inner .title1 {
    font-size: 3.7333333333vw;
    margin-top: 5.8666666667vw;
  }
}
#new_talent .inner .title1.tlt_help {
  line-height: 1.4;
}
#new_talent .inner .tlt_help:before {
  background-color: #42BC8D;
}
#new_talent .inner .notice, #new_talent .inner .error {
  text-align: left;
}
#new_talent .inner .notice1 {
  display: block;
  color: #9b9b9b;
  text-align: center;
  font-size: 15px;
  margin-top: 35px;
}
@media (max-width: 750px) {
  #new_talent .inner .notice1 {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-top: 2.666666667vw;
  }
}
#new_talent .inner .notice2 {
  color: #FF7192;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin-top: 35px;
}
@media (max-width: 750px) {
  #new_talent .inner .notice2 {
    font-size: 3.4333333vw;
    margin-top: 5.666666667vw;
  }
}
#new_talent .inner .submit_name {
  color: #FFFFFF;
  background-color: #c7c7c7;
  width: 90%;
  font-size: 19px;
  margin-top: 29px;
  font-weight: 600;
  padding: 20px 0;
}
@media (max-width: 750px) {
  #new_talent .inner .submit_name {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-top: 4.266666667vw;
    padding: 4vw 0;
  }
}
#new_talent .inner .submit_name.active {
  background-color: #42BC8D;
}
#new_talent .inner .content {
  border-radius: 8px;
  margin-top: 35px;
  border: 2px solid #42BC8D;
}
@media (max-width: 750px) {
  #new_talent .inner .content {
    margin-top: 6.933333333vw;
  }
}
#new_talent .inner .content .ttl_content {
  background: #42BC8D;
  color: #FFFFFF;
  padding: 18px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #new_talent .inner .content .ttl_content {
    padding: 4vw;
    font-size: 16px;
  }
}
#new_talent .inner .content > .inner {
  display: flex;
  justify-content: space-between;
  padding: 42px 13px 21px;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner {
    padding: 8.666667vw 2.666666667vw 5.666667vw;
  }
}
#new_talent .inner .content > .inner .item1 .image {
  margin-left: 15px !important;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item1 .image {
    margin-left: 2.5vw !important;
  }
}
#new_talent .inner .content > .inner .item {
  flex-direction: column;
  padding: 0px 18px;
  width: 38%;
}
#new_talent .inner .content > .inner .item .item1 {
  margin-left: 15px !important;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item .item1 {
    margin-left: 2.5vw !important;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #new_talent .inner .content > .inner .item {
    margin: 0 -0.3vw;
  }
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item {
    margin: 0 -2.53vw;
  }
}
#new_talent .inner .content > .inner .item .title_item {
  color: #42BC8D;
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item .title_item {
    font-size: 4vw;
  }
}
#new_talent .inner .content > .inner .item .text {
  font-size: 16px;
  text-align: left;
  line-height: 2;
  font-weight: 600;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item .text {
    font-size: 10px;
  }
}
#new_talent .inner .content > .inner .item .image {
  width: 95px;
}
@media (max-width: 750px) {
  #new_talent .inner .content > .inner .item .image {
    width: 32vw;
  }
}
#new_talent .inner .content_question {
  text-align: left;
}
#new_talent .inner .content_question .question {
  box-shadow: 0 0 0 3px #c7c7c7;
  padding: 27px 32px;
  border-radius: 13px;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #new_talent .inner .content_question .question {
    box-shadow: 0 0 0 0.5333333333vw #c7c7c7;
    margin-bottom: 4.2666666667vw;
    padding: 5.3333333333vw 6.4vw;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
#new_talent .inner .content_question .question.active {
  box-shadow: 0 0 0 5px #42BC8D;
}
@media (max-width: 750px) {
  #new_talent .inner .content_question .question.active {
    box-shadow: 0 0 0 1.0666666667vw #42BC8D;
  }
}
#new_talent .inner .content_question .question.no_active {
  pointer-events: none;
  box-shadow: unset;
}
#new_talent .inner .previous {
  margin-top: 40px;
  color: #797979;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
@media (max-width: 750px) {
  #new_talent .inner .previous {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
#new_talent .inner .previous:before {
  opacity: 0.75;
  content: "";
  display: block;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #new_talent .inner .previous:before {
    width: 6.4vw;
    height: 6.4vw;
  }
}

#plan_suggestion {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
}
#plan_suggestion #main_content > .inner {
  padding: 60px 21px 160px;
}
@media (max-width: 750px) {
  #plan_suggestion #main_content > .inner {
    padding: 25.6vw 4.2666666667vw 32vw;
  }
}
#plan_suggestion header.header {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
#plan_suggestion header.header > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  position: relative;
  height: 100%;
  padding: 24px 0;
}
@media (max-width: 750px) {
  #plan_suggestion header.header > .inner {
    margin: 0 2.933vw;
    padding: 0 4.8vw;
  }
}
#plan_suggestion header.header > .inner .ttl_header {
  font-size: 21px;
}
@media (max-width: 750px) {
  #plan_suggestion header.header > .inner .ttl_header {
    font-size: 4.267vw;
  }
}
#plan_suggestion .head_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#plan_suggestion .head_wrapper .title h3 {
  color: #272727;
  font-size: 31px;
}
@media (max-width: 750px) {
  #plan_suggestion .head_wrapper .title h3 {
    font-size: 6.1333333333vw;
  }
}
#plan_suggestion .head_wrapper .description {
  margin-top: 35px;
}
@media (max-width: 750px) {
  #plan_suggestion .head_wrapper .description {
    margin-top: 6.9333333333vw;
  }
}
#plan_suggestion .head_wrapper .description > span {
  color: #FF7192;
  font-size: 19px;
}
@media (max-width: 750px) {
  #plan_suggestion .head_wrapper .description > span {
    font-size: 3.7333333333vw;
  }
}
#plan_suggestion .content_wrapper {
  margin-top: 21px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper {
    margin-top: 4.2666666667vw;
  }
}
#plan_suggestion .content_wrapper .box_plan_wrapper {
  border-radius: 16px;
  border: 3px solid #FF7192;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_plan_wrapper {
    border-radius: 3.2vw;
    border: 0.5333333333vw solid #FF7192;
  }
}
#plan_suggestion .content_wrapper .box_head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 17px;
  background-color: #FF7192;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_head {
    padding: 3.4666666667vw;
    border-top-left-radius: 2.1333333333vw;
    border-top-right-radius: 2.1333333333vw;
  }
}
#plan_suggestion .content_wrapper .box_head > span {
  color: #FFFFFF;
  font-size: 21px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_head > span {
    font-size: 4.2666666667vw;
  }
}
#plan_suggestion .content_wrapper .box_content {
  padding: 40px 27px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content {
    padding: 8vw 5.3333333333vw;
  }
}
#plan_suggestion .content_wrapper .box_content .txt_left {
  text-align: left;
}
#plan_suggestion .content_wrapper .box_content_one {
  text-align: center;
}
#plan_suggestion .content_wrapper .box_content_one:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #FF7192;
  margin-top: 13px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_one:after {
    height: 0.5333333333vw;
    margin-top: 2.6666666667vw;
  }
}
#plan_suggestion .content_wrapper .box_content_one .inner {
  color: #4B4B4B;
  font-size: 21px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_one .inner {
    font-size: 4.2666666667vw;
  }
}
#plan_suggestion .content_wrapper .box_content_two {
  margin-top: 35px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_two {
    margin-top: 6.9333333333vw;
  }
}
#plan_suggestion .content_wrapper .box_content_two .inner {
  line-height: 2.5;
  font-size: 16px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_two .inner {
    font-size: 3.2vw;
  }
}
#plan_suggestion .content_wrapper .box_content_three {
  border: 4px solid #F4F4F4;
  border-radius: 27px;
  padding: 20px;
  margin-top: 35px;
  font-weight: 300;
  line-height: 2;
  font-size: 16px;
  text-align: left;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_three {
    border: 0.8vw solid #F4F4F4;
    padding: 4vw;
    border-radius: 5.3333333333vw;
    margin-top: 6.9333333333vw;
    font-size: 3.2vw;
  }
}
#plan_suggestion .content_wrapper .box_content_four {
  font-size: 16px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_four {
    font-size: 3.2vw;
  }
}
#plan_suggestion .content_wrapper .box_content_four .question {
  margin-top: 21px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .box_content_four .question {
    margin-top: 4.2666666667vw;
  }
}
#plan_suggestion .content_wrapper .box_content_four .question > a {
  color: #5285F7;
}
#plan_suggestion .content_wrapper .control_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 16px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper {
    font-size: 3.2vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .notice {
  margin-top: 40px;
  color: #FF5858;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .notice {
    margin-top: 8vw;
    font-size: 3.2vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .btn_submit {
  margin-top: 21px;
  width: 100%;
  padding: 20px 0;
  align-items: center;
  background-color: #42BC8D;
  color: #FFFFFF;
  border-radius: 29px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .btn_submit {
    padding: 4vw 0;
    border-radius: 5.8666666667vw;
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .previous {
  margin-top: 40px;
  color: #797979;
  font-size: 19px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .previous {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .previous:before {
  content: "";
  display: block;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .previous:before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .introduce {
  margin-top: 40px;
  color: #797979;
  font-size: 19px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .introduce {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
#plan_suggestion .content_wrapper .control_wrapper .back {
  margin-top: 40px;
  font-size: 19px;
  color: #797979;
}
@media (max-width: 750px) {
  #plan_suggestion .content_wrapper .control_wrapper .back {
    margin-top: 8vw;
    font-size: 3.7333333333vw;
  }
}
#plan_suggestion .box_plan_wrapper.plan_color_a {
  border: 3px solid #FF7192;
}
@media (max-width: 750px) {
  #plan_suggestion .box_plan_wrapper.plan_color_a {
    border: 3px solid #FF7192;
  }
}
#plan_suggestion .box_plan_wrapper.plan_color_a .box_head {
  background-color: #FF7192;
}
#plan_suggestion .box_plan_wrapper.plan_color_a .box_content_one:after {
  background-color: #FF7192;
}
#plan_suggestion .box_plan_wrapper.plan_color_b {
  border: 3px solid #5285F7;
}
@media (max-width: 750px) {
  #plan_suggestion .box_plan_wrapper.plan_color_b {
    border: 3px solid #5285F7;
  }
}
#plan_suggestion .box_plan_wrapper.plan_color_b .box_head {
  background-color: #5285F7;
}
#plan_suggestion .box_plan_wrapper.plan_color_b .box_content_one:after {
  background-color: #5285F7;
}
#plan_suggestion .box_plan_wrapper.plan_color_c {
  border: 3px solid #FFBA00;
}
@media (max-width: 750px) {
  #plan_suggestion .box_plan_wrapper.plan_color_c {
    border: 3px solid #FFBA00;
  }
}
#plan_suggestion .box_plan_wrapper.plan_color_c .box_head {
  background-color: #FFBA00;
}
#plan_suggestion .box_plan_wrapper.plan_color_c .box_content_one:after {
  background-color: #FFBA00;
}
#plan_suggestion .box_plan_wrapper.plan_color_d {
  border: 3px solid #42BC8D;
}
@media (max-width: 750px) {
  #plan_suggestion .box_plan_wrapper.plan_color_d {
    border: 3px solid #42BC8D;
  }
}
#plan_suggestion .box_plan_wrapper.plan_color_d .box_head {
  background-color: #42BC8D;
}
#plan_suggestion .box_plan_wrapper.plan_color_d .box_content_one:after {
  background-color: #42BC8D;
}
#plan_suggestion .description.plan_color_a > span {
  color: #FF7192;
}
#plan_suggestion .description.plan_color_b > span {
  color: #5285F7;
}
#plan_suggestion .description.plan_color_c > span {
  color: #FFBA00;
}
#plan_suggestion .description.plan_color_d > span {
  color: #42BC8D;
}

.popup_modal .wrapper {
  position: absolute;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup_modal .close {
  position: absolute;
  right: 21px;
  top: 21px;
  width: 43px;
  height: 43px;
}
@media (max-width: 750px) {
  .popup_modal .close {
    right: 4.266666667vw;
    top: 4.266666667vw;
    width: 8.533333333vw;
    height: 8.533333333vw;
  }
}
.popup_modal .close img {
  width: 100%;
}
.popup_modal .btn_action {
  padding: 19px 0;
  margin-bottom: 21px;
  border-radius: 29px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 750px) {
  .popup_modal .btn_action {
    padding: 3.733333333vw 0;
    margin-bottom: 4.266666667vw;
    border-radius: 5.866666667vw;
  }
}
.popup_modal .btn_action:last-child {
  margin-bottom: 0;
}
.popup_modal .btn_action.yes {
  background-color: #a28865;
}
.popup_modal .btn_action.cancel {
  background-color: #9b9b9b;
}
.popup_modal .btn_action.bg_black {
  background-color: #4b4b4b;
}
.popup_modal .btn_action > a {
  color: #fff;
}
.popup_modal .btn_action button {
  color: #fff;
  background: unset;
  border: unset;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_modal .btn_action button {
    font-size: 3.2vw;
  }
}

.edit_comment .wrapper {
  width: 100%;
  bottom: 0;
  top: auto;
  transform: translate(-50%, 0);
  background-color: #fff;
  border-radius: 11px;
}
@media (max-width: 750px) {
  .edit_comment .wrapper {
    border-radius: 2.133333333vw;
  }
}
.edit_comment .wrapper_content {
  max-width: 500px;
  margin: 0 auto;
}
.edit_comment .close_edit_comment {
  right: 16px;
}
@media (max-width: 750px) {
  .edit_comment .close_edit_comment {
    right: 3.2vw;
  }
}
.edit_comment .inner .add_comment_topic {
  padding: 21px 13px;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic {
    padding: 4.266666667vw 2.667vw;
  }
}
.edit_comment .inner .add_comment_topic .show-error {
  margin-bottom: 10px;
  color: #FF5858;
  font-size: 12px;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .show-error {
    font-size: 9px;
    font-size: 2.4vw;
    margin-bottom: 2.666666667vw;
  }
}
.edit_comment .inner .add_comment_topic .contents {
  width: 100%;
  text-align: left;
  border: 1px solid #4b4b4b;
  border-radius: 11px;
  background-color: #fff;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .contents {
    border-radius: 2.133vw;
    margin-bottom: 3.2vw;
  }
}
.edit_comment .inner .add_comment_topic .contents textarea {
  border: none;
  outline: none;
  padding: 19px;
  background: none;
  font-size: 19px;
  font-weight: 300;
  color: #272727;
  line-height: 32px;
  width: 100%;
  height: 183px;
  resize: none;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .contents textarea {
    line-height: 6.4vw;
    padding: 3.733vw;
    height: 35.53333333vw;
    font-size: 3.733333333vw;
  }
}
.edit_comment .inner .add_comment_topic > p {
  color: #c7c7c7;
  margin-bottom: 21px;
  font-size: 15px;
  text-align: right;
  font-weight: 300;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic > p {
    font-size: 2.933vw;
    margin-bottom: 4.267vw;
  }
}
.edit_comment .inner .add_comment_topic .btn_submit {
  padding: 0 17px;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .btn_submit {
    padding: 0 3.467vw;
    margin-bottom: 2.667vw;
  }
}
.edit_comment .inner .add_comment_topic .btn_submit > button {
  background-color: #4b4b4b;
  border-radius: 29px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  border: none;
  outline: none;
  cursor: pointer;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .btn_submit > button {
    height: 11.733vw;
    line-height: 11.733vw;
    border-radius: 5.867vw;
    font-size: 3.733vw;
  }
}
.edit_comment .inner .add_comment_topic .txt_bottom {
  color: #272727;
  font-size: 19px;
  margin-bottom: 21px;
  line-height: 32px;
  text-align: left;
}
@media (max-width: 750px) {
  .edit_comment .inner .add_comment_topic .txt_bottom {
    font-size: 3.733vw;
    margin-bottom: 4.267vw;
    line-height: 6.4vw;
  }
}
.edit_comment .inner .add_comment_topic .txt_bottom > a {
  color: #5285f7;
}
.edit_comment .title {
  text-align: center;
  font-weight: 600;
  line-height: 36px;
  border-bottom: 1px solid #eeeeee;
  padding: 32px 0 21px;
}
@media (max-width: 750px) {
  .edit_comment .title {
    line-height: 7.2vw;
    padding: 6.4vw 0 4.266666667vw;
  }
}
.edit_comment .title > span {
  font-size: 21px;
}
@media (max-width: 750px) {
  .edit_comment .title > span {
    font-size: 4.266666667vw;
  }
}

.question_comment .wrapper {
  width: 436px;
  border-radius: 10px;
  background-color: #f4f4f4;
}
@media (max-width: 750px) {
  .question_comment .wrapper {
    width: 87.2vw;
    border-radius: 2.133333333vw;
  }
}
.question_comment .inner {
  padding: 64px 32px 40px 32px;
}
@media (max-width: 750px) {
  .question_comment .inner {
    padding: 12.8vw 6.4vw 8vw 6.4vw;
  }
}
.question_comment .inner > h3 {
  margin-bottom: 21px;
  font-size: 21px;
  line-height: 36px;
  color: #272727;
  font-weight: 600;
}
@media (max-width: 750px) {
  .question_comment .inner > h3 {
    font-size: 4.266666667vw;
    margin-bottom: 4.266666667vw;
    line-height: 7.2vw;
  }
}
.question_comment .inner > p {
  text-align: left;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: #272727;
}
@media (max-width: 750px) {
  .question_comment .inner > p {
    font-size: 2.933333333vw;
    line-height: 5.066666667vw;
  }
}
.question_comment .inner > p span {
  color: #5285f7;
}

.popup_menu .wrapper {
  width: 356px;
  background-color: #fff;
  border-radius: 10px;
}
@media (max-width: 750px) {
  .popup_menu .wrapper {
    width: 71.2vw;
    border-radius: 2.133333333vw;
  }
}
.popup_menu .wrapper li {
  padding: 21px 0;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}
@media (max-width: 750px) {
  .popup_menu .wrapper li {
    padding: 4.266666667vw 0;
  }
}
.popup_menu .wrapper li:last-child {
  border-bottom: none;
}
.popup_menu .menu_item {
  display: block;
  font-size: 21px;
  line-height: 32px;
  color: #4b4b4b;
  font-weight: 500;
}
@media (max-width: 750px) {
  .popup_menu .menu_item {
    font-size: 4.266666667vw;
    line-height: 6.4vw;
  }
}
.popup_menu .menu_item.reporting {
  color: #ff5858;
}

.confirm_delete_comment .wrapper,
.notify_error_comment .wrapper,
.confirm_topic_delete .wrapper,
.confirm_private_topic .wrapper {
  width: 436px;
  border-radius: 53px;
  background-color: #f4f4f4;
  font-weight: 600;
}
@media (max-width: 750px) {
  .confirm_delete_comment .wrapper,
  .notify_error_comment .wrapper,
  .confirm_topic_delete .wrapper,
  .confirm_private_topic .wrapper {
    width: 87.2vw;
    border-radius: 10.66666667vw;
  }
}
.confirm_delete_comment .inner,
.notify_error_comment .inner,
.confirm_topic_delete .inner,
.confirm_private_topic .inner {
  padding: 85px 32px 40px;
}
@media (max-width: 750px) {
  .confirm_delete_comment .inner,
  .notify_error_comment .inner,
  .confirm_topic_delete .inner,
  .confirm_private_topic .inner {
    padding: 17.06666667vw 6.4vw 8vw;
  }
}
.confirm_delete_comment .inner .title,
.notify_error_comment .inner .title,
.confirm_topic_delete .inner .title,
.confirm_private_topic .inner .title {
  margin-bottom: 21px;
  text-align: center;
}
@media (max-width: 750px) {
  .confirm_delete_comment .inner .title,
  .notify_error_comment .inner .title,
  .confirm_topic_delete .inner .title,
  .confirm_private_topic .inner .title {
    margin-bottom: 4.266666667vw;
  }
}
.confirm_delete_comment .inner span,
.notify_error_comment .inner span,
.confirm_topic_delete .inner span,
.confirm_private_topic .inner span {
  font-size: 21px;
  line-height: 36px;
  color: #272727;
  display: block;
}
@media (max-width: 750px) {
  .confirm_delete_comment .inner span,
  .notify_error_comment .inner span,
  .confirm_topic_delete .inner span,
  .confirm_private_topic .inner span {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
}

.popup_community_completed .modal {
  padding: 52px 16px 39px;
  background-color: #f4f4f4;
}
@media (max-width: 750px) {
  .popup_community_completed .modal {
    padding: 10.4vw 3.2vw 7.733333333vw;
  }
}
.popup_community_completed .modal .inner h3 {
  font-size: 16px;
  color: #4b4b4b;
  margin: 0 auto 31px;
  font-weight: 600;
  line-height: 27px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner h3 {
    font-size: 3.2vw;
    margin-bottom: 6.133333333vw;
    line-height: 5.333333333vw;
  }
}
.popup_community_completed .modal .inner .content {
  width: 100%;
  background-color: #42BC8D;
  position: relative;
  padding: 16px;
  border-radius: 7px;
  margin-bottom: 15px;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .content {
    padding: 3.2vw;
    border-radius: 1.333333333vw;
    margin-bottom: 2.933333333vw;
  }
}
.popup_community_completed .modal .inner .content .box_content {
  border: 3px solid #ffffff;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .content .box_content {
    border: 0.5333333333vw solid #ffffff;
  }
}
.popup_community_completed .modal .inner .content .box_content img {
  width: 100%;
}
.popup_community_completed .modal .inner .content .title_content {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 100%);
  color: #f4f4f4;
  text-align: center;
  width: 100%;
}
.popup_community_completed .modal .inner .content .title_content .img_content {
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .content .title_content .img_content {
    font-size: 3.733333333vw;
    line-height: 4.533333333vw;
    margin-bottom: 1.066666667vw;
  }
}
.popup_community_completed .modal .inner .content .title_content .img_content img {
  width: 36px;
  height: 36px;
  margin-right: 7px;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .content .title_content .img_content img {
    width: 7.2vw;
    height: 7.2vw;
    margin-right: 1.333333333vw;
  }
}
.popup_community_completed .modal .inner .content .title_content p {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .content .title_content p {
    font-size: 4vw;
    line-height: 5.6vw;
  }
}
.popup_community_completed .modal .inner .btn_check {
  display: block;
  color: #42BC8D;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 19px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 31px;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .btn_check {
    font-size: 3.733333333vw;
    margin-bottom: 6.133333333vw;
  }
}
.popup_community_completed .modal .inner .btn_create_plan {
  width: 90%;
  display: grid;
  align-items: center;
  margin: 0 auto 28px;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .btn_create_plan {
    margin-bottom: 5.6vw;
  }
}
.popup_community_completed .modal .inner .close_fancybox {
  color: #272727;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
}
@media (max-width: 750px) {
  .popup_community_completed .modal .inner .close_fancybox {
    font-size: 3.2vw;
  }
}

.notify_error_comment .inner {
  padding: 85px 0 40px;
}
@media (max-width: 750px) {
  .notify_error_comment .inner {
    padding: 17.06666667vw 0 8vw;
  }
}
.notify_error_comment .inner span {
  text-align: center;
}

#home.board_notify .notification {
  width: 100%;
  height: 200px;
  background-color: #F4F4F4;
  border: none;
  color: #9B9B9B;
  font-size: 17px;
  line-height: 31px;
  outline: none;
}
@media (max-width: 750px) {
  #home.board_notify .notification {
    height: 40vw;
    line-height: 6.133333333vw;
    font-size: 3.466666667vw;
  }
}
#home.board_notify #main_content {
  padding-top: 60px;
}
@media (max-width: 750px) {
  #home.board_notify #main_content {
    padding-top: 14vw;
  }
}
#home.board_notify .btn_group {
  display: flex;
  justify-content: space-around;
  padding-top: 16px;
}
@media (max-width: 750px) {
  #home.board_notify .btn_group {
    padding-top: 3.2vw;
  }
}
#home.board_notify .btn_group a {
  width: 50%;
  padding-bottom: 16px;
}
@media (max-width: 750px) {
  #home.board_notify .btn_group a {
    padding-bottom: 3.2vw;
  }
}
#home.board_notify .btn_group a.btn_comment {
  font-size: 13px;
  font-weight: 600;
  color: #4B4B4B;
  border-bottom: 1px solid #c7c7c7;
}
@media (max-width: 750px) {
  #home.board_notify .btn_group a.btn_comment {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#home.board_notify .btn_group a.btn_comment.active {
  color: #4B4B4B;
  border-bottom: 2px solid #4B4B4B;
}
#home.board_notify .btn_create_topic {
  padding: 22px 13px 9px;
}
@media (max-width: 750px) {
  #home.board_notify .btn_create_topic {
    padding: 4.4vw 2.666666667vw 1.866666667vw;
  }
}
#home.board_notify .header_navigation {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #home.board_notify .header_navigation {
    margin-bottom: 2.666666667vw;
  }
}
#home.board_notify .header_navigation > ul {
  display: flex;
}
#home.board_notify .header_navigation > ul li {
  display: inline;
}
#home.board_notify .header_navigation > ul li > a {
  display: flex;
  padding: 16px 16px 16px 16px;
  align-items: center;
}
#home.board_notify .header_navigation > ul li > a.btn_comment {
  border-bottom: 1px solid #9b9b9b;
  font-weight: 600;
}
#home.board_notify .header_navigation > ul li > a.btn_comment.active {
  border-bottom: 3px solid #a28865;
  padding-bottom: 14px;
}
@media (max-width: 750px) {
  #home.board_notify .header_navigation > ul li > a.btn_comment.active {
    padding-bottom: 2.7vw;
  }
}
#home.board_notify .header_navigation > ul li > a.btn_comment span {
  color: #a28865;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 750px) {
  #home.board_notify .header_navigation > ul li > a.btn_comment span {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.333333333vw;
  }
}
@media (max-width: 750px) {
  #home.board_notify .header_navigation > ul li > a {
    padding: 3.2vw 3.2vw 3.2vw 3.2vw;
  }
}
#home.board_notify .header_navigation > ul li > a img {
  height: 32px;
  padding-right: 7px;
}
@media (max-width: 750px) {
  #home.board_notify .header_navigation > ul li > a img {
    height: 6.4vw;
    padding-right: 1.333333333vw;
  }
}
#home.board_notify section#timeline .inner {
  padding: 13px;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner {
    padding: 2.533333333vw;
  }
}
#home.board_notify section#timeline .inner ul {
  background-color: #fff;
  border-radius: 13px;
  border: 1px solid #eeeeee;
}
#home.board_notify section#timeline .inner ul li {
  padding: 21px;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li {
    padding: 4.266666667vw;
  }
}
#home.board_notify section#timeline .inner ul li:last-child {
  border-bottom: none;
}
#home.board_notify section#timeline .inner ul li .item_comment .c_title {
  display: flex;
  align-items: center;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .c_title {
    margin-bottom: 4.266666667vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .c_title h3 {
  font-size: 19px;
  line-height: 29px;
  color: #272727;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  text-align: left;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .c_title h3 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 5.866666667vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .c_title img {
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .c_title img {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .name_wrapper {
  position: relative;
}
#home.board_notify section#timeline .inner ul li .item_comment .comment_parent {
  text-align: left;
  color: black;
  font-size: 19px;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .comment_parent {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .content {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  position: relative;
  margin-bottom: 21px;
  font-size: 19px;
  max-height: 170px;
  overflow: hidden;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .content {
    font-size: 14px;
    font-size: 3.7333333333vw;
    max-height: 34vw;
    margin-bottom: 4.266666667vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .content.active {
  max-height: 100%;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .is_update {
  font-size: 10px;
  display: inline-block;
  color: #9B9B9B;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .content .is_update {
    font-size: 2vw;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .content .conti_link {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  padding: 0 0 0 0.3em;
}
@media (max-width: 750px) {
  #home.board_notify section#timeline .inner ul li .item_comment .content .conti_link {
    padding-bottom: 0;
  }
}
#home.board_notify section#timeline .inner ul li .item_comment .content .conti_link > a {
  color: #5285f7;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .conti_link.active {
  position: unset;
  text-align: right;
}
#home.board_notify section#timeline .inner ul li .item_comment .content a .comment_content {
  color: #000;
}
#home.board_notify section#timeline .inner ul li .item_comment .content a .comment_content a {
  color: #5285f7;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .comment_content {
  color: #000;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .comment_content a {
  color: #000;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .comment_content a[target=_blank] {
  color: #5285f7;
}
#home.board_notify section#timeline .inner ul li .item_comment .content .comment_content p a {
  color: #5285f7;
}
#home.board_notify section#theme .inner {
  padding: 13px;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner {
    padding: 2.533333333vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment {
  padding: 21px;
  margin-bottom: 13px;
  background-color: #fff;
  border-radius: 13px;
  border: 1px solid #eeeeee;
  position: relative;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment {
    padding: 4.266666667vw;
    margin-bottom: 2.666666667vw;
    border-radius: 2.666666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .user_information {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .user_information {
    margin-bottom: 2.666666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .user_information .inner {
  margin: 0 5px 0 0;
  width: 32px;
  height: 32px;
}
#home.board_notify section#theme .inner .wrapper .item_comment .user_information .exp h3 {
  font-size: 13px;
  color: #4b4b4b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  flex: 1;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .user_information .exp h3 {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .user_information .exp span {
  font-size: 12px;
  color: #c7c7c7;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .user_information .exp span {
    font-size: 2.4vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .content {
  text-align: left;
  position: relative;
  padding-bottom: 17px;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .content {
    padding-bottom: 3.466666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .content h3 {
  font-size: 21px;
  line-height: 36px;
  color: #272727;
  font-weight: 600;
  padding-right: 45px;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .content h3 {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
    padding-right: 9.066666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .content a .arrow_gold {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .content a .arrow_gold {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .content a .arrow_gold img {
  width: 100%;
}
#home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction {
  display: flex;
}
#home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction .c_comment {
  display: flex;
  align-items: center;
  margin-right: 6px;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction .c_comment {
    margin-right: 1.28vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction .c_like {
  display: flex;
  align-items: center;
}
#home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction span {
  font-size: 16px;
  color: #adadad;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .count_interaction .c_interaction span {
    font-size: 3.2vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .edit_interaction {
  display: flex;
  justify-content: flex-end;
}
#home.board_notify section#theme .inner .wrapper .item_comment .publish_title {
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 21px;
  padding-right: 21px;
  font-weight: 600;
  color: #c7c7c7;
}
@media (max-width: 750px) {
  #home.board_notify section#theme .inner .wrapper .item_comment .publish_title {
    font-size: 12px;
    font-size: 3.2vw;
    padding-top: 4.266666667vw;
    padding-right: 4.266666667vw;
  }
}
#home.board_notify section#theme .inner .wrapper .item_comment .publish_title.active {
  color: #4b4b4b;
}
#home.board_notify .comment .inner {
  margin: auto;
  width: 100%;
}
#home.board_notify .comment .inner .mainview {
  background-color: #fafafa;
}
#home.board_notify .comment .inner .mainview .information_talent {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  padding: 0 13px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .information_talent {
    margin-bottom: 2.666666667vw;
    padding: 0 2.666666667vw;
  }
}
#home.board_notify .comment .inner .mainview .information_talent .thumbnail {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  overflow: hidden;
  background: transparent linear-gradient(139deg, #A28865 0%, #C6746C 47%, #9975DD 100%);
  margin-right: 20px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .information_talent .thumbnail {
    width: 16vw;
    height: 16vw;
    margin-right: 4vw;
  }
}
#home.board_notify .comment .inner .mainview .information_talent .thumbnail .inner {
  margin: 3px;
  width: 72px;
  height: 72px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 2.6px solid #fff;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .information_talent .thumbnail .inner {
    width: 15vw;
    height: 15vw;
    margin: 0.533333333vw;
    border: 0.533333333vw solid #fff;
  }
}
#home.board_notify .comment .inner .mainview .information_talent .ext {
  font-weight: 600;
  color: #272727;
  text-align: left;
}
#home.board_notify .comment .inner .mainview .information_talent .ext h1 {
  font-size: 21px;
  line-height: 36px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .information_talent .ext h1 {
    font-size: 4.266666667vw;
    line-height: 7.2vw;
  }
}
#home.board_notify .comment .inner .mainview .information_talent .ext h2 {
  font-size: 18px;
  line-height: 32px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .information_talent .ext h2 {
    font-size: 3.733333333vw;
    line-height: 6.4vw;
  }
}
#home.board_notify .comment .inner .mainview .p_question {
  text-align: left;
  margin-bottom: 22px;
  padding: 0 13px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .p_question {
    padding: 0 2.666666667vw;
    margin-bottom: 4.4vw;
  }
}
#home.board_notify .comment .inner .mainview .p_question .txt_question {
  text-align: left;
  color: #5285f7;
  font-size: 13px;
  line-height: 29px;
  font-weight: 600;
  display: inline-block;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .p_question .txt_question {
    font-size: 2.666666667vw;
    line-height: 5.866666667vw;
  }
}
#home.board_notify .comment .inner .mainview .p_question .s_question {
  width: 15px;
  height: 15px;
  font-size: 13px;
  line-height: 17px;
  display: inline-block;
  /* padding: 4px; */
  color: #fff;
  background-color: #9E96D0;
  border-radius: 50%;
  text-align: center;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .p_question .s_question {
    width: 2.933333333vw;
    height: 2.933333333vw;
    font-size: 2.666666667vw;
    line-height: 3.466666667vw;
  }
}
#home.board_notify .comment .inner .mainview .setting_bulletin {
  font-size: 16px;
  display: flex;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 22px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .setting_bulletin {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#home.board_notify .comment .inner .mainview .setting_bulletin > p {
  color: #4b4b4b;
  font-weight: 600;
}
#home.board_notify .comment .inner .mainview .setting_bulletin > p > span {
  font-weight: normal;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .setting_bulletin {
    padding: 4.4vw;
  }
}
#home.board_notify .comment .inner .mainview .setting_bulletin .publish_setting > .btn_publish {
  color: #5285f7;
  display: flex;
  align-items: center;
  font-weight: 700;
}
#home.board_notify .comment .inner .mainview .setting_bulletin .publish_setting > .btn_publish .publish_img {
  width: 24px;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .setting_bulletin .publish_setting > .btn_publish .publish_img {
    width: 4.8vw;
  }
}
#home.board_notify .comment .inner .mainview .setting_bulletin .publish_setting > .btn_publish .publish_img > img {
  width: 100%;
}
#home.board_notify .comment .inner .mainview .bulletin_board {
  padding: 23px 13px 0;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .bulletin_board {
    padding: 4.533333333vw 2.666666667vw 0;
  }
}
#home.board_notify .comment .inner .mainview .bulletin_board .bulletin_board_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 23px;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .bulletin_board .bulletin_board_btn {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding-bottom: 4.533333333vw;
  }
}
#home.board_notify .comment .inner .mainview .bulletin_board .bulletin_board_alert {
  text-align: left;
  color: #ff5858;
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 750px) {
  #home.board_notify .comment .inner .mainview .bulletin_board .bulletin_board_alert {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
#home.board_notify .popup_bulletin_board_public {
  padding-top: 56px;
}
@media (max-width: 750px) {
  #home.board_notify .popup_bulletin_board_public {
    padding-top: 11.2vw;
  }
}
#home.board_notify .popup_bulletin_board_public > .inner p {
  text-align: left;
}
#home.board_notify .popup_bulletin_board_public > .inner p .c-red {
  color: #FF5858;
}
#home.board_notify .popup_bulletin_board_public > .inner p .c-bold {
  font-weight: 700;
}
#home.board_notify .popup_menu {
  text-align: center;
}
#home.board_notify .popup_menu .opacity {
  opacity: 0.3;
}
#home.board_notify .confirm_delete_comment .title, #home.board_notify .confirm_private_topic .title {
  text-align: center;
}

#topic_page {
  background-color: #fafafa;
  position: relative;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#topic_page header.header {
  z-index: 2;
  height: auto;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
#topic_page header.header.absolute {
  position: absolute;
}
@media (max-width: 750px) {
  #topic_page header.header > .inner {
    margin: 0 2.933vw;
    padding: 4.8vw 0;
  }
}
#topic_page header.header > .inner .redirect_back {
  z-index: 99;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 32px;
  height: 32px;
  background-image: url("../images/vertical/btn_backarrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #topic_page header.header > .inner .redirect_back {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#topic_page header.header > .inner .ttl_header {
  font-size: 19px;
  padding: 15px 30px;
}
@media (max-width: 750px) {
  #topic_page header.header > .inner .ttl_header {
    font-size: 3.733vw;
    padding: unset;
  }
}
#topic_page #main_content section#contents > .inner {
  padding-top: 80px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner {
    padding-top: 16vw;
  }
}
#topic_page #main_content section#contents > .inner .name_topic {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 13px 13px;
  margin-bottom: 13px;
  text-align: left;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .name_topic {
    padding: 0 2.667vw 2.667vw;
    margin-bottom: 2.667vw;
  }
}
#topic_page #main_content section#contents > .inner .name_topic p {
  font-size: 19px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .name_topic p {
    font-size: 3.733vw;
    color: #272727;
  }
}
#topic_page #main_content section#contents > .inner .name_topic p a {
  color: #5285f7;
}
#topic_page #main_content section#contents > .inner .name_topic .topic_action {
  display: flex;
  justify-content: flex-end;
}
#topic_page #main_content section#contents > .inner .name_topic .topic_action .button {
  cursor: pointer;
}
#topic_page #main_content section#contents > .inner .list_board_notify {
  padding: 13px 13px 36px;
  border-bottom: 1px solid #e5e5e5;
}
#topic_page #main_content section#contents > .inner .list_board_notify .notify_has_child_part {
  padding: 61px 0;
  color: #9b9b9b;
  font-size: 17px;
  font-weight: 600;
}
#topic_page #main_content section#contents > .inner .list_board_notify .notify_has_child_part p {
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .notify_has_child_part p {
    margin-bottom: 2vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .notify_has_child_part a {
  color: #5285f7;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .notify_has_child_part {
    padding: 12.267vw 0;
    font-size: 3.467vw;
  }
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify {
    padding: 2.667vw 2.667vw 7.2vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul {
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 13px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul {
    border-radius: 2.667vw;
    margin-bottom: 4.266666667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li {
  padding: 21px;
  border-bottom: 1px solid #e5e5e5;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li:last-child {
  border-bottom: none;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul li {
    padding: 4.2667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment {
  position: relative;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .name_wrapper {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .name_wrapper {
    margin-bottom: 2.667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .name_anchor {
  text-align: left;
  cursor: pointer;
  font-size: 19px;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .name_anchor {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents {
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 21px;
  text-align: left;
  position: relative;
  max-height: 170px;
  overflow: hidden;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents {
    font-size: 3.733vw;
    line-height: 5.866vw;
    margin-bottom: 4.266vw;
    max-height: 34vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents.active {
  max-height: 100%;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents span {
  display: block;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents span.is_update {
  font-size: 10px;
  color: #9B9B9B;
  display: inline;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents span.is_update {
    font-size: 2vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents .conti_link {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 0 0 0 0.3em;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents .conti_link > a {
  color: #5285f7;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents .conti_link.active {
  position: unset;
  text-align: right;
}
#topic_page #main_content section#contents > .inner .list_board_notify > ul li .item_comment .contents .content_comment a {
  color: #5285f7;
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment.more_comment_top {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment.more_comment_top {
    margin-bottom: 4.266666667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment.more_comment_top .redirect_bottom {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment.more_comment_top .redirect_bottom {
    margin-bottom: 4.266666667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group {
  padding: 17px 0;
  border-radius: 40px;
  border: 1px solid #4b4b4b;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group {
    padding: 3.466666667vw 0;
    border-radius: 8vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group.has_more {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group.has_more {
    margin-bottom: 4.266666667vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group a {
  display: flex;
  justify-content: center;
  position: relative;
  font-size: 19px;
  text-align: center;
  color: #4b4b4b;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group a {
    font-size: 3.866666667vw;
    line-height: 6.4vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group a span {
  display: block;
  width: 32px;
  height: 32px;
  font-weight: 600;
  background-image: url(../images/btn_nextarrow_gold.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(90deg);
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group a span {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#topic_page #main_content section#contents > .inner .list_board_notify .more_comment .btn_group a span.load_before_comment {
  transform: rotate(-90deg);
}
#topic_page #main_content section#contents > .inner .add_comment_topic {
  padding: 21px 13px 67px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic {
    padding: 4.267vw 2.667vw 13.333vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .contents {
  width: 100%;
  text-align: left;
  border: 1px solid #4b4b4b;
  border-radius: 11px;
  background-color: #fff;
  margin-bottom: 16px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .contents {
    border-radius: 2.133vw;
    margin-bottom: 3.2vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .contents textarea {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  border: none;
  outline: none;
  background: none;
  font-size: 19px;
  font-weight: 300;
  color: #272727;
  line-height: 32px;
  width: 100%;
  resize: none;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .contents textarea {
    line-height: 6.4vw;
    font-size: 3.733vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .tag_name {
  position: relative;
  font-weight: 300;
  color: #272727;
  line-height: 32px;
  font-size: 19px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  left: 19px;
  top: 13px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .tag_name {
    line-height: 6.4vw;
    font-size: 3.733333333vw;
    left: 3.733333333vw;
    top: 2.666666667vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic > p {
  color: #c7c7c7;
  margin-bottom: 21px;
  font-size: 15px;
  text-align: right;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic > p {
    font-size: 2.933vw;
    margin-bottom: 4.267vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .btn_submit {
  padding: 0 17px;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .btn_submit {
    padding: 0 3.467vw;
    margin-bottom: 2.667vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .btn_submit > button {
  background-color: #4b4b4b;
  border-radius: 29px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  border: none;
  outline: none;
  cursor: pointer;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .btn_submit > button {
    height: 11.733vw;
    line-height: 11.733vw;
    border-radius: 5.867vw;
    font-size: 3.733vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .btn_submit > button.gray {
  background-color: #C7C7C7;
}
#topic_page #main_content section#contents > .inner .add_comment_topic .txt_bottom {
  color: #272727;
  font-size: 19px;
  margin-bottom: 21px;
  line-height: 32px;
  text-align: left;
}
@media (max-width: 750px) {
  #topic_page #main_content section#contents > .inner .add_comment_topic .txt_bottom {
    font-size: 3.733vw;
    margin-bottom: 4.267vw;
    line-height: 6.4vw;
  }
}
#topic_page #main_content section#contents > .inner .add_comment_topic .txt_bottom > a {
  color: #5285f7;
}
#topic_page #main_content section#contents > .inner .add_comment_topic .show-error {
  text-align: left;
  margin-bottom: 10px;
  color: #FF5858;
  font-size: 12px;
}
#topic_page #main_content #to_comment {
  position: fixed;
  right: 19px;
  bottom: 100px;
}
@media (max-width: 750px) {
  #topic_page #main_content #to_comment {
    right: 3.867vw;
    bottom: 30vw;
  }
}
#topic_page #main_content #to_comment .container_to_comment {
  position: relative;
  background: #4b4b4b;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.1607843137) 1px 1px 1px;
  width: 117px;
  height: 117px;
}
@media (max-width: 750px) {
  #topic_page #main_content #to_comment .container_to_comment {
    width: 23.467vw;
    height: 23.467vw;
  }
}
#topic_page #main_content #to_comment .container_to_comment .icon_comment_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#topic_page #main_content #to_comment .container_to_comment .icon_comment_btn > p {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 750px) {
  #topic_page #main_content #to_comment .container_to_comment .icon_comment_btn > p {
    font-size: 2.4vw;
  }
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content {
  text-align: left;
  position: relative;
  font-size: 19px;
  max-height: 170px;
  overflow: hidden;
}
@media (max-width: 750px) {
  #topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content {
    font-size: 3.7333333333vw;
    max-height: 32.666667vw;
  }
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content.active {
  max-height: 100%;
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content .conti_link {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 0 0 0.3em;
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content .conti_link.active {
  position: unset;
  text-align: right;
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content .conti_link a {
  color: #5285f7;
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content p {
  line-height: 29px;
}
@media (max-width: 750px) {
  #topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content p {
    line-height: 5.866vw;
  }
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content p span {
  display: block;
}
#topic_page.edit_creator #main_content section#contents > .inner .name_topic .topic_content p a {
  color: #5285f7;
}
#topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail {
  text-align: left;
  padding: 0 13px 40px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail {
    padding: 0 1.3vw 4vw;
  }
}
@media (max-width: 750px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail {
    padding: 0 2.666666667vw 8vw;
  }
}
#topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .following_plan {
  font-size: 16px;
  color: #4b4b4b;
  padding-bottom: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .following_plan {
    font-size: 1.6vw;
    padding-bottom: 1.3vw;
  }
}
@media (max-width: 750px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .following_plan {
    font-size: 12px;
    font-size: 3.2vw;
    padding-bottom: 2.666666667vw;
  }
}
#topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .plan_detail {
  font-size: 19px;
  color: #5285f7;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .plan_detail {
    font-size: 1.9vw;
  }
}
@media (max-width: 750px) {
  #topic_page.edit_creator #main_content section#contents > .inner .topic_plan_detail .plan_detail {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#topic_page .notification {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  width: 100%;
  height: 200px;
  background-color: #FAFAFA;
  border: none;
  color: #b4b4b4;
  font-size: 17px;
  line-height: 31px;
  outline: none;
}
@media (max-width: 750px) {
  #topic_page .notification {
    height: 40vw;
    line-height: 6.133333333vw;
    font-size: 3.466666667vw;
  }
}

#topic_create .ttl_header {
  font-size: 19px;
}
@media (max-width: 750px) {
  #topic_create .ttl_header {
    font-size: 3.733333333vw;
  }
}
#topic_create .header {
  border-bottom: 1px solid #c7c7c7;
}
#topic_create .topic_save {
  border: none;
  border-radius: 17px;
  background-color: #4B4B4B;
  color: #fff;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  max-width: 80px;
  width: 100%;
  position: absolute;
  right: 10px;
  outline: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  font-weight: 700;
}
@media (max-width: 750px) {
  #topic_create .topic_save {
    font-size: 3.7333333333vw;
    border-radius: 4.533333333vw;
    height: 9.066666667vw;
    line-height: 9.066666667vw;
    max-width: 18.13333333vw;
    right: 0;
  }
}
#topic_create .topic_save.save_disabled {
  background-color: #c7c7c7;
}
#topic_create .item_content {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
#topic_create .select_plan .inner {
  padding: 16px 10px;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_create .select_plan .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #topic_create .select_plan .inner {
    padding: 3.466666667vw 2.67vw;
  }
}
#topic_create .select_plan .inner .title-check {
  font-size: 14px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_create .select_plan .inner .title-check {
    font-size: 1.4vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #topic_create .select_plan .inner .title-check {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 4.266666667vw;
  }
}
#topic_create .select_plan .inner .items_detail {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 14px;
  background-color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_create .select_plan .inner .items_detail {
    padding: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #topic_create .select_plan .inner .items_detail {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
  }
}
#topic_create .select_plan .inner .items_detail li {
  font-size: 12px;
  font-weight: 700;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_create .select_plan .inner .items_detail li {
    font-size: 1.2vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #topic_create .select_plan .inner .items_detail li {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
#topic_create .select_plan .inner .items_detail li label {
  margin-right: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_create .select_plan .inner .items_detail li label {
    margin-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #topic_create .select_plan .inner .items_detail li label {
    margin-right: 1.6vw;
  }
}
#topic_create textarea.topic_description {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_create textarea.topic_description {
    margin-bottom: 2.666666667vw;
  }
}
#topic_create .topic_content {
  padding: 40px 13px 0;
}
@media (max-width: 750px) {
  #topic_create .topic_content {
    margin-top: 13.4vw;
    padding: 8vw 2.666666667vw 0;
  }
}
#topic_create .topic_private {
  padding: 27px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
@media (max-width: 750px) {
  #topic_create .topic_private {
    padding: 5.333333333vw 2.6666667vw;
  }
}
#topic_create #cke_topic_content {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_create #cke_topic_content {
    margin-bottom: 2.666666667vw;
  }
}
#topic_create .group {
  margin-bottom: 21px;
}
#topic_create .group input.topic_name {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #topic_create .group {
    margin-bottom: 4.266666667vw;
  }
}
#topic_create .box_btn_create_topic {
  width: 100%;
  position: fixed;
  max-width: 750px;
  bottom: 0;
  z-index: 9;
  background-color: #fff;
}
@media (max-width: 750px) {
  #topic_create .box_btn_create_topic {
    bottom: 16vw;
  }
}
#topic_create .box_btn_create_topic > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21.28px 31.92px;
}
@media (max-width: 750px) {
  #topic_create .box_btn_create_topic > .inner {
    padding: 4.256vw 6.384vw;
  }
}

#topic_edit .ttl_header {
  font-size: 19px;
}
@media (max-width: 750px) {
  #topic_edit .ttl_header {
    font-size: 3.733333333vw;
  }
}
#topic_edit .header {
  border-bottom: 1px solid #c7c7c7;
}
#topic_edit .topic_save {
  border: none;
  border-radius: 17px;
  background-color: #4B4B4B;
  color: #fff;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  max-width: 80px;
  width: 100%;
  position: absolute;
  right: 10px;
  outline: none;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  font-weight: 700;
}
@media (max-width: 750px) {
  #topic_edit .topic_save {
    font-size: 3.7333333333vw;
    border-radius: 4.533333333vw;
    height: 9.066666667vw;
    line-height: 9.066666667vw;
    max-width: 18.13333333vw;
    right: 0;
  }
}
#topic_edit .topic_save.save_disabled {
  background-color: #c7c7c7;
}
#topic_edit #contents > .inner {
  padding: 0 0 67px !important;
}
@media (max-width: 750px) {
  #topic_edit #contents > .inner {
    padding: 13.33333333vw 0 13.33333333vw !important;
  }
}
#topic_edit .item_content {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
#topic_edit .select_plan .inner {
  padding: 16px 10px;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_edit .select_plan .inner {
    padding: 1.6vw 1vw;
  }
}
@media (max-width: 750px) {
  #topic_edit .select_plan .inner {
    padding: 3.466666667vw 2.67vw;
  }
}
#topic_edit .select_plan .inner .title-check {
  font-size: 14px;
  font-weight: 700;
  color: #272727;
  margin-bottom: 16px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_edit .select_plan .inner .title-check {
    font-size: 1.4vw;
    margin-bottom: 1.6vw;
  }
}
@media (max-width: 750px) {
  #topic_edit .select_plan .inner .title-check {
    font-size: 14px;
    font-size: 3.7333333333vw;
    margin-bottom: 4.266666667vw;
  }
}
#topic_edit .select_plan .inner .items_detail {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 14px;
  background-color: #fff;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_edit .select_plan .inner .items_detail {
    padding: 1.4vw;
    border-radius: 0.8vw;
  }
}
@media (max-width: 750px) {
  #topic_edit .select_plan .inner .items_detail {
    border-radius: 2.133333333vw;
    padding: 3.733333333vw;
  }
}
#topic_edit .select_plan .inner .items_detail li {
  font-size: 12px;
  font-weight: 700;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_edit .select_plan .inner .items_detail li {
    font-size: 1.2vw;
    margin-bottom: 1.2vw;
  }
}
@media (max-width: 750px) {
  #topic_edit .select_plan .inner .items_detail li {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
#topic_edit .select_plan .inner .items_detail li label {
  margin-right: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #topic_edit .select_plan .inner .items_detail li label {
    margin-right: 1.3vw;
  }
}
@media (max-width: 750px) {
  #topic_edit .select_plan .inner .items_detail li label {
    margin-right: 1.6vw;
  }
}
#topic_edit textarea.topic_description {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_edit textarea.topic_description {
    margin-bottom: 2.666666667vw;
  }
}
#topic_edit .topic_content {
  padding: 40px 13px 0;
}
@media (max-width: 750px) {
  #topic_edit .topic_content {
    padding: 8vw 2.666666667vw 0;
  }
}
#topic_edit .topic_private {
  padding: 27px 13px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
@media (max-width: 750px) {
  #topic_edit .topic_private {
    padding: 5.333333333vw 2.6666667vw;
  }
}
#topic_edit #cke_topic_content {
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #topic_edit #cke_topic_content {
    margin-bottom: 2.666666667vw;
  }
}
#topic_edit .group {
  margin-bottom: 21px;
}
#topic_edit .group input.topic_name {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #topic_edit .group {
    margin-bottom: 4.266666667vw;
  }
}
#topic_edit .box_btn_create_topic {
  width: 100%;
  position: fixed;
  max-width: 750px;
  bottom: 0;
  z-index: 9;
  background-color: #fff;
}
@media (max-width: 750px) {
  #topic_edit .box_btn_create_topic {
    bottom: 16vw;
  }
}
#topic_edit .box_btn_create_topic > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21.28px 31.92px;
}
@media (max-width: 750px) {
  #topic_edit .box_btn_create_topic > .inner {
    padding: 4.256vw 6.384vw;
  }
}

#list_likes {
  background-color: #fafafa;
  position: relative;
}
#list_likes header.header {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}
#list_likes header.header > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  position: relative;
  height: 100%;
  padding: 24px 0;
}
@media (max-width: 750px) {
  #list_likes header.header > .inner {
    margin: 0 2.933vw;
    padding: 0 4.8vw;
  }
}
#list_likes header.header > .inner .ttl_header {
  font-size: 21px;
}
@media (max-width: 750px) {
  #list_likes header.header > .inner .ttl_header {
    font-size: 4.267vw;
  }
}
#list_likes #main_content section#contents > .inner {
  padding-top: 80px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner {
    padding-top: 16vw !important;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper {
  min-height: 70vh;
  padding: 13px 13px 36px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper {
    padding: 2.667vw 2.667vw 7.2vw;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li {
  background-color: #f4f4f4;
  border: 1px solid #E3E3E3;
  border-radius: 13px;
  margin-bottom: 21px;
  padding: 21px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper ul li {
    border-radius: 2.667vw;
    margin-bottom: 4.267vw;
    padding: 4.267vw;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content {
  position: relative;
  margin-bottom: unset;
  padding: unset;
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper {
  margin-bottom: 0;
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .img_creator {
  width: 53px;
  height: 53px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .img_creator {
    width: 10.667vw;
    height: 10.667vw;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_img {
  width: 49px;
  height: 49px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_img {
    width: 9.86vw;
    height: 9.86vw;
    margin: 0.4vw;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_info {
  padding-left: 13px;
  text-align: left;
  line-height: 27px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_info {
    padding-left: 2.667vw;
    line-height: 5.333vw;
  }
}
#list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_info h3 {
  margin-bottom: 0;
  font-size: 16px;
}
@media (max-width: 750px) {
  #list_likes #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .name_wrapper .name_info h3 {
    font-size: 3.2vw;
  }
}
#list_likes.infomation_fan #main_content section#contents > .inner .list_likes_wrapper ul li {
  padding: 45px 21px 21px;
}
@media (max-width: 750px) {
  #list_likes.infomation_fan #main_content section#contents > .inner .list_likes_wrapper ul li {
    padding: 9.067vw 4.267vw 4.267vw;
  }
}
#list_likes.infomation_fan #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .info_date_fan {
  position: absolute;
  top: -29px;
  right: 0;
  color: #9b9b9b;
  font-size: 15px;
}
@media (max-width: 750px) {
  #list_likes.infomation_fan #main_content section#contents > .inner .list_likes_wrapper ul li .item_content .info_date_fan {
    font-size: 2.933vw;
    top: -5.867vw;
  }
}
#list_likes .notification {
  width: 100%;
  height: 200px;
  background-color: #F4F4F4;
  border: none;
  color: #9B9B9B;
  font-size: 17px;
  line-height: 31px;
  outline: none;
}
@media (max-width: 750px) {
  #list_likes .notification {
    height: 40vw;
    line-height: 6.133333333vw;
    font-size: 3.466666667vw;
  }
}

#help {
  background: rgba(255, 255, 255, 0.5);
  overflow-x: hidden;
}
#help.creator_guide_top header.header {
  max-width: 750px;
  margin: 0 auto;
  position: fixed;
  width: 100%;
  z-index: 2;
  background-color: #fafafa;
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #help.creator_guide_top header.header {
    height: 13.333vw;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
  }
}
#help.creator_guide_top header.header > .inner {
  position: relative;
}
#help.creator_guide_top header.header > .inner .ttl_header {
  font-size: 18px;
  color: #272727;
  text-align: center;
}
@media (max-width: 750px) {
  #help.creator_guide_top header.header > .inner .ttl_header {
    font-size: 3.733vw;
  }
}
#help.creator_guide_top #wrapper {
  padding: 0;
  display: flex;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper {
    padding: 16vw 2.667vw 0;
  }
}
#help.creator_guide_top #wrapper #main_content_guide {
  flex: 1;
  max-width: 750px;
  position: relative;
  padding: 0 13px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper #main_content_guide {
    padding: 0;
  }
}
#help.creator_guide_top #wrapper #nav > .inner .nav_image > .wrapper {
  background-color: transparent;
  padding: 0;
}
#help.creator_guide_top #wrapper .header_navigation {
  padding-top: 58px;
  margin-bottom: 46px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper .header_navigation {
    padding-top: 0;
    margin-bottom: 9.067vw;
  }
}
#help.creator_guide_top #wrapper .header_navigation .tab_content {
  display: flex;
  margin-left: -13px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper .header_navigation .tab_content {
    margin-left: -2.667vw;
  }
}
#help.creator_guide_top #wrapper .header_navigation .tab_content li {
  flex: 0 0 50%;
}
#help.creator_guide_top #wrapper .header_navigation .tab_content li a {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  color: #4b4b4b;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper .header_navigation .tab_content li a {
    font-size: 2.667vw;
    padding: 3.2vw 0;
  }
}
#help.creator_guide_top #wrapper .header_navigation .tab_content li.active a {
  color: #4b4b4b;
  border-bottom: 2px solid #4b4b4b;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper .header_navigation .tab_content li.active a {
    border-bottom: 0.533333333vw solid #4b4b4b;
  }
}
#help.creator_guide_top #wrapper section.section.tab_item {
  display: block;
  text-align: left;
}
#help.creator_guide_top #wrapper section.section.question_help .inner {
  padding: 0 0 87px 0;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner {
    padding: 0 0 17.333vw 0;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .contacts {
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .contacts {
    margin-bottom: 8.533vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .contacts p {
  color: #272727;
  font-size: 19px;
  line-height: 32px;
  margin-bottom: 33px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .contacts p {
    font-size: 3.733vw;
    line-height: 6.4vw;
    margin-bottom: 6.667vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq {
  text-align: left;
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item {
  background-color: #f5f3ed;
  color: #272727;
  position: relative;
  margin-bottom: 21px;
  cursor: pointer;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item {
    margin-bottom: 4.267vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item h3 {
  font-size: 19px;
  padding: 28px 21px;
  font-weight: bold;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item h3 {
    font-size: 3.733vw;
    padding: 5.6vw 4.267vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item:after {
  content: " ";
  background: url(../images/img_guide/top_icon_tab.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item:after {
    width: 6.4vw;
    height: 6.4vw;
    right: 4.267vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item.active:after {
  background: url(../images/img_guide/top_icon_tab_open.png) no-repeat;
  margin-top: 14px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item.active:after {
    margin-top: 2.8vw;
  }
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_item:last-child {
  margin-bottom: 0;
}
#help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_f .content_help_class {
  display: none;
  padding: 20px 13px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.question_help .inner .faq .accordion_f .content_help_class {
    padding: 4vw 2.667vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner {
  padding: 0 0 87px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner {
    padding: 0 0 17.333vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide {
  font-weight: bold;
  margin-bottom: 31px;
  text-align: center;
  color: #4b4b4b;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide {
    margin-bottom: 6.133vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  align-items: center;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div {
    margin-bottom: 4vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div > img {
  width: 43px;
  height: 43px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div > img {
    width: 8.533vw;
    height: 8.533vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div h3 {
  font-size: 31px;
  position: relative;
  padding-left: 13px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide > div h3 {
    font-size: 6.133vw;
    padding-left: 2.667vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide span {
  color: #42bc8d;
  font-size: 15px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .tlt_guide span {
    font-size: 2.933vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul {
  display: flex;
  flex-flow: column;
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li {
  margin-bottom: 21px;
  position: relative;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li {
    margin-bottom: 4.267vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li a {
  background-color: #fff;
  border-radius: 13px;
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 19px;
  font-weight: bold;
  padding: 28px 64px 28px 21px;
  line-height: 32px;
  border: 1px solid #e3e3e3;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li a {
    border-radius: 2.667vw;
    font-size: 3.733vw;
    padding: 5.6vw 12.8vw 5.6vw 4.267vw;
    line-height: 6.4vw;
  }
}
#help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li:after {
  content: " ";
  background: url(../images/vertical/btn_backarrow.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 32px;
  height: 32px;
}
@media (max-width: 750px) {
  #help.creator_guide_top #wrapper section.section.creator_guide_content .inner .list_item_guide ul li:after {
    width: 6.4vw;
    height: 6.4vw;
    right: 4.267vw;
  }
}

#create_guide {
  background: rgba(255, 255, 255, 0.5);
  overflow-x: hidden;
}
#create_guide .wrapper_content {
  padding: 0 13px;
}
@media (max-width: 750px) {
  #create_guide .wrapper_content {
    padding: 16vw 2.667vw 0;
  }
}
#create_guide header.header {
  max-width: 750px;
  margin: 0 auto;
  position: fixed;
  width: 100%;
  z-index: 2;
  background-color: #fafafa;
  height: 67px;
}
@media (max-width: 750px) {
  #create_guide header.header {
    height: 13.3333333333vw;
    left: 0;
    border-bottom: 1px solid #e5e5e5;
  }
}
#create_guide header.header > .inner {
  position: relative;
}
#create_guide header.header > .inner .ttl_header {
  font-size: 18px;
  color: #272727;
  text-align: center;
}
@media (max-width: 750px) {
  #create_guide header.header > .inner .ttl_header {
    font-size: 3.733vw;
  }
}
#create_guide #wrapper {
  padding: 0;
  display: flex;
}
#create_guide #wrapper #main_content_guide {
  flex: 1;
  max-width: 750px;
  position: relative;
  padding-top: 67px;
}
@media (max-width: 750px) {
  #create_guide #wrapper #main_content_guide {
    padding: 0;
  }
}
#create_guide #wrapper .go_to_guide {
  text-align: left;
  margin-bottom: 32px;
  padding-top: 58px;
}
#create_guide #wrapper .go_to_guide a {
  color: #10a264;
  font-size: 16px;
}
@media (max-width: 750px) {
  #create_guide #wrapper .go_to_guide a {
    margin-bottom: 6.4vw;
    font-size: 3.2vw;
  }
}
@media (max-width: 750px) {
  #create_guide #wrapper .go_to_guide {
    padding-top: 0;
    margin-bottom: 6.4vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide {
  margin-bottom: 56px;
  color: #272727;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner {
  padding: 0;
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide .title_back_plan h3 {
  margin-top: 15px;
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide p {
  font-size: 19px;
  text-align: left;
  line-height: 34px;
  color: #272727;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide p {
    line-height: 6.4vw;
    font-size: 3.733vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_notice_guide p .text_red {
  font-weight: 700;
  color: #ff5858;
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide {
  background-color: #42bc8d;
  padding: 4px;
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents {
  background-color: #fafafa;
  text-align: left;
  padding: 32px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents {
    padding: 6.4vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents > p {
  font-size: 19px;
  margin-bottom: 28px;
  font-weight: bold;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents > p {
    margin-bottom: 5.592vw;
    font-size: 3.733vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents ul li {
  color: #10a264;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents ul li {
    margin-bottom: 5.917vw;
    font-size: 3.467vw;
  }
}
#create_guide #wrapper section.section#info_notice_guide > .inner .item_box_guide .box_contents ul li:last-child {
  margin-bottom: 0;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide {
  margin-bottom: 56px;
  color: #272727;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide p {
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-size: 19px;
  line-height: 32px;
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide p {
    line-height: 6.4vw;
    font-size: 3.733vw;
    margin-bottom: 8vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide p strong {
  font-weight: bold;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide p span {
  font-weight: 300;
  color: #42bc8d;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .text_green {
  font-weight: 700;
  color: #48b5b2;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .benefits_plan p {
  font-size: 17px;
  color: #272727;
  line-height: 31px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .benefits_plan p {
    line-height: 6.133vw;
    font-size: 3.467vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan {
  margin: 0 auto 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan > img {
  max-width: 119px;
  width: 100%;
  margin-bottom: 11px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan > img {
    max-width: 23.733vw;
    margin-bottom: 2.133vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan h4 {
  font-size: 24px;
  margin-bottom: 11px;
  font-weight: bold;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan h4 {
    margin-bottom: 2.133vw;
    font-size: 4.8vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan span {
  font-size: 19px;
  font-weight: bold;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .avatar_plan span {
    font-size: 3.733vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan strong {
  font-weight: bold;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__ {
  font-size: 21px;
  text-align: left;
  display: flex;
  align-items: center;
  color: #272727;
  font-weight: bold;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__ {
    margin-bottom: 3.2vw;
    font-size: 4.267vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_help {
  font-size: 21px;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_help {
    font-size: 4.267vw;
    margin-bottom: 3.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_icon_vip {
  position: relative;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_icon_vip:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  background-image: url("../images/img_guide/star_vip_blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_icon_vip:before {
    width: 4.8vw;
    height: 4.8vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_icon_vip h2 {
  padding-left: 25px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content .tlt__.tlt_icon_vip h2 {
    padding-left: 5.067vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content p a {
  color: #5285f7;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content span.item_text {
  text-align: left;
  display: block;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content.list_text {
  padding: 0;
  line-height: 32px;
  font-size: 19px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content.list_text {
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content.list_text .tlt__ {
  margin-bottom: 53px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .list_standard_plan ul li .item_content.list_text .tlt__ {
    margin-bottom: 10.6666666667vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan {
  text-align: left;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li {
    margin-bottom: 3.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents {
  border-radius: 13px;
  border: 3px solid #42bc8d;
  background-color: #fafafa;
  text-align: left;
  padding: 32px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents {
    border-radius: 2.667vw;
    padding: 6.4vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help {
  font-size: 21px;
  margin-bottom: 0;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help {
    font-size: 4.267vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help:before {
  background-color: #42bc8d;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help h2 {
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help h2 {
    margin-bottom: 4.8vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help .exp_desp {
  font-size: 17px;
  color: #c7c7c7;
  margin-bottom: 41px;
  display: block;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help .exp_desp {
    font-size: 3.467vw;
    margin-bottom: 8.267vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help .exp_desp.exp_pack {
  color: #42bc8d;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help .exp_desp.exp_pack_vip {
  color: #5285f7;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help p {
  font-size: 19px;
  line-height: 32px;
  font-weight: 400;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents .tlt_help p {
    line-height: 6.4vw;
    font-size: 3.733vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents.box_content_vip {
  border: 3px solid #5285f7;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents.box_content_vip .tlt_help:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  background-image: url("../images/img_guide/star_vip_blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  background-color: unset;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents.box_content_vip .tlt_help:before {
    width: 4.8vw;
    height: 4.8vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents.box_content_vip .tlt_help h2 {
  padding-left: 25px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li .box_contents.box_content_vip .tlt_help h2 {
    padding-left: 5.067vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .exp_plan ul li:last-child {
  margin-bottom: 0;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan {
  text-align: left;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help {
  font-size: 21px;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help {
    font-size: 4.267vw;
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help:before {
  background-color: #42bc8d;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help h2 {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help h2 {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help p {
  font-weight: 400;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help p strong {
  font-weight: bold;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan ul li .tlt_help p span {
  color: #42bc8d;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan .benefits_plan {
  margin-bottom: 55px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .list_about_plan .benefits_plan {
    margin-bottom: 10.933vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .btn.btn_inquiry {
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .about_plan .btn.btn_inquiry {
    margin-bottom: 6.4vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide:last-child {
  margin-bottom: 67px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide:last-child {
    margin-bottom: 13.333vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .caution {
  background-color: #f0e6ea;
  border-radius: 13px;
  padding: 21px;
  font-weight: bold;
  margin-bottom: 56px;
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .caution h4 {
  color: #9f3862;
  margin: 21px auto;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .caution h4 {
    margin: 4.266666667vw auto;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .caution p {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .caution p {
    margin-bottom: 11.2vw;
  }
}
#create_guide #wrapper section.section#contents > .inner .item_content_guide .caution p:last-child {
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .caution p:last-child {
    margin-bottom: 4.266666667vw;
  }
}
@media (max-width: 750px) {
  #create_guide #wrapper section.section#contents > .inner .item_content_guide .caution {
    margin-bottom: 11.2vw;
    padding: 4.267vw;
    border-radius: 2.667vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner {
  margin-bottom: 67px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner {
    margin-bottom: 13.333vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .tlt_help {
  text-align: left;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .tlt_help:before {
  background-color: #42bc8d;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .tlt_help h2 {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .tlt_help h2 {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member {
  text-align: left;
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member {
    margin-bottom: 8.533vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member span {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 13px;
  display: block;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member span {
    font-size: 3.733vw;
    margin-bottom: 2.667vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member .text_green {
  font-weight: 600;
  color: #42bc8d;
  display: inline;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member .text_red {
  font-weight: 700;
  color: #ff5858;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member:last-child {
  margin-bottom: 0;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .item_flow_member .text_light_red {
  display: inline;
  font-weight: 700;
  color: #FF7192;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .item_content_guide .equipment p strong {
  display: unset;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item {
  text-align: left;
  color: #272727;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p {
  font-size: 19px;
  margin-bottom: 16px;
  font-weight: bold;
  line-height: 32px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p {
    line-height: 6.4vw;
    margin-bottom: 3.2vw;
    font-size: 3.733vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p span {
  font-weight: 300;
  color: #42bc8d;
  display: block;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p b {
  display: block;
  font-weight: 300;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.txt_desp_guide {
  font-weight: 300;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.txt_desp_guide {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.txt_desp_guide strong {
  font-weight: bold;
  display: block;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.no_font_weight {
  font-weight: 300;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.no_font_weight {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.txt_add_bottom {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item p.txt_add_bottom {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .thumbnail {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .thumbnail {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .thumbnail.no_bottom {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .thumbnail.no_bottom {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .thumbnail p {
  font-weight: normal;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .equipment p {
  font-weight: 300;
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .equipment p {
    margin-bottom: 8vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .equipment p a {
  font-weight: 600;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .no_p_bottom p:last-child {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_item .no_p_bottom p:last-child {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_list .benefits_plan .thumbnail {
  margin-bottom: 23px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_list .benefits_plan .thumbnail {
    margin-bottom: 4.533vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_list .benefits_plan p {
  margin-bottom: 23px;
  line-height: 31px;
  text-align: left;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_list .benefits_plan p {
    margin-bottom: 4.533vw;
    line-height: 6.133vw;
  }
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .exp_guide_list .benefits_plan p:last-child {
  margin-bottom: 0;
}
#create_guide.guide_youtube #wrapper section.section#contents > .inner .btn.btn_inquiry {
  margin-bottom: 32px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube #wrapper section.section#contents > .inner .btn.btn_inquiry {
    margin-bottom: 6.4vw;
  }
}
#create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help {
  font-size: 21px;
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help {
    font-size: 4.267vw;
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help:before {
  background-color: #48b5b2;
}
#create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help h2 {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help h2 {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help p {
  font-weight: 400;
}
#create_guide.guide_youtube.guide_line #wrapper section.section .tlt_help p strong {
  font-weight: bold;
}
#create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .no_font_weight {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .no_font_weight {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .no_font_weight strong {
  font-weight: bold;
  display: block;
}
#create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .no_font_weight.no_bottom {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .no_font_weight.no_bottom {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_message #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube.guide_message #wrapper section.section .tlt_help {
  font-size: 21px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_message #wrapper section.section .tlt_help {
    font-size: 4.267vw;
  }
}
#create_guide.guide_youtube.guide_message #wrapper section.section .tlt_help:before {
  background-color: #42bc8d;
}
#create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .no_font_weight {
  margin-bottom: 56px;
  font-size: 19px;
  text-align: left;
  line-height: 32px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .no_font_weight {
    margin-bottom: 11.2vw;
    font-size: 3.733333333vw;
    line-height: 6.4vw;
  }
}
#create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .no_font_weight strong {
  font-weight: bold;
  display: block;
}
#create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .no_font_weight.no_bottom {
  margin-bottom: 0;
}
#create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_post #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube.guide_post #wrapper section.section .tlt_help {
  font-size: 21px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_post #wrapper section.section .tlt_help {
    font-size: 4.267vw;
  }
}
#create_guide.guide_youtube.guide_post #wrapper section.section .tlt_help:before {
  background-color: #42bc8d;
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .no_font_weight {
  margin-bottom: 56px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .no_font_weight {
    margin-bottom: 11.2vw;
  }
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .no_font_weight strong {
  font-weight: bold;
  display: block;
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .no_font_weight.no_bottom {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .no_font_weight.no_bottom {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_bulletin_board #wrapper section.section#contents > .inner .equipment.no_bottom p:last-child {
    margin-bottom: 3.2vw;
  }
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section .tlt_help {
  font-size: 21px;
}
@media (max-width: 750px) {
  #create_guide.guide_youtube.guide_bulletin_board #wrapper section.section .tlt_help {
    font-size: 4.267vw;
  }
}
#create_guide.guide_youtube.guide_bulletin_board #wrapper section.section .tlt_help:before {
  background-color: #48b5b2;
}

.styleguide {
  width: 100%;
  margin: 0 auto;
}
.styleguide .btn_plan {
  line-height: 45px;
  height: 45px;
}
.styleguide #wrapper_guide {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.styleguide #wrapper_guide > .header {
  background-color: transparent;
  height: 67px;
  border-bottom: 1px solid #E5E5E5;
}
.styleguide #wrapper_guide header {
  max-width: 500px;
  margin: 0 auto;
  position: inherit;
  left: unset;
  transform: unset;
}
.styleguide #wrapper_guide header#header {
  position: inherit;
}
.styleguide #wrapper_guide header.header > .inner .message_btn a {
  background-color: #4B4B4B;
  border-radius: 23px;
  right: 12px;
  font-weight: 700;
}
.styleguide #wrapper_guide header.header > .inner .message_btn a.edit {
  background-color: #4B4B4B;
}
.styleguide #wrapper_guide header.header > .inner .message_btn a.del {
  background-color: #FF5858;
  margin: 0 0 0 8px;
}
.styleguide #wrapper_guide header.header > .inner .message_btn a.icon_reply {
  padding: 0;
  display: block;
  width: 56px;
  height: 45px;
  background-color: #5285f7;
  overflow: hidden;
  border-radius: 23px;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide header.header > .inner .message_btn a.icon_reply {
    width: 11.2vw;
    height: 9.066666667vw;
    border-radius: 4.533333333vw;
  }
}
.styleguide #wrapper_guide header.header > .inner .message_btn a.icon_reply img {
  width: auto;
  height: 100%;
}
.styleguide #wrapper_guide header.header > .inner a.cancel {
  color: #5285f7;
  left: 0;
  position: absolute;
}
.styleguide #wrapper_guide header .content_wrapper .brand {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}
.styleguide #wrapper_guide header .content_wrapper .brand .title_top {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
}
.styleguide #wrapper_guide #main {
  padding-top: 40px;
}
.styleguide #wrapper_guide #main .title_guide {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
}
.styleguide #wrapper_guide #main .room_vip {
  background-color: #fafafa;
  width: 100%;
  margin: auto;
  z-index: 2;
  height: 67px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip {
    max-width: 100%;
    height: auto;
  }
}
.styleguide #wrapper_guide #main .room_vip > .inner {
  padding: 23px 0;
  position: relative;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip > .inner {
    padding: 4.266666667vw 0;
  }
}
.styleguide #wrapper_guide #main .room_vip > .inner .ttl_header {
  font-size: 18px;
  color: #272727;
  text-align: center;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip > .inner .ttl_header {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.styleguide #wrapper_guide #main .room_vip > .inner .ttl_header img {
  position: absolute;
  right: 15px;
  width: 25px;
  height: 27px;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip > .inner .ttl_header img {
    right: 4vw;
    width: 5.066666667vw;
    height: 5.333333333vw;
  }
}
.styleguide #wrapper_guide #main .room_vip > .inner a.send_message {
  color: #fff;
  background-color: #4b4b4b;
  border-radius: 2px;
  padding: 10px 20px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 18.7px;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip > .inner a.send_message {
    padding: 2.67vw 5.33vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.styleguide #wrapper_guide #main .room_vip > .inner a.send_reservation {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff6c00;
  color: #fff;
  border-radius: 3px;
  padding: 10px 20px;
}
.styleguide #wrapper_guide #main .room_vip.has_redirect {
  border-bottom: 1px solid #e5e5e5;
}
.styleguide #wrapper_guide #main .room_vip.has_redirect > .inner {
  position: relative;
}
.styleguide #wrapper_guide #main .room_vip.has_redirect > .inner .redirect_back {
  cursor: pointer;
  z-index: 99;
  width: 15px;
  height: 15px;
  content: "";
  display: block;
  border-right: 2px solid #5285f7;
  border-top: 2px solid #5285f7;
  transform: rotate(-135deg);
  position: absolute;
  left: 21.33px;
  top: 40%;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip.has_redirect > .inner .redirect_back {
    width: 3vw;
    height: 3vw;
    left: 4.26vw;
  }
}
.styleguide #wrapper_guide #main .room_vip.has_redirect > .inner .ttl_header {
  font-size: 24px;
  position: relative;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .room_vip.has_redirect > .inner .ttl_header {
    font-size: 4.2vw;
  }
}
.styleguide #wrapper_guide #main .accbox label {
  background: #34ACB8;
  color: #fff;
  margin: 0 auto;
  display: block;
  border-radius: 24px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border: none;
  text-align: center;
  transition: all 0.5s;
  margin-bottom: 21px;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .accbox label:hover {
  background: #0E7B86;
}
.styleguide #wrapper_guide #main .accbox input {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide {
  font-size: 0;
  padding: 0;
  margin: 0;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide .wrapper_item {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide ._com {
  text-align: center;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li {
  vertical-align: top;
  width: 100%;
  font-size: 14px;
  padding: 0;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view {
  margin: 10px auto;
  padding: 15px;
  width: 100%;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view input {
  display: block;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view input#upload_image {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view .checkbox__ input {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view #popup_modal input {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view .icon_camera input {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .item_icon_styleguide li .styleguide_view .items_detail input {
  display: none;
}
.styleguide #wrapper_guide #main .accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.styleguide #wrapper_guide #main .cssacc:checked + .accshow {
  height: auto;
  background: #ffffff;
  opacity: 1;
  /*border: 1px solid #ddd;*/
}
.styleguide #wrapper_guide #main .view_container {
  width: 100%;
  max-width: 1100px;
  margin: 10px auto 30px;
  border: 1px solid #ddd;
  padding: 0;
}
.styleguide #wrapper_guide #main .view_container > .content_title {
  font-family: "Noto Sans Japanese", "小塚ゴシック Pr6N", "小塚ゴシック Pro", KozGoPr6N, KozGoPro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-align: center;
  padding: 6px;
  border-bottom: 1px solid #ddd;
  color: #666;
  font-size: 11px !important;
}
.styleguide #wrapper_guide #main .view_container > .content {
  overflow: hidden;
  background-color: #efefef;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.styleguide #wrapper_guide #main .view_container > .content > .inner {
  margin: 10px;
  text-align: left;
}
.styleguide #wrapper_guide #main .view_container > .content > .inner > .preview {
  overflow-x: auto;
}
.styleguide #wrapper_guide #main .view_container > .content > .inner > .preview > pre {
  color: #196f97;
  letter-spacing: 0rem;
  max-width: 100%;
}
.styleguide #wrapper_guide #main .view_container > .content:last-child {
  border: none;
}
.styleguide #wrapper_guide #main .view_container > .content > .copybtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 20px;
}
.styleguide #wrapper_guide #main .view_container > .content > .copybtn > a {
  width: 100%;
  height: 20px;
  display: table;
  text-decoration: none;
  background-color: #666;
  color: #F7F7F7;
}
.styleguide #wrapper_guide #main .view_container > .content > .copybtn > a > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 10px !important;
}
.styleguide #wrapper_guide #main #copied {
  position: absolute;
  top: 0;
  left: -100px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: auto;
  height: 20px;
  display: table;
  border-radius: 5px;
}
.styleguide #wrapper_guide #main #copied > .inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 10px;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
}
.styleguide #wrapper_guide #main .btn > .inner > a {
  width: 259px;
  padding: 10px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  border-radius: 24px;
  color: #4B4B4B;
  border: 1px solid #4B4B4B;
  text-align: center;
  font-size: 19px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .btn > .inner > a > img {
  width: 27px;
  height: 27px;
  margin-right: 5px;
}
.styleguide #wrapper_guide #main .preview_link {
  padding: 0 21px 21px;
}
.styleguide #wrapper_guide #main .message_item_buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.styleguide #wrapper_guide #main .message_item_buttons > span {
  background-color: #A28865;
  color: #fff;
  margin-right: 4px;
  font-size: 12px;
  width: 52px;
  height: 23px;
  line-height: 0.5em;
  text-align: center;
  border-radius: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  display: flex;
}
.styleguide #wrapper_guide #main .message_item_buttons > span.btn_important {
  border: 1px solid #F4619F;
  color: #F4619F;
  background-color: #ffffff;
}
.styleguide #wrapper_guide #main .submit_btn {
  padding: 10.64px 31.92px 21.28px;
}
.styleguide #wrapper_guide #main .edit_interaction {
  display: flex;
  justify-content: center;
}
.styleguide #wrapper_guide #main .nav_add {
  position: relative;
  background: #4B4B4B;
  border-radius: 50%;
  width: 117px;
  height: 117px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .nav_add .container_nav_add {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.styleguide #wrapper_guide #main .nav_add .container_nav_add .nav_add_icon {
  margin-bottom: 8px;
}
.styleguide #wrapper_guide #main .nav_add .container_nav_add .nav_add_icon .nav_add_icon .cross {
  width: 49px;
  height: 49px;
}
.styleguide #wrapper_guide #main .nav_add .container_nav_add p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.styleguide #wrapper_guide #main .box_select {
  position: relative;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .box_select input[type=text] {
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  width: 100%;
  height: 53px;
  background-color: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  overflow: hidden;
  outline: unset;
  padding: 0 15px;
  font-size: 16px;
  font-weight: 700;
}
.styleguide #wrapper_guide #main .box_select > ul {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 0 0 8px 8px;
  text-align: left;
}
.styleguide #wrapper_guide #main .box_select > ul > li > span {
  display: block;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
}
.styleguide #wrapper_guide #main .box_select > ul > li > span:hover {
  background-color: #d2edec;
}
.styleguide #wrapper_guide #main .box_select > ul.select {
  display: block;
}
.styleguide #wrapper_guide #main .box_select#select_plan_list:after {
  content: "";
  display: block;
  width: 31.92px;
  height: 31.92px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(../images/btn_downarrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.styleguide #wrapper_guide #main .content_search {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .content_search {
    margin-bottom: 4.266666667vw;
  }
}
.styleguide #wrapper_guide #main .content_search .search_top p {
  font-size: 16px;
  margin-bottom: 19px;
  color: #797979;
  text-align: left;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .content_search .search_top p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.733333333vw;
  }
}
.styleguide #wrapper_guide #main .content_search .search_bottom {
  padding-bottom: 19px;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .content_search .search_bottom {
    padding-bottom: 3.733333333vw;
  }
}
.styleguide #wrapper_guide #main .content_search .search_bottom:after {
  content: "";
  clear: both;
  display: table;
}
.styleguide #wrapper_guide #main .content_search .search_bottom input {
  float: left;
  padding: 13px 21px;
  width: 279px;
  height: 45px;
  border: 1px solid #eeeeee;
  font-size: 19px;
  margin-right: 11px;
  caret-color: #4178f2;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .content_search .search_bottom input {
    height: 9.066666667vw;
    padding: 2.666666667vw 4.266666667vw;
    width: 55.73333333vw;
    margin-right: 2.133333333vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.styleguide #wrapper_guide #main .content_search .search_bottom button.btn_search {
  padding: 11px 27px;
  height: 45px;
  background-color: #5285f7;
  border: 0;
  color: #fff;
  border-radius: 23px;
  font-size: 17px;
  font-weight: 700;
  width: 144px;
  line-height: 1;
}
@media (max-width: 750px) {
  .styleguide #wrapper_guide #main .content_search .search_bottom button.btn_search {
    width: 29.33333333vw;
    height: 9.066666667vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 2.133333333vw 5.333333333vw;
    border-radius: 4.533333333vw;
  }
}
.styleguide #wrapper_guide #main #search_user {
  margin-top: 21px;
  width: 100%;
  height: 45px;
  font-size: 16px;
  background-image: url(../images/icon_search.svg);
  background-repeat: no-repeat;
  background-color: #F4F4F4;
  background-position: 14px 11px;
  background-size: 21px;
  border: #EEEEEE 1px solid;
  padding-left: 48px;
  border-radius: 23px;
}
.styleguide #wrapper_guide #main #search_user p {
  -webkit-transform: translateY(13px);
  transform: translateY(13px);
  color: #797979;
}
.styleguide #wrapper_guide #main #replayable {
  display: none;
}
.styleguide #wrapper_guide #main .toggle_icon {
  width: 53px;
  height: 27px;
  border-radius: 40px;
  position: relative;
  background-color: #C7C7C7;
  transition: 0.1s all;
  transition-delay: 0.3s;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .toggle_icon.active {
  background-color: #9E96D0;
  transition: 0.1s all;
  transition-delay: 0.3s;
}
.styleguide #wrapper_guide #main .toggle_icon.active a {
  right: 3px;
}
.styleguide #wrapper_guide #main .toggle_icon a {
  top: 50%;
  position: absolute;
  width: 21px;
  height: 21px;
  right: calc(100% - 21px - 3px);
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
}
.styleguide #wrapper_guide #main .items_detail {
  border: 1px solid #eeeeee;
  border-radius: 11px;
  padding: 19px;
  background-color: #fff;
}
.styleguide #wrapper_guide #main .items_detail li {
  font-size: 16px;
  font-weight: 700;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.styleguide #wrapper_guide #main .items_detail li label {
  background: unset;
  margin: 0 8px 0 0;
  display: unset;
  border-radius: unset;
  width: 26.7px;
  height: 26.7px;
  line-height: unset;
  font-size: unset;
  border: unset;
  text-align: unset;
  transition: unset;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .items_detail li label:hover {
  background: unset;
}
.styleguide #wrapper_guide #main #nav_bottom {
  width: 100%;
  z-index: 99;
  text-align: center;
  background: #fff;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner {
  position: relative;
  margin: auto;
  max-width: 500px;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul {
  margin: auto;
  max-width: 500px;
  display: flex;
  font-size: 12px;
  list-style: none;
  padding: 0;
  justify-content: flex-start;
  position: relative;
  background-color: #fff;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li {
  width: 20%;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li a {
  display: block;
  line-height: 1;
  color: #4B4B4B;
  padding: 15px 0;
  position: relative;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li a img {
  margin: 0 auto;
  width: 44px;
  height: 44px;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li a p {
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li a > span.ph_thumbnail > span {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main #nav_bottom > .inner > ul li:nth-child(5) a p {
  margin-top: 10px;
}
.styleguide #wrapper_guide #main footer#footer .link > ul {
  padding-bottom: 0;
}
.styleguide #wrapper_guide #main footer#footer .link > ul > li {
  padding: 9px 16px;
  width: auto;
}
.styleguide #wrapper_guide #main footer#footer .link > ul > li.help {
  padding-left: 22px;
}
.styleguide #wrapper_guide #main #pw_form ul {
  margin: 35px 0 22px;
}
.styleguide #wrapper_guide #main .content.attend {
  text-align: left;
  background-color: #F5F3ED;
  border-radius: 13.33px;
  padding: 20px;
  font-size: 16px;
  color: #4B4B4B;
}
.styleguide #wrapper_guide #main .content.attend > h3 {
  font-weight: 700;
}
.styleguide #wrapper_guide #main .content.attend > ul {
  margin: 0.6em 0;
}
.styleguide #wrapper_guide #main .content.attend > ul > li {
  line-height: 1.667;
}
.styleguide #wrapper_guide #main .content.attend a {
  color: #9E96D0;
}
.styleguide #wrapper_guide #main .item_edit {
  border-radius: 15px;
  border: 1px solid #E3E3E3;
  background-color: #F4F4F4;
  display: flex;
  justify-content: space-between;
  padding: 32px;
  margin: 21px 0;
  position: relative;
}
.styleguide #wrapper_guide #main .item_edit .info_plan span {
  text-align: left;
  display: block;
  font-size: 19px;
  font-weight: 700;
  color: #272727;
}
.styleguide #wrapper_guide #main .item_edit .info_plan span.tlt_plan_item {
  margin-bottom: 13px;
}
.styleguide #wrapper_guide #main .item_edit .btn_plan {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 17px;
  right: 17px;
}
.styleguide #wrapper_guide #main .box_btn_create_plan {
  width: 100%;
  z-index: 9;
  background-color: #fff;
}
.styleguide #wrapper_guide #main .box_btn_create_plan > .inner {
  max-width: 500px;
  margin: 0 auto;
  padding: 21.28px 31.92px;
}
.styleguide #wrapper_guide #main .box_btn_create_plan > .inner:disabled {
  background-color: #C7C7C7;
}
.styleguide #wrapper_guide #main .comment_plan {
  text-align: left;
  font-size: 16px;
  background-color: #D2EDEC;
  border-radius: 13px;
  padding: 20px;
  margin-bottom: 48px;
}
.styleguide #wrapper_guide #main .comment_plan h3 {
  font-weight: 700;
  margin-bottom: 13px;
}
.styleguide #wrapper_guide #main .comment_plan p {
  line-height: 27px;
  color: #4B4B4B;
  font-weight: normal;
}
.styleguide #wrapper_guide #main .item_content {
  text-align: left;
}
.styleguide #wrapper_guide #main .item_content .txt__ {
  color: #9E96D0;
  font-size: 15px;
  margin-bottom: 21px;
  line-height: 25px;
}
.styleguide #wrapper_guide #main .item_content p > a {
  color: #9E96D0;
}
.styleguide #wrapper_guide #main .area_image_upload {
  width: 199px;
  height: 199px;
  overflow: hidden;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #F4F4F4;
  margin-bottom: 21px;
  position: relative;
}
.styleguide #wrapper_guide #main .area_image_upload label {
  background: transparent;
  color: unset;
  margin: 0 auto;
  display: initial;
  border-radius: unset;
  width: unset;
  height: unset;
  line-height: unset;
  font-size: unset;
  border: none;
  text-align: center;
  margin-bottom: unset;
}
.styleguide #wrapper_guide #main .area_image_upload label:hover {
  background: transparent;
}
.styleguide #wrapper_guide #main .area_image_upload img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.styleguide #wrapper_guide #main .area_image_upload img.active {
  display: block;
}
.styleguide #wrapper_guide #main .area_image_upload img.icon {
  position: unset;
  width: 116px;
  height: 116px;
  margin: auto;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .area_image_upload input {
  display: none;
}
.styleguide #wrapper_guide #main .upload label {
  background: transparent;
  display: block;
  width: 255px;
  height: 67px;
  line-height: 64px;
  border: 2px solid #9E96D0;
  margin: auto;
  color: #9E96D0;
  font-size: 21px;
  font-weight: 300;
  border-radius: 33px;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .upload label input#upload_image {
  display: none;
}
.styleguide #wrapper_guide #main .upload label:hover {
  background: transparent;
}
.styleguide #wrapper_guide #main .notification_success_wrapper .icon {
  background-color: #9E96D0;
  width: 48px;
  height: 48px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 21px;
}
.styleguide #wrapper_guide #main .notification_success_wrapper .icon img {
  width: 18px;
}
.styleguide #wrapper_guide #main .ev_likes {
  cursor: pointer;
  border-radius: 13px;
  border: 1px solid #EEEEEE;
  padding: 8px;
}
.styleguide #wrapper_guide #main .ev_likes img {
  width: 40px;
  height: 40px;
}
.styleguide #wrapper_guide #main .add_comment {
  margin-left: 12px;
  border-radius: 13px;
  border: 1px solid #EEEEEE;
  padding: 8px;
}
.styleguide #wrapper_guide #main .add_comment img {
  width: 40px;
  height: 40px;
}
.styleguide #wrapper_guide #main #add_comment_topic.btn_submit > button {
  background-color: #A28865;
  border-radius: 29px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  border: none;
  outline: none;
}
.styleguide #wrapper_guide #main .container_to_comment {
  position: relative;
  background: #F5F3ED;
  border-radius: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1607843137) 1px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.1607843137) 1px 1px 1px;
  width: 117px;
  height: 117px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .container_to_comment .icon_comment_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.styleguide #wrapper_guide #main .container_to_comment .icon_comment_btn > p {
  color: #A28865;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.styleguide #wrapper_guide #main .message_modal.modal, .styleguide #wrapper_guide #main .info_modal.modal {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid #F4F4F4;
  padding: 85px 43px 56px 43px;
  width: 436px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .message_modal.modal label, .styleguide #wrapper_guide #main .info_modal.modal label {
  background: transparent;
  color: unset;
  margin: 0 auto;
  display: initial;
  border-radius: unset;
  width: unset;
  height: unset;
  line-height: unset;
  font-size: unset;
  border: none;
  text-align: center;
  margin-bottom: unset;
}
.styleguide #wrapper_guide #main .message_modal.modal label:hover, .styleguide #wrapper_guide #main .info_modal.modal label:hover {
  background: transparent;
}
.styleguide #wrapper_guide #main .message_modal.modal input[type=checkbox] + label, .styleguide #wrapper_guide #main .info_modal.modal input[type=checkbox] + label {
  width: auto;
  height: auto;
  margin: auto;
  padding-left: 30px;
  position: relative;
}
.styleguide #wrapper_guide #main .message_modal.modal input[type=checkbox] + label::before, .styleguide #wrapper_guide #main .info_modal.modal input[type=checkbox] + label::before {
  width: 25px;
  height: 25px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.styleguide #wrapper_guide #main .message_modal.modal input[type=checkbox] + label::after, .styleguide #wrapper_guide #main .info_modal.modal input[type=checkbox] + label::after {
  content: "";
  height: 27px;
  width: 27px;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border: 1px solid transparent;
}
.styleguide #wrapper_guide #main .message_modal.modal .label, .styleguide #wrapper_guide #main .info_modal.modal .label {
  vertical-align: middle;
  font-size: 16px;
  width: auto;
  line-height: 1;
}
.styleguide #wrapper_guide #main .message_modal.modal .inner, .styleguide #wrapper_guide #main .info_modal.modal .inner {
  color: #272727;
}
.styleguide #wrapper_guide #main .message_modal.modal .inner h3, .styleguide #wrapper_guide #main .info_modal.modal .inner h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 21px;
}
.styleguide #wrapper_guide #main .message_modal.modal .inner p, .styleguide #wrapper_guide #main .info_modal.modal .inner p {
  font-size: 19px;
  line-height: 32px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 40px;
}
.styleguide #wrapper_guide #main .message_modal.modal .inner p a, .styleguide #wrapper_guide #main .info_modal.modal .inner p a {
  color: #9E96D0;
  font-weight: 700;
}
.styleguide #wrapper_guide #main .message_modal.modal .inner .upload_file_index, .styleguide #wrapper_guide #main .info_modal.modal .inner .upload_file_index {
  margin-bottom: 21px;
  cursor: pointer;
  background-color: #4B4B4B;
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
}
.styleguide #wrapper_guide #main .info_modal.modal .inner p {
  margin-bottom: 0;
  text-align: center;
}
.styleguide #wrapper_guide #main .info_modal.modal .inner .confirm {
  padding-top: 40px;
}
.styleguide #wrapper_guide #main .info_modal.modal .inner .confirm .btn-confirm {
  padding: 20px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  border-radius: 29px;
  display: block;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .info_modal.modal .inner .confirm .btn-confirm.accept {
  background-color: #4B4B4B;
  margin-bottom: 21px;
  color: #fff;
  display: block;
}
.styleguide #wrapper_guide #main .info_modal.modal .inner .confirm .btn-confirm.denied {
  background-color: #C7C7C7;
}
.styleguide #wrapper_guide #main .remove_image_popup {
  border: 1px solid #F4F4F4;
  border-radius: 8px;
}
.styleguide #wrapper_guide #main .icon_camera {
  position: inherit;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .icon_camera label {
  background: transparent;
  color: unset;
  margin: 0 auto;
  display: initial;
  border-radius: unset;
  width: unset;
  height: unset;
  line-height: unset;
  font-size: unset;
  border: none;
  text-align: center;
  margin-bottom: unset;
}
.styleguide #wrapper_guide #main .icon_camera label:hover {
  background: transparent;
}
.styleguide #wrapper_guide #main #popup_message .modal {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  background-color: #fff;
  border-radius: 40px;
  border: 1px solid #F4F4F4;
  padding: 85px 43px 56px 43px;
  width: 436px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main #popup_redirect_login .message_modal {
  background-color: #f4f4f4;
  padding-bottom: 40px;
}
.styleguide #wrapper_guide #main #popup_redirect_login .message_modal h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 21px;
}
.styleguide #wrapper_guide #main #popup_redirect_login .message_modal a {
  display: block;
  padding: 19px 0 21px 0;
  border-radius: 29px;
  color: #fff;
  background-color: #4B4B4B;
  font-size: 19px;
}
.styleguide #wrapper_guide #main .post .inner {
  padding: 17px 13px;
  text-align: left;
  border-bottom: 1px solid #EEEEEE;
}
.styleguide #wrapper_guide #main .post .inner .type {
  text-align: left;
  color: #707070;
  font-size: 19px;
  font-weight: 300;
  margin-bottom: 16px;
}
.styleguide #wrapper_guide #main .post .inner .file_content {
  height: 237px;
  border-radius: 5px;
  margin-bottom: 16px;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}
.styleguide #wrapper_guide #main .post .inner .file_content img {
  width: auto;
  height: 100%;
}
.styleguide #wrapper_guide #main .post .inner .setting {
  color: #9E96D0;
  font-size: 19px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 16px;
}
.styleguide #wrapper_guide #main .post .inner .setting .edit {
  background: transparent;
  color: unset;
  margin: 0 auto;
  display: initial;
  border-radius: unset;
  width: unset;
  height: unset;
  line-height: unset;
  font-size: unset;
  border: none;
  text-align: center;
  margin-bottom: unset;
  cursor: pointer;
}
.styleguide #wrapper_guide #main .post .inner .setting .edit:hover {
  background: transparent;
}
.styleguide #wrapper_guide #main .post .inner .setting .edit:after {
  content: "|";
  vertical-align: text-top;
  margin: 0 12px;
}
.styleguide #wrapper_guide #main .btn_create {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.styleguide #wrapper_guide #main .btn_create:before {
  content: " ";
  width: 24px;
  height: 24px;
  background-image: url(../images/icon_new.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin-right: 7px;
}
.styleguide #wrapper_guide #main .name_topic {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 13px 13px;
  margin-bottom: 13px;
  text-align: left;
}
.styleguide #wrapper_guide #main .name_topic p {
  font-size: 19px;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li {
  background-color: #F4F4F4;
  border: 1px solid #E3E3E3;
  border-radius: 13px;
  margin-bottom: 21px;
  padding: 45px 21px 21px !important;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content {
  position: relative;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content .name_wrapper {
  margin-bottom: 0;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content .name_wrapper .name_img {
  width: 53px;
  height: 53px;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content .name_wrapper .name_info {
  padding-left: 13px;
  text-align: left;
  line-height: 27px;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content .name_wrapper .name_info h3 {
  margin-bottom: 0;
  font-size: 16px;
}
.styleguide #wrapper_guide #main .list_likes_wrapper ul li .item_content .info_date_fan {
  position: absolute;
  top: -29px;
  right: 0;
  color: #9B9B9B;
  font-size: 15px;
}
.styleguide #wrapper_guide #main .list_board_notify > ul {
  background-color: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 13px;
}
.styleguide #wrapper_guide #main .list_board_notify > ul li {
  padding: 21px !important;
}
.styleguide #wrapper_guide #main .list_board_notify > ul li .item_comment {
  position: relative;
}
.styleguide #wrapper_guide #main .list_board_notify > ul li .item_comment .contents {
  font-size: 19px;
  line-height: 29px;
  margin-bottom: 21px;
  text-align: left;
}
.styleguide #wrapper_guide #main .col_03 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.styleguide #wrapper_guide #main .col_03 li {
  flex: 0 0 33%;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color {
  height: 40px;
  margin: 0 auto;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_01 {
  background-color: #272727;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_02 {
  background-color: #E5E5E5;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_03 {
  background-color: #C7C7C7;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_04 {
  background-color: #EEEEEE;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_05 {
  background-color: #A28865;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_06 {
  background-color: #9B9B9B;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_07 {
  background-color: #9E96D0;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_08 {
  background-color: #D2EDEC;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_09 {
  background-color: #4B4B4B;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_10 {
  background-color: #FF5858;
}
.styleguide #wrapper_guide #main .col_03 li .bg_color.color_11 {
  background-color: #FAFAFA;
}
.styleguide .close_icon {
  width: 33px;
  height: 33px;
  pointer-events: auto;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.styleguide .close_icon .vertical {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9B9B9B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.styleguide .close_icon .horizontal {
  display: inline-block;
  height: 33.3px;
  width: 2.7px;
  background-color: #9B9B9B;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vertical .service_hidden {
  display: none;
}
.vertical .logo_area {
  margin-top: 48px;
}
@media (max-width: 750px) {
  .vertical .logo_area {
    margin-top: 9.6vw;
  }
}
.vertical .logo_area .logo_item {
  margin: 0 auto;
}
.vertical .logo_area .big_logo {
  background: url("../images/vertical/vertical_miglamu/logo_mi-glamu.svg") no-repeat center/contain;
  width: 308px;
  height: 128px;
}
@media (max-width: 750px) {
  .vertical .logo_area .big_logo {
    width: 61.6vw;
    height: 25.6vw;
  }
}
.vertical .logo_area .small_logo {
  opacity: 0.7;
}
.vertical#home #wrapper #main_content #mainview {
  padding: 0;
}
.vertical .imgstan {
  width: 130px !important;
  margin-top: 5px !important;
}
@media (max-width: 750px) {
  .vertical .imgstan {
    width: 97px !important;
  }
}
.vertical .wrapper_flame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #c7c7c7;
}
.vertical .wrapper_flame .top_frame {
  background-image: url("../images/vertical/miglamu/top_flame.svg");
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
}
.vertical .wrapper_flame .top_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/vertical/vertical_miglamu/logo_mi-glamu.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%;
}
.vertical .wrapper_flame .top_image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0.5) 100%);
}
.vertical .crown {
  background-image: url("../images/icon_rankdeco_crown@3x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 75px;
  bottom: 5%;
  transform: translateY(-100%);
  z-index: 10;
  margin-bottom: -9px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical .crown {
    width: 7.5vw;
    height: 7.5vw;
    left: 7.5vw;
  }
}
@media (max-width: 750px) {
  .vertical .crown {
    bottom: 0;
    width: 7.466666667vw;
    height: 7.466666667vw;
    left: 10.4vw;
    margin-bottom: -0.5333333333vw;
  }
}
.vertical a.button.preview > span:after {
  background-image: url("../images/vertical/icon_newpage.svg");
}
.vertical#home .tab_content > .tab_block, .vertical#home_buy_back .tab_content > .tab_block {
  color: #4b4b4b !important;
}
.vertical#home .tab_content > .tab_block.active_tab, .vertical#home_buy_back .tab_content > .tab_block.active_tab {
  border-bottom: 2px solid #4b4b4b !important;
}
.vertical#home header.header .inner, .vertical#home_buy_back header.header .inner {
  background-color: #fafafa;
  border-bottom: none;
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  margin: 0;
}
.vertical#home header.header .header_logo, .vertical#home_buy_back header.header .header_logo {
  width: 100%;
  height: 100%;
  background-image: url("../images/vertical/vertical_miglamu/logo_mi-glamu.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.vertical#home header.header .device, .vertical#home_buy_back header.header .device {
  width: 100%;
  height: 100%;
}
.vertical#home header.header .icon, .vertical#home_buy_back header.header .icon {
  display: none;
  position: absolute;
  right: 16px;
  width: 33px;
  height: 33px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .vertical#home header.header .icon, .vertical#home_buy_back header.header .icon {
    right: 3.2vw;
    width: 6.666666667vw;
    height: 6.666666667vw;
  }
}
.vertical#home header.header .icon.active:before, .vertical#home_buy_back header.header .icon.active:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 0;
  right: -7px;
  background: #ff5858;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  .vertical#home header.header .icon.active:before, .vertical#home_buy_back header.header .icon.active:before {
    right: -1.333333333vw;
  }
}
.vertical#home header.header .icon_message, .vertical#home_buy_back header.header .icon_message {
  display: block;
}
@media (max-width: 750px) {
  .vertical#home header.header .icon_notification, .vertical#home_buy_back header.header .icon_notification {
    display: block;
  }
  .vertical#home header.header .icon_message, .vertical#home_buy_back header.header .icon_message {
    display: none;
  }
}
.vertical#home header.header .ttl_header, .vertical#home_buy_back header.header .ttl_header {
  text-align: center;
  border-bottom: 1px solid #c7c7c7;
}
.vertical#home header.header .ttl_header h1, .vertical#home_buy_back header.header .ttl_header h1 {
  color: #272727;
  font-size: 19px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 750px) {
  .vertical#home header.header .ttl_header h1, .vertical#home_buy_back header.header .ttl_header h1 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
.vertical#home #mainview .thumbnail, .vertical#home_buy_back #mainview .thumbnail {
  z-index: 11;
}
.vertical#home #mainview .thumbnail .ranking_thumbnail, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 25%);
}
.vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -10px;
}
@media (max-width: 750px) {
  .vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking {
    margin-bottom: -5px;
  }
}
.vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .star, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .star {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 750px) {
  .vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .star, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .star {
    width: 4vw;
    height: 4vw;
  }
}
.vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .star.left, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .star.left {
  background-image: url("../images/icon_rankdeco_kira1.svg");
}
.vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .star.right, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .star.right {
  background-image: url("../images/icon_rankdeco_kira2.svg");
}
.vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color: #FFFFFF;
  width: 130px;
  padding: 5px 0;
  font-size: 15px;
  border-radius: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking {
    width: 13vw;
    border-radius: 2vw;
  }
}
@media (max-width: 750px) {
  .vertical#home #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking, .vertical#home_buy_back #mainview .thumbnail .ranking_thumbnail .inner_ranking .ranking {
    width: 16.8vw;
    padding: 1.066666667vw 0;
    font-size: 2.933333333vw;
    border-radius: 4vw;
  }
}
.vertical#home .banners .slide_banner, .vertical#home_buy_back .banners .slide_banner {
  display: block;
  padding: 13px;
  position: unset;
  width: unset;
  height: unset;
  background-color: unset;
}
@media (max-width: 750px) {
  .vertical#home .banners .slide_banner, .vertical#home_buy_back .banners .slide_banner {
    padding: 2.6666666667vw;
  }
}
.vertical#home .banners .slide_banner img, .vertical#home_buy_back .banners .slide_banner img {
  margin: 0 auto;
  height: 190px;
  border-radius: 9px;
}
@media (max-width: 750px) {
  .vertical#home .banners .slide_banner img, .vertical#home_buy_back .banners .slide_banner img {
    border-radius: 1.8666666667vw;
    height: 24vw;
  }
}
.vertical footer#footer {
  background-color: #fafafa;
}
.vertical footer#footer > .inner {
  text-align: left;
  background-color: #fff;
}
.vertical footer#footer > .inner .wrapper {
  background-color: #fff;
  padding: 80px 34px;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .wrapper {
    padding: 16vw 6.933333333vw;
  }
}
.vertical footer#footer > .inner .platform {
  padding: 35px 33px 138px;
  background-color: #f5f5f5;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform {
    padding: 6.933333333vw 6.666666667vw 41.46666667vw;
  }
}
.vertical footer#footer > .inner .platform h3 {
  color: #414141;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 26px;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform h3 {
    font-size: 12px;
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
    line-height: 5.333333333vw;
    margin-bottom: 6.933333333vw;
  }
}
.vertical footer#footer > .inner .platform > .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.vertical footer#footer > .inner .platform > .inner .platform_service {
  text-align: center;
  flex: 0 0 45%;
  margin-bottom: 26px;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform > .inner .platform_service {
    margin-bottom: 5.33vw;
  }
}
.vertical footer#footer > .inner .platform > .inner .platform_service .inner {
  width: 308px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 13px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 103px;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform > .inner .platform_service .inner {
    width: 40.933333vw;
    height: 21.33333333vw;
    border-radius: 2.6666666667vw;
    margin-bottom: 2.4vw;
    height: 20.53333333vw;
  }
}
.vertical footer#footer > .inner .platform > .inner .platform_service .inner img {
  width: 162px;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform > .inner .platform_service .inner img {
    width: 32.533333333vw;
  }
}
.vertical footer#footer > .inner .platform > .inner .platform_service span {
  color: #272727;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 600;
}
@media (max-width: 750px) {
  .vertical footer#footer > .inner .platform > .inner .platform_service span {
    font-size: 10px;
    font-size: 2.6666666667vw;
    letter-spacing: 0.266666667vw;
    line-height: 3.2vw;
  }
}
.vertical footer#footer > .inner.vertical {
  display: block;
}
.vertical footer#footer > .inner.commom {
  display: none;
}
.vertical footer .item_footer .logo_cluster {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .logo_cluster {
    max-width: 80vw;
  }
}
.vertical footer .item_footer .logo {
  background-repeat: no-repeat;
  height: 125px;
  width: 100%;
  background-image: url("../images/logo.svg");
  background-size: contain;
  background-position: 0 center;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .logo {
    height: 25.06666667vw;
  }
}
.vertical footer .item_footer .sublogo {
  background-image: url("../images/vertical/by-mi-glamu2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 133px;
  height: 25px;
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .sublogo {
    margin-bottom: 5.33vw;
    width: 26.66666667vw;
    height: 5.066666667vw;
  }
}
.vertical footer .item_footer .link {
  margin-bottom: 53px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .link {
    margin-bottom: 10.66666667vw;
  }
}
.vertical footer .item_footer .link > ul {
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}
.vertical footer .item_footer .link > ul > li {
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .link > ul > li {
    margin-bottom: 6.933333333vw;
  }
}
.vertical footer .item_footer .link > ul > li > a {
  color: #272727;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 26px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .link > ul > li > a {
    font-size: 12px;
    font-size: 3.2vw;
    letter-spacing: 0.32vw;
    line-height: 5.333333333vw;
  }
}
.vertical footer .item_footer .link > ul > li > a.logo_f img {
  width: 27px;
  margin-right: 7px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .link > ul > li > a.logo_f img {
    width: 5.3vw;
    margin-right: 1.3vw;
  }
}
.vertical footer .item_footer .version {
  margin-bottom: 53px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .version {
    margin-bottom: 10.666666667vw;
  }
}
.vertical footer .item_footer .version .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 13px;
  border: 1px solid #e6e6e6;
  padding: 53px 32px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .version .inner {
    border-radius: 2.666666667vw;
    padding: 10.66666667vw 6.4vw;
  }
}
.vertical footer .item_footer .version .inner .thumbnail_footer {
  background-size: cover;
  background-repeat: no-repeat;
  min-width: 86px;
  min-height: 86px;
  margin-right: 21px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .version .inner .thumbnail_footer {
    min-width: 17.3333333333vw;
    min-height: 17.3333333333vw;
    margin-right: 4.266666667vw;
  }
}
.vertical footer .item_footer .version .inner .accept {
  text-align: left;
}
.vertical footer .item_footer .version .inner .accept .accept_service {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #272727;
  line-height: 24px;
  margin-bottom: 3px;
  display: none;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .version .inner .accept .accept_service {
    font-size: 12px;
    font-size: 3.2vw;
    letter-spacing: 0.16vw;
    line-height: 4.8vw;
    margin-bottom: 0.5333333333vw;
  }
}
.vertical footer .item_footer .version .inner .accept p {
  font-size: 13px;
  letter-spacing: 0.7px;
  color: #9f9f9f;
  line-height: 20px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .version .inner .accept p {
    font-size: 10px;
    font-size: 2.6666666667vw;
    letter-spacing: 0.13333333vw;
    line-height: 4vw;
  }
}
.vertical footer .item_footer .model_press {
  text-align: center;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .model_press {
    margin-bottom: 4.2667vw;
  }
}
.vertical footer .item_footer .copyright {
  text-align: center;
  color: #9f9f9f;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 53px;
}
@media (max-width: 750px) {
  .vertical footer .item_footer .copyright {
    font-size: 10px;
    font-size: 2.6666666667vw;
    letter-spacing: 0.26666667vw;
    line-height: 4vw;
    margin-bottom: 10.66666667vw;
  }
}
.vertical footer .communication_creator_title {
  color: #272727;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 45px;
  margin-bottom: 26px;
  font-weight: 600;
  display: none;
}
@media (max-width: 750px) {
  .vertical footer .communication_creator_title {
    font-size: 24px;
    font-size: 6.4vw;
    letter-spacing: 0.64vw;
    line-height: 9.066666667vw;
    margin-bottom: 5.333333333vw;
  }
}
.vertical footer .communication_creator {
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 26px;
  font-weight: 600;
  display: none;
}
@media (max-width: 750px) {
  .vertical footer .communication_creator {
    font-size: 13.5px;
    font-size: 3.6vw;
    letter-spacing: 0.32vw;
    margin-bottom: 5.333333333vw;
  }
}
.vertical .tab_navigation,
.vertical .tab_navigation_chirld {
  background-color: #fafafa;
  margin-bottom: 13px;
}
.vertical .tab_navigation li > a > span,
.vertical .tab_navigation_chirld li > a > span {
  color: #a28865;
}
@media (max-width: 750px) {
  .vertical .tab_navigation,
  .vertical .tab_navigation_chirld {
    margin-bottom: 2.667vw;
  }
}
.vertical .tab_navigation .tab_content,
.vertical .tab_navigation .tab_content_chirld,
.vertical .tab_navigation .tab_content_chirld_two,
.vertical .tab_navigation .tab_content_chirld_board,
.vertical .tab_navigation .tab_content_chirld_ranking,
.vertical .tab_navigation_chirld .tab_content,
.vertical .tab_navigation_chirld .tab_content_chirld,
.vertical .tab_navigation_chirld .tab_content_chirld_two,
.vertical .tab_navigation_chirld .tab_content_chirld_board,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0 0 17px;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content,
  .vertical .tab_navigation .tab_content_chirld,
  .vertical .tab_navigation .tab_content_chirld_two,
  .vertical .tab_navigation .tab_content_chirld_board,
  .vertical .tab_navigation .tab_content_chirld_ranking,
  .vertical .tab_navigation_chirld .tab_content,
  .vertical .tab_navigation_chirld .tab_content_chirld,
  .vertical .tab_navigation_chirld .tab_content_chirld_two,
  .vertical .tab_navigation_chirld .tab_content_chirld_board,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking {
    padding: 1.6vw 0 0 3.333vw;
  }
}
.vertical .tab_navigation .tab_content li,
.vertical .tab_navigation .tab_content_chirld li,
.vertical .tab_navigation .tab_content_chirld_two li,
.vertical .tab_navigation .tab_content_chirld_board li,
.vertical .tab_navigation .tab_content_chirld_ranking li,
.vertical .tab_navigation_chirld .tab_content li,
.vertical .tab_navigation_chirld .tab_content_chirld li,
.vertical .tab_navigation_chirld .tab_content_chirld_two li,
.vertical .tab_navigation_chirld .tab_content_chirld_board li,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li {
  margin-right: 11px;
  padding-bottom: 15px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li,
  .vertical .tab_navigation .tab_content_chirld li,
  .vertical .tab_navigation .tab_content_chirld_two li,
  .vertical .tab_navigation .tab_content_chirld_board li,
  .vertical .tab_navigation .tab_content_chirld_ranking li,
  .vertical .tab_navigation_chirld .tab_content li,
  .vertical .tab_navigation_chirld .tab_content_chirld li,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li {
    margin-right: 1.733vw;
  }
}
.vertical .tab_navigation .tab_content li.active,
.vertical .tab_navigation .tab_content_chirld li.active,
.vertical .tab_navigation .tab_content_chirld_two li.active,
.vertical .tab_navigation .tab_content_chirld_board li.active,
.vertical .tab_navigation .tab_content_chirld_ranking li.active,
.vertical .tab_navigation_chirld .tab_content li.active,
.vertical .tab_navigation_chirld .tab_content_chirld li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_two li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_board li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li.active {
  color: #a28865;
  border-bottom: 3px solid #a28865;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li.active,
  .vertical .tab_navigation .tab_content_chirld li.active,
  .vertical .tab_navigation .tab_content_chirld_two li.active,
  .vertical .tab_navigation .tab_content_chirld_board li.active,
  .vertical .tab_navigation .tab_content_chirld_ranking li.active,
  .vertical .tab_navigation_chirld .tab_content li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li.active {
    border-bottom: 0.533vw solid #a28865;
  }
}
.vertical .tab_navigation .tab_content li.active .icon_tab,
.vertical .tab_navigation .tab_content_chirld li.active .icon_tab,
.vertical .tab_navigation .tab_content_chirld_two li.active .icon_tab,
.vertical .tab_navigation .tab_content_chirld_board li.active .icon_tab,
.vertical .tab_navigation .tab_content_chirld_ranking li.active .icon_tab,
.vertical .tab_navigation_chirld .tab_content li.active .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld li.active .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_two li.active .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_board li.active .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li.active .icon_tab {
  color: #a28865;
}
.vertical .tab_navigation .tab_content li .icon_tab,
.vertical .tab_navigation .tab_content_chirld li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab,
.vertical .tab_navigation_chirld .tab_content li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab {
  position: relative;
  font-size: 16px;
  color: #4b4b4b;
  font-weight: bold;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li .icon_tab,
  .vertical .tab_navigation .tab_content_chirld li .icon_tab,
  .vertical .tab_navigation .tab_content_chirld_two li .icon_tab,
  .vertical .tab_navigation .tab_content_chirld_board li .icon_tab,
  .vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab,
  .vertical .tab_navigation_chirld .tab_content li .icon_tab,
  .vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab {
    font-size: 3.2vw;
  }
}
.vertical .tab_navigation .tab_content li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab span {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-left: 32px;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li .icon_tab span,
  .vertical .tab_navigation .tab_content_chirld li .icon_tab span,
  .vertical .tab_navigation .tab_content_chirld_two li .icon_tab span,
  .vertical .tab_navigation .tab_content_chirld_board li .icon_tab span,
  .vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab span,
  .vertical .tab_navigation_chirld .tab_content li .icon_tab span,
  .vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab span,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab span,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab span,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab span {
    font-size: 3.2vw;
    padding-left: 6.4vw;
  }
}
.vertical .tab_navigation .tab_content li .icon_tab:before,
.vertical .tab_navigation .tab_content_chirld li .icon_tab:before,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab:before,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab:before,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab:before,
.vertical .tab_navigation_chirld .tab_content li .icon_tab:before,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab:before,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab:before,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab:before,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab:before {
  content: " ";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li .icon_tab:before,
  .vertical .tab_navigation .tab_content_chirld li .icon_tab:before,
  .vertical .tab_navigation .tab_content_chirld_two li .icon_tab:before,
  .vertical .tab_navigation .tab_content_chirld_board li .icon_tab:before,
  .vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab:before,
  .vertical .tab_navigation_chirld .tab_content li .icon_tab:before,
  .vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab:before,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab:before,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab:before,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab:before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.vertical .tab_navigation .tab_content li.active,
.vertical .tab_navigation .tab_content_chirld li.active,
.vertical .tab_navigation .tab_content_chirld_two li.active,
.vertical .tab_navigation .tab_content_chirld_board li.active,
.vertical .tab_navigation .tab_content_chirld_ranking li.active,
.vertical .tab_navigation_chirld .tab_content li.active,
.vertical .tab_navigation_chirld .tab_content_chirld li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_two li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_board li.active,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li.active {
  color: #272727;
  border-bottom: 3px solid #272727;
}
@media (max-width: 750px) {
  .vertical .tab_navigation .tab_content li.active,
  .vertical .tab_navigation .tab_content_chirld li.active,
  .vertical .tab_navigation .tab_content_chirld_two li.active,
  .vertical .tab_navigation .tab_content_chirld_board li.active,
  .vertical .tab_navigation .tab_content_chirld_ranking li.active,
  .vertical .tab_navigation_chirld .tab_content li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_two li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_board li.active,
  .vertical .tab_navigation_chirld .tab_content_chirld_ranking li.active {
    border-bottom: 0.533vw solid #272727;
  }
}
.vertical .tab_navigation .tab_content li .icon_tab,
.vertical .tab_navigation .tab_content_chirld li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab,
.vertical .tab_navigation_chirld .tab_content li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab {
  color: #272727;
}
.vertical .tab_navigation .tab_content li .icon_tab.icon_home:before,
.vertical .tab_navigation .tab_content_chirld li .icon_tab.icon_home:before,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab.icon_home:before,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab.icon_home:before,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab.icon_home:before,
.vertical .tab_navigation_chirld .tab_content li .icon_tab.icon_home:before,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab.icon_home:before,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab.icon_home:before,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab.icon_home:before,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab.icon_home:before {
  background-image: url("../images/vertical/coverju/V_icon_top.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical .tab_navigation .tab_content li .icon_tab.icon_plan:before,
.vertical .tab_navigation .tab_content_chirld li .icon_tab.icon_plan:before,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab.icon_plan:before,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab.icon_plan:before,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab.icon_plan:before,
.vertical .tab_navigation_chirld .tab_content li .icon_tab.icon_plan:before,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab.icon_plan:before,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab.icon_plan:before,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab.icon_plan:before,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab.icon_plan:before {
  background-image: url("../images/vertical/coverju/V_icon_plan.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical .tab_navigation .tab_content li .icon_tab.icon_board:before,
.vertical .tab_navigation .tab_content_chirld li .icon_tab.icon_board:before,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab.icon_board:before,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab.icon_board:before,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab.icon_board:before,
.vertical .tab_navigation_chirld .tab_content li .icon_tab.icon_board:before,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab.icon_board:before,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab.icon_board:before,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab.icon_board:before,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab.icon_board:before {
  background-image: url("../images/vertical/coverju/V_icon_board-1.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical .tab_navigation .tab_content li .icon_tab.icon_ranking:before,
.vertical .tab_navigation .tab_content_chirld li .icon_tab.icon_ranking:before,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab.icon_ranking:before,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab.icon_ranking:before,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab.icon_ranking:before,
.vertical .tab_navigation_chirld .tab_content li .icon_tab.icon_ranking:before,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab.icon_ranking:before,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab.icon_ranking:before,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab.icon_ranking:before,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab.icon_ranking:before {
  background-image: url("../images/vertical/coverju/V_icon_fanlanking.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical .tab_navigation .tab_content li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_two li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_board li .icon_tab span,
.vertical .tab_navigation .tab_content_chirld_ranking li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_two li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_board li .icon_tab span,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li .icon_tab span {
  color: #272727;
}
.vertical .tab_navigation .tab_content li a,
.vertical .tab_navigation .tab_content_chirld li a,
.vertical .tab_navigation .tab_content_chirld_two li a,
.vertical .tab_navigation .tab_content_chirld_board li a,
.vertical .tab_navigation .tab_content_chirld_ranking li a,
.vertical .tab_navigation_chirld .tab_content li a,
.vertical .tab_navigation_chirld .tab_content_chirld li a,
.vertical .tab_navigation_chirld .tab_content_chirld_two li a,
.vertical .tab_navigation_chirld .tab_content_chirld_board li a,
.vertical .tab_navigation_chirld .tab_content_chirld_ranking li a {
  color: #272727;
}
.vertical #popup_enter {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd);
  background-color: #9b9b9b !important;
  z-index: 10000;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: none;
}
@media (max-width: 750px) {
  .vertical #popup_enter {
    background-size: cover;
  }
}
.vertical #popup_enter:before {
  content: "";
  width: 100%;
  height: 50%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.52), rgb(0, 0, 0));
  position: absolute;
  opacity: 0.8;
  bottom: 0;
  left: 0;
}
.vertical #popup_enter .close_enter {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  filter: drop-shadow(0 0 13px rgba(0, 0, 0, 0.5));
}
@media (max-width: 750px) {
  .vertical #popup_enter .close_enter {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    top: 4vw;
    right: 4vw;
    filter: drop-shadow(0 0 2.6666666667vw rgba(0, 0, 0, 0.5));
  }
}
.vertical #popup_enter .wrapper {
  height: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: unset;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 45% !important;
}
.vertical #popup_enter .inner .thumbnail {
  background: transparent linear-gradient(139deg, #a28865, #c6746c, #9975dd);
  width: 185px;
  height: 185px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-bottom: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .thumbnail {
    width: 37.06666667vw;
    height: 37.06666667vw;
    margin-bottom: 4.26vw;
  }
}
.vertical #popup_enter .inner .thumbnail .inner {
  width: 165px;
  height: 165px;
  background-color: #dedede;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  border: 6px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .thumbnail .inner {
    width: 33.06666667vw;
    height: 33.06666667vw;
    border: 1.2vw solid #fff;
  }
}
.vertical #popup_enter .inner .tag_name {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 17px;
  margin-top: 395px;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .tag_name {
    font-size: 4.266666667vw;
    margin-bottom: 3.46vw;
    margin-top: 78.93333333vw;
  }
}
.vertical #popup_enter .inner .tag_name > h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 500px;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .tag_name > h2 {
    max-width: 100vw;
  }
}
.vertical #popup_enter .inner .icon-txt {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .icon-txt {
    font-size: 3.7333333333vw;
    margin-bottom: 4.266666667vw;
  }
}
.vertical #popup_enter .inner .icon-txt .burst {
  background: #019cf6;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  position: relative;
  text-align: center;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .icon-txt .burst {
    width: 3.733333333vw;
    height: 3.733333333vw;
    margin-left: 2.13vw;
  }
}
.vertical #popup_enter .inner .icon-txt .burst span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 2;
}
.vertical #popup_enter .inner .icon-txt .burst span .arrow {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px 2px 4px 2px;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .icon-txt .burst span .arrow {
    border-width: 0 0.4vw 0.4vw 0;
    padding: 0.4vw 0.4vw 0.8vw 0.4vw;
  }
}
.vertical #popup_enter .inner .icon-txt .burst span .bot {
  transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
}
.vertical #popup_enter .inner .icon-txt .burst:before {
  background: #019cf6;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .icon-txt .burst:before {
    width: 3.733333333vw;
    height: 3.733333333vw;
  }
}
.vertical #popup_enter .inner .icon-txt .burst:after {
  background: #019cf6;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .icon-txt .burst:after {
    width: 3.733333333vw;
    height: 3.733333333vw;
  }
}
.vertical #popup_enter .inner .btn_enter {
  background-image: linear-gradient(106deg, #a28865, #c6746c, #9975dd);
  text-transform: uppercase;
  width: 125px;
  height: 52px;
  border-radius: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .vertical #popup_enter .inner .btn_enter {
    width: 25.06666667vw;
    height: 10.4vw;
    border-radius: 7.733333333vw;
    font-size: 2.67vw;
  }
}
.vertical #popup_enter .close_popup {
  cursor: pointer;
}
.vertical#create_plan .navigation .item_subscription span.w_6, .vertical#edit_plan .navigation .item_subscription span.w_6 {
  font-weight: 700;
  color: #272727 !important;
}
.vertical#create_plan .plan_detail_item, .vertical#edit_plan .plan_detail_item {
  color: #c7c7c7 !important;
  background-color: #f4f4f4 !important;
}
.vertical#home_list_post .loading_video {
  position: relative;
}
.vertical#home_list_post .loading_video::after {
  content: "";
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background-size: 400px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.vertical#home header.header .icon_ranking, .vertical#home_buy_back header.header .icon_ranking, .vertical#wrapper_plan header.header .icon_ranking {
  position: absolute;
  top: 50%;
  left: 13px;
  color: #272727;
  font-size: 13px;
  font-weight: bold;
  transform: translateY(-45%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .vertical#home header.header .icon_ranking, .vertical#home_buy_back header.header .icon_ranking, .vertical#wrapper_plan header.header .icon_ranking {
    font-size: 2.6666666667vw;
    left: 2.6666666667vw;
  }
}
.vertical#home header.header .icon_ranking:before, .vertical#home_buy_back header.header .icon_ranking:before, .vertical#wrapper_plan header.header .icon_ranking:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/vertical/miglamu/icon_ranking.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  transform: translateY(-5%);
}
@media (max-width: 750px) {
  .vertical#home header.header .icon_ranking:before, .vertical#home_buy_back header.header .icon_ranking:before, .vertical#wrapper_plan header.header .icon_ranking:before {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.6vw;
  }
}
.vertical #mainview .notice {
  padding: 0 13px;
}
@media (max-width: 750px) {
  .vertical #mainview .notice {
    padding: 0 2.6666666667vw;
  }
}
.vertical #mainview .notice .notice_content .text {
  margin: 7px 0px;
  border-radius: 10px;
  background-color: #E8FFEB;
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .text {
    margin: 1.3333333333vw 0vw;
  }
}
.vertical #mainview .notice .notice_content .text .text_notice {
  padding: 20px;
  font-size: 16px;
  text-align: left;
  line-height: 27px;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic ProN W6";
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .text .text_notice {
    padding: 4vw;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
  }
}
.vertical #mainview .notice .notice_content .text .text_notice .green_text {
  color: #42BC8D;
}
.vertical #mainview .notice .notice_content .text .text_notice .red_text {
  color: #FF5858;
}
.vertical #mainview .notice .notice_content .text .text_notice .grey_text {
  color: #9b9b9b;
}
.vertical #mainview .notice .notice_content .box .box_item {
  background-color: #FFFFFF;
  margin: 7px 0px;
  height: 64px;
  font-size: 19px;
  font-weight: 600;
  border: 2px solid #42BC8D;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .box .box_item {
    margin: 1.3333333333vw 0vw;
    height: 12.8vw;
    font-size: 3.7333333333vw;
  }
}
.vertical #mainview .notice .notice_content .box .box_item .box_item_content {
  display: flex;
  justify-content: center;
  padding: 0px 20px;
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .box .box_item .box_item_content {
    padding: 0vw 4vw;
  }
}
.vertical #mainview .notice .notice_content .box .box_item .box_item_content .box_image {
  width: 32px;
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .box .box_item .box_item_content .box_image {
    width: 6.4vw;
  }
}
.vertical #mainview .notice .notice_content .box .box_item .box_item_content .box_text {
  font-size: 19px;
  color: #272727;
  padding: 23px 8px;
}
@media (max-width: 750px) {
  .vertical #mainview .notice .notice_content .box .box_item .box_item_content .box_text {
    font-size: 3.7333333333vw;
    line-height: 6vw;
    padding: 4.5333333333vw 1.6vw;
  }
}

.vertical_coverju .service_coverju,
.vertical_coverju .service_coverju_show {
  display: block !important;
}
.vertical_coverju .service_coverju_hidden {
  display: none !important;
}
.vertical_coverju#profile .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#profile #popup_enter {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#profile #popup_enter .inner .icon-txt .burst {
  background: #24d6cf;
}
.vertical_coverju#profile #popup_enter .inner .icon-txt .burst:before {
  background: #24d6cf;
}
.vertical_coverju#profile #popup_enter .inner .icon-txt .burst:after {
  background: #24d6cf;
}
.vertical_coverju#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(268deg, #eb3eb3, #d9f535) !important;
  color: #272727 !important;
}
.vertical_coverju .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical_coverju .ranking_thumbnail > .inner_ranking .ranking {
  background-color: #f167c4;
}
.vertical_coverju .crown {
  background-image: url("../images/vertical/coverju/icon_rankdeco_crown_COVERJU@3x.png") !important;
}
.vertical_coverju .wrapper_flame .top_frame {
  background-image: url("../images/vertical/coverju/top_flame.svg");
  background-size: 100%;
}
.vertical_coverju .wrapper_flame .top_image {
  background-image: url("../images/vertical/coverju/cms_logo_banner.svg");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical_coverju #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical_coverju #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju .name_wrapper .img_creator {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home #popup_public_inner {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical_coverju header.header .header_logo {
  background: url("../images/vertical/coverju/COVERJU_logo_sCMS.svg") no-repeat center/20% !important;
}
@media (max-width: 750px) {
  .vertical_coverju header.header .header_logo {
    background-size: 30% !important;
  }
}
.vertical_coverju #nav_main .item_thumbail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju .logo_area .big_logo {
  background: url("../images/vertical/coverju/COVERJU_logo_sCMS.svg") no-repeat center/contain;
  width: 351px;
  height: 101px;
}
@media (max-width: 750px) {
  .vertical_coverju .logo_area .big_logo {
    width: 70.13333333vw;
    height: 20.26666667vw;
  }
}
.vertical_coverju .logo_area .small_logo {
  background: url("../images/vertical/coverju/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 108px;
  height: 35px;
}
@media (max-width: 750px) {
  .vertical_coverju .logo_area .small_logo {
    width: 21.6vw;
    height: 6.933333333vw;
  }
}
.vertical_coverju footer .communication_creator {
  color: #eb3eb3;
}
.vertical_coverju footer .logo_cluster {
  max-width: 321px !important;
}
@media (max-width: 750px) {
  .vertical_coverju footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_coverju footer .logo {
  background-image: url("../images/vertical/coverju/COVERJU_logo.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 69px !important;
}
@media (max-width: 750px) {
  .vertical_coverju footer .logo {
    height: 13.86666667vw !important;
  }
}
.vertical_coverju footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_coverju footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_coverju footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/coverju/Sicon_COVERJU.svg") !important;
}
.vertical_coverju footer .vertical.inner {
  background-color: #fff;
}
.vertical_coverju#create_plan .information_talent .thumbnail, .vertical_coverju#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#create_plan .navigation .item_subscription.active, .vertical_coverju#edit_plan .navigation .item_subscription.active {
  color: #272727 !important;
  border-bottom: 2px solid #272727 !important;
}
.vertical_coverju#create_plan .plan_back_month .t_purple, .vertical_coverju#edit_plan .plan_back_month .t_purple {
  color: #f167c4 !important;
}
.vertical_coverju#create_plan .plan_detail_item.active, .vertical_coverju#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #e1ff5d !important;
}
.vertical_coverju#create_plan .content_back_plan .thumbnail_back_plan, .vertical_coverju#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#create_plan .back_plan .plan_preview_image .blur span, .vertical_coverju#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_coverju.svg") !important;
}
.vertical_coverju#create_plan .back_plan .container > p, .vertical_coverju#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_coverju#create_plan .back_plan .container button.submit.gold, .vertical_coverju#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}
.vertical_coverju #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical_coverju#dashboard #mainview .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#post_setting .explain {
  color: #272727 !important;
}
.vertical_coverju .name_wrapper .name_img {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical_coverju#home_list_post .loading_video::after {
  background-image: url("../images/vertical/coverju/cms_logo.svg");
}
.vertical_coverju#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home_list_post .item_list_post .exp_txt a {
  color: #f167c4 !important;
}
.vertical_coverju#home_list_post .item_list_post .exp_txt > .conti_link > a {
  color: #f167c4 !important;
}
.vertical_coverju#list_post .ph_thumbnail {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home_buy_back .tab_content .tab_block.active_tab, .vertical_coverju#home .tab_content .tab_block.active_tab {
  border-color: #f167c4 !important;
}
.vertical_coverju#home_buy_back .plan_detail_list .plan_detail_item.active, .vertical_coverju#home .plan_detail_list .plan_detail_item.active {
  color: #272727 !important;
  background-color: #e1ff5d !important;
}
.vertical_coverju#home_buy_back .thumbnail_back_plan, .vertical_coverju#home .thumbnail_back_plan {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home_buy_back #popup_enter, .vertical_coverju#home #popup_enter {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home_buy_back #popup_enter .thumbnail, .vertical_coverju#home #popup_enter .thumbnail {
  background-image: linear-gradient(139deg, #d9f535, #eb3eb3) !important;
}
.vertical_coverju#home_buy_back #popup_enter .btn_enter, .vertical_coverju#home #popup_enter .btn_enter {
  background-image: linear-gradient(268deg, #eb3eb3, #d9f535) !important;
  color: #272727 !important;
}
.vertical_coverju #popup_enter {
  background-image: linear-gradient(153deg, #d9f535, #eb3eb3);
}
.vertical_coverju #popup_enter .inner .btn_enter {
  background-image: linear-gradient(268deg, #eb3eb3, #d9f535);
  color: #272727;
}
.vertical_coverju #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/coverju/icon_ranking.svg");
}
.vertical_coverju#home header.header .icon_ranking:before, .vertical_coverju#home_buy_back header.header .icon_ranking:before, .vertical_coverju#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/coverju/icon_ranking.svg");
}

.vertical_miglamu .service_miglamu,
.vertical_miglamu .service_miglamu_show {
  display: block !important;
}
.vertical_miglamu .service_miglamu_hidden {
  display: none !important;
}
.vertical_miglamu#login .creator_name_miglamu {
  display: block;
}
.vertical_miglamu#profile .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#profile .wrapper_flame .top_flame {
  background-image: url("../images/vertical/miglamu/top_flame.svg");
}
.vertical_miglamu .ranking_thumbnail .inner_ranking .ranking {
  background-color: #dd4f8a;
}
.vertical_miglamu .wrapper_flame .top_frame {
  background-image: url("../images/vertical/miglamu/top_flame.svg");
  background-size: 100%;
}
.vertical_miglamu .wrapper_flame .top_image {
  background-image: url("../images/vertical/miglamu/cms_logo.svg");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical_miglamu #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/miglamu/icon_nosetting.svg");
}
.vertical_miglamu#home .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home #popup_public_inner {
  background-image: url("../images/vertical/miglamu/icon_nosetting.svg");
}
.vertical_miglamu#home .wrapper_flame .top_flame {
  background-image: url("../images/vertical/miglamu/top_flame.svg");
}
.vertical_miglamu #nav_main .item_thumbail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu .logo_area .big_logo {
  background: url("../images/vertical/vertical_miglamu/logo_mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 308px;
  height: 128px;
}
@media (max-width: 750px) {
  .vertical_miglamu .logo_area .big_logo {
    width: 61.6vw;
    height: 25.6vw;
  }
}
.vertical_miglamu .logo_area .small_logo {
  display: none;
}
.vertical_miglamu .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/miglamu/icon_nosetting.svg");
}
.vertical_miglamu footer#footer > .inner .wrapper .item_footer .communication_creator {
  color: #00a786;
}
.vertical_miglamu footer#footer > .inner .wrapper .item_footer .logo {
  background-image: url("../images/logo.svg");
  background-size: contain !important;
  background-position: 0 center !important;
}
@media (max-width: 750px) {
  .vertical_miglamu footer#footer > .inner .wrapper .item_footer .logo {
    margin-bottom: 5.3333333333vw;
  }
}
.vertical_miglamu footer#footer > .inner .wrapper .item_footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/vertical_miglamu/Sicon_Mi-glamu.svg");
}
.vertical_miglamu footer#footer > .inner .wrapper .item_footer .communication_creator_title {
  width: 350px;
}
@media (max-width: 750px) {
  .vertical_miglamu footer#footer > .inner .wrapper .item_footer .communication_creator_title {
    width: 70vw;
  }
}
.vertical_miglamu .tab_navigation li > a > span {
  color: #a28865;
}
.vertical_miglamu .tab_navigation .icon_home:before {
  background-image: url("../images/vertical/miglamu/V_icon_top.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical_miglamu .tab_navigation .icon_plan:before {
  background-image: url("../images/vertical/miglamu/V_icon_plan.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical_miglamu .tab_navigation .icon_board:before {
  background-image: url("../images/vertical/miglamu/V_icon_board.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical_miglamu .tab_navigation .icon_ranking:before {
  background-image: url("../images/vertical/miglamu/V_icon_fanlanking.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.vertical_miglamu#create_plan .information_talent .thumbnail, .vertical_miglamu#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#create_plan .navigation .item_subscription.active, .vertical_miglamu#edit_plan .navigation .item_subscription.active {
  border-bottom: 2px solid #a28865 !important;
}
.vertical_miglamu#create_plan .plan_back_month .t_purple, .vertical_miglamu#edit_plan .plan_back_month .t_purple {
  color: #9e96d0 !important;
}
.vertical_miglamu#create_plan .plan_detail_item.active, .vertical_miglamu#edit_plan .plan_detail_item.active {
  color: #a28865 !important;
  background-color: #f5f3ed !important;
}
.vertical_miglamu#create_plan .content_back_plan .thumbnail_back_plan, .vertical_miglamu#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#create_plan .back_plan .plan_preview_image .blur span, .vertical_miglamu#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock.svg") !important;
}
.vertical_miglamu#create_plan .back_plan .container > p, .vertical_miglamu#edit_plan .back_plan .container > p {
  color: #a28865 !important;
}
.vertical_miglamu#create_plan .back_plan .container button.submit.gold, .vertical_miglamu#edit_plan .back_plan .container button.submit.gold {
  background-color: #a28865 !important;
}
.vertical_miglamu #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/miglamu/icon_nosetting.svg");
}
.vertical_miglamu header.header .header_logo {
  background-size: contain;
}
.vertical_miglamu#profile .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#profile #popup_enter {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#profile #popup_enter .inner .icon-txt .burst {
  background: #fc8461;
}
.vertical_miglamu#profile #popup_enter .inner .icon-txt .burst:before {
  background: #fc8461;
}
.vertical_miglamu#profile #popup_enter .inner .icon-txt .burst:after {
  background: #fc8461;
}
.vertical_miglamu#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(106deg, #a28865, #c6746c, #9975dd) !important;
  color: #fff !important;
}
.vertical_miglamu#dashboard #mainview .thumbnail {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#post_setting .explain {
  color: #a28865 !important;
}
.vertical_miglamu#home_list_post .loading_video::after {
  background-image: url("../images/vertical/miglamu/cms_logo.svg");
}
.vertical_miglamu#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home_list_post .item_list_post .exp_txt a {
  color: #9E96D0 !important;
}
.vertical_miglamu#home_list_post .item_list_post .exp_txt .continue_link a {
  color: #9e96d0 !important;
}
.vertical_miglamu#list_post .ph_thumbnail {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home_buy_back .tab_content .tab_block.active_tab {
  border-color: #9e96d0 !important;
}
.vertical_miglamu#home_buy_back .plan_detail_list .plan_detail_item.active {
  color: #a28865 !important;
  background-color: #f5f3ed !important;
}
.vertical_miglamu#home_buy_back .thumbnail_back_plan {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home_buy_back #popup_enter {
  background-image: linear-gradient(156deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home_buy_back #popup_enter .thumbnail {
  background-image: linear-gradient(139deg, #a28865, #c6746c, #9975dd) !important;
}
.vertical_miglamu#home_buy_back #popup_enter .btn_enter {
  background-image: linear-gradient(106deg, #a28865, #c6746c, #9975dd) !important;
  color: #a28865 !important;
}
.vertical_miglamu #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/miglamu/icon_ranking.svg");
}
.vertical_miglamu#home header.header .icon_ranking:before, .vertical_miglamu#home_buy_back header.header .icon_ranking:before, .vertical_miglamu#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/miglamu/icon_ranking.svg");
}

.vertical.vertical_mimuse .service_mimuse,
.vertical.vertical_mimuse .service_mimuse_show {
  display: block !important;
}
.vertical.vertical_mimuse .service_mimuse_hidden {
  display: none !important;
}
.vertical.vertical_mimuse .logo_area .big_logo {
  background: url("../../assets/images/vertical/mimuse/Mi-muse_logo_sCMS.svg") center/contain no-repeat;
  width: 351px;
  height: 101px;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse .logo_area .big_logo {
    width: 70.13333333vw;
    height: 20.26666667vw;
  }
}
.vertical.vertical_mimuse .logo_area .small_logo {
  background: url("../../assets/images/vertical/by_mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 133px;
  height: 40px;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse .logo_area .small_logo {
    width: 26.66666667vw;
    height: 8vw;
  }
}
.vertical.vertical_mimuse .crown {
  background-image: url("../images/vertical/mimuse/icon_rankdeco_crown_mi-muse@3x.png") !important;
}
.vertical.vertical_mimuse#profile .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#profile #popup_enter {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#profile #popup_enter .inner .icon-txt .burst {
  background: #fc8461;
}
.vertical.vertical_mimuse#profile #popup_enter .inner .icon-txt .burst:before {
  background: #fc8461;
}
.vertical.vertical_mimuse#profile #popup_enter .inner .icon-txt .burst:after {
  background: #fc8461;
}
.vertical.vertical_mimuse#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(296deg, #ffc3a3, #ffe9d8, #d7f7f3) !important;
  color: #272727 !important;
}
.vertical.vertical_mimuse .name_wrapper .img_creator {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse #nav_main .item_thumbail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#home .thumbnail, .vertical.vertical_mimuse#profile .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#home #popup_public_inner, .vertical.vertical_mimuse#profile #popup_public_inner {
  background-image: url("../images/vertical/mimuse/icon_nosetting.svg");
}
.vertical.vertical_mimuse .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/mimuse/icon_nosetting.svg");
}
.vertical.vertical_mimuse .wrapper_flame .top_frame {
  background-image: url("../images/vertical/coverju/top_flame.svg");
  background-size: 100%;
}
.vertical.vertical_mimuse .wrapper_flame .top_image {
  background-image: url("../images/vertical/mimuse/cms_logo2_banner.svg");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical.vertical_mimuse #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/mimuse/icon_nosetting.svg");
}
.vertical.vertical_mimuse #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse .ranking_thumbnail .inner_ranking .ranking {
  background-color: #06bfaa;
}
.vertical.vertical_mimuse header.header .header_logo {
  background-image: url("../images/vertical/mimuse/Mi-muse_logo_sCMS.svg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17% !important;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse header.header .header_logo {
    background-size: 30% !important;
  }
}
.vertical.vertical_mimuse #nav_bottom span.ph_thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse #nav_bottom span.ph_thumbnail span {
  background-image: url("../images/vertical/coverju/icon_nosetting.svg");
}
.vertical.vertical_mimuse footer .communication_creator {
  color: #00a786;
}
.vertical.vertical_mimuse footer .logo_cluster {
  max-width: 244px !important;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse footer .logo_cluster {
    max-width: 48.8vw !important;
  }
}
.vertical.vertical_mimuse footer .logo {
  background-image: url("../images/vertical/mimuse/Mi-muse_logo.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 67px !important;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse footer .logo {
    height: 13.33333333vw !important;
  }
}
.vertical.vertical_mimuse footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical.vertical_mimuse footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical.vertical_mimuse footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/mimuse/Sicon_Mi-muse.svg") !important;
}
.vertical.vertical_mimuse footer .vertical.inner {
  background-color: #fff;
}
.vertical.vertical_mimuse#create_plan .information_talent .thumbnail, .vertical.vertical_mimuse#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#create_plan .navigation .item_subscription.active, .vertical.vertical_mimuse#edit_plan .navigation .item_subscription.active {
  border-bottom: 2px solid #fc8461 !important;
}
.vertical.vertical_mimuse#create_plan .plan_back_month .t_purple, .vertical.vertical_mimuse#edit_plan .plan_back_month .t_purple {
  color: #fc8461 !important;
}
.vertical.vertical_mimuse#create_plan .plan_detail_item.active, .vertical.vertical_mimuse#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #2d504c !important;
}
.vertical.vertical_mimuse#create_plan .content_back_plan .thumbnail_back_plan, .vertical.vertical_mimuse#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#create_plan .back_plan .plan_preview_image .blur span, .vertical.vertical_mimuse#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_mimuse.png") !important;
}
.vertical.vertical_mimuse#create_plan .back_plan .container > p, .vertical.vertical_mimuse#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical.vertical_mimuse#create_plan .back_plan .container button.submit.gold, .vertical.vertical_mimuse#edit_plan .back_plan .container button.submit.gold {
  background-color: #06bfaa !important;
}
.vertical.vertical_mimuse #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/mimuse/icon_nosetting.svg");
}
.vertical.vertical_mimuse#dashboard #mainview .thumbnail {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#post_setting .explain {
  color: #272727 !important;
}
.vertical.vertical_mimuse#home_list_post .loading_video::after {
  background-image: url("../images/vertical/mimuse/cms_logo2.svg");
}
.vertical.vertical_mimuse#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#home_list_post .item_list_post .exp_txt a {
  color: #fc8461 !important;
}
.vertical.vertical_mimuse#home_list_post .item_list_post .exp_txt .continue_link a {
  color: #fc8461 !important;
}
.vertical.vertical_mimuse#list_post .ph_thumbnail {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#home_buy_back .tab_content .tab_block.active_tab {
  border-color: #fc8461 !important;
}
.vertical.vertical_mimuse#home_buy_back .plan_detail_list .plan_detail_item.active {
  color: #272727 !important;
  background-color: #2d504c !important;
}
.vertical.vertical_mimuse#home_buy_back .thumbnail_back_plan {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#home_buy_back #popup_enter {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec) !important;
}
.vertical.vertical_mimuse#home_buy_back #popup_enter .thumbnail {
  background-image: linear-gradient(139deg, #ffc3a3, #ffe9d8, #54e5d4) !important;
}
.vertical.vertical_mimuse#home_buy_back #popup_enter .btn_enter {
  background-image: linear-gradient(296deg, #ffc3a3, #ffe9d8, #d7f7f3) !important;
  color: #272727 !important;
}
.vertical.vertical_mimuse #popup_enter {
  background-image: linear-gradient(339deg, #ffc3a3, #fff, #b2f4ec);
}
.vertical.vertical_mimuse #popup_enter .inner .btn_enter {
  background-image: linear-gradient(296deg, #ffc3a3, #ffe9d8, #d7f7f3);
  color: #272727;
}
.vertical.vertical_mimuse #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/mimuse/icon_ranking.svg");
}
.vertical.vertical_mimuse#home header.header .icon_ranking:before, .vertical.vertical_mimuse#home_buy_back header.header .icon_ranking:before, .vertical.vertical_mimuse#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/mimuse/icon_ranking.svg");
}

.vertical_saunist .service_saunist,
.vertical_saunist .service_saunist_show {
  display: block !important;
}
.vertical_saunist .service_saunist_hidden {
  display: none !important;
}
.vertical_saunist#login .creator_name_saunist > p {
  color: #272727 !important;
}
.vertical_saunist .ranking_thumbnail .inner_ranking .ranking {
  background-color: #5A391C;
}
.vertical_saunist .crown {
  background-image: url("../images/vertical/saunist/icon_rankdeco_SAUNIST@3x.png") !important;
}
.vertical_saunist#profile .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#profile #popup_enter {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#profile #popup_enter .inner .icon-txt .burst {
  background: #ea0f0f;
}
.vertical_saunist#profile #popup_enter .inner .icon-txt .burst:before {
  background: #ea0f0f;
}
.vertical_saunist#profile #popup_enter .inner .icon-txt .burst:after {
  background: #ea0f0f;
}
.vertical_saunist#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
  color: #3b3b3b !important;
}
.vertical_saunist #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/saunist/icon_nosetting.svg");
}
.vertical_saunist .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/saunist/icon_nosetting.svg");
}
.vertical_saunist .wrapper_flame .top_frame {
  background-image: url("../images/vertical/saunist/top_flame.svg");
  background-size: 100%;
}
.vertical_saunist .wrapper_flame .top_image {
  background-image: url("../images/vertical/saunist/UI_logo_SAUNIST_1.svg");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical_saunist #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/saunist/icon_nosetting.svg");
}
.vertical_saunist#dashboard #mainview .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist .name_wrapper .img_creator {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home #popup_public_inner {
  background-image: url("../images/vertical/saunist/icon_nosetting.svg");
}
.vertical_saunist header.header .header_logo {
  height: 80% !important;
  background: url("../images/vertical/saunist/SAUNIST_logo_sCMS.svg") no-repeat center/contain !important;
}
@media (max-width: 750px) {
  .vertical_saunist header.header {
    background-size: 35% !important;
  }
}
.vertical_saunist #nav_main .item_thumbail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist .logo_area .big_logo {
  background: url("../images/vertical/saunist/SAUNIST_logo_sCMS.svg") no-repeat center/contain;
}
.vertical_saunist .logo_area .small_logo {
  background: url("../images/vertical/saunist/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 207px;
  height: 76px;
}
@media (max-width: 750px) {
  .vertical_saunist .logo_area .small_logo {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_saunist footer .communication_creator {
  color: #5A391C;
}
.vertical_saunist footer .logo_cluster {
  max-width: 321px !important;
}
@media (max-width: 750px) {
  .vertical_saunist footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_saunist footer .logo {
  background-image: url("../images/vertical/saunist/SAUNIST_logo.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 96px !important;
}
@media (max-width: 750px) {
  .vertical_saunist footer .logo {
    height: 19.2vw !important;
  }
}
.vertical_saunist footer .sublogo {
  background-image: url("../images/vertical/by-mi-glamu2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 133px;
  height: 25px;
  margin-bottom: 27px;
  margin-left: 35px;
  margin-top: -8px;
}
@media (max-width: 750px) {
  .vertical_saunist footer .sublogo {
    margin-bottom: 5.33vw;
    width: 26.66666667vw;
    height: 5.066666667vw;
  }
}
.vertical_saunist footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_saunist footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_saunist footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/saunist/sicon_SAUNIST@3x.png") !important;
}
.vertical_saunist footer .vertical.inner {
  background-color: #fff;
}
.vertical_saunist#home_list_post .avatar {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home_list_post .item_list_post .exp_txt a {
  color: #ea0f0f !important;
}
.vertical_saunist#home_list_post .item_list_post .exp_txt > .conti_link > a {
  color: #ea0f0f !important;
}
.vertical_saunist#home_buy_back .thumbnail_back_plan, .vertical_saunist#home .thumbnail_back_plan {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home_buy_back #popup_enter, .vertical_saunist#home #popup_enter {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home_buy_back #popup_enter .thumbnail, .vertical_saunist#home #popup_enter .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#home_buy_back #popup_enter .btn_enter, .vertical_saunist#home #popup_enter .btn_enter {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
  color: #5A391C !important;
}
.vertical_saunist #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/saunist/icon_ranking.svg");
}
.vertical_saunist#home header.header .icon_ranking:before, .vertical_saunist#home_buy_back header.header .icon_ranking:before, .vertical_saunist#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/saunist/icon_ranking.svg");
}
.vertical_saunist#create_plan .information_talent .thumbnail, .vertical_saunist#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#create_plan .navigation .item_subscription.active, .vertical_saunist#edit_plan .navigation .item_subscription.active {
  color: #272727 !important;
  border-bottom: 2px solid #272727 !important;
}
.vertical_saunist#create_plan .plan_back_month .t_purple, .vertical_saunist#edit_plan .plan_back_month .t_purple {
  color: #ea0f0f !important;
}
.vertical_saunist#create_plan .plan_detail_item.active, .vertical_saunist#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #ffffff !important;
}
.vertical_saunist#create_plan .content_back_plan .thumbnail_back_plan, .vertical_saunist#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(131deg, #F7C965, #FFFF9D) !important;
}
.vertical_saunist#create_plan .back_plan .plan_preview_image .blur span, .vertical_saunist#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_saunist.svg") !important;
}
.vertical_saunist#create_plan .back_plan .container > p, .vertical_saunist#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_saunist#create_plan .back_plan .container button.submit.gold, .vertical_saunist#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}

#home .tab_navigation_chirld .tab_dl_child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 21px;
  padding: 21px 13px 0;
  border-top: 1px solid #c7c7c7;
}
@media (max-width: 750px) {
  #home .tab_navigation_chirld .tab_dl_child {
    margin-bottom: 4.2666666667vw;
    padding: 4.266666667vw 2.66666667vw 0;
  }
}
#home .tab_navigation_chirld .tab_dl_child .item_dl {
  width: 50%;
  font-size: 16px;
  color: #9b9b9b;
  background-color: #eeeeee;
  padding: 16px 0;
  border-radius: 32px;
  cursor: pointer;
  font-weight: 600;
}
@media (max-width: 750px) {
  #home .tab_navigation_chirld .tab_dl_child .item_dl {
    font-size: 12px;
    font-size: 3.2vw;
    padding: 4.26666667vw 0;
    border-radius: 6.4vw;
  }
}
#home .tab_navigation_chirld .tab_dl_child .item_dl:first-child {
  margin-right: 12px;
}
@media (max-width: 750px) {
  #home .tab_navigation_chirld .tab_dl_child .item_dl:first-child {
    margin-right: 2.4vw;
  }
}
#home .tab_navigation_chirld .tab_dl_child .item_dl.current {
  color: #fff;
  background-color: #4b4b4b;
  box-shadow: rgba(0, 0, 0, 0.0509803922) 0px 1px 1px;
}
#home .wrapper_download {
  margin: auto;
  width: 100%;
  max-width: 750px;
  padding: 0 21px 23px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  #home .wrapper_download {
    padding: 0 2.2vw;
    max-width: 100%;
  }
}
@media (max-width: 750px) {
  #home .wrapper_download {
    padding: 2.666666667vw;
    max-width: 100%;
  }
}

.item_download {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item_download .image_wrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #c7c7c7;
  width: 49%;
  height: 490px;
  margin-bottom: 12px;
  position: relative;
  border-radius: 4px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper {
    height: 49vw;
    margin-bottom: 1.2vw;
    border-radius: 0.4vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper {
    width: 46.13333333vw;
    height: 81.86666667vw;
    margin-bottom: 2.4vw;
    border-radius: 0.8vw;
  }
}
.item_download .image_wrapper:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  border-radius: 4px;
  position: absolute;
  opacity: 0.8;
  bottom: 0;
  left: 0;
}
.item_download .image_wrapper .time {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #a94457;
  color: #fff;
  padding: 11px 13px;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-weight: 600;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 4px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .time {
    font-size: 1.2vw;
    padding: 1.1vw 1vw;
    border-bottom-right-radius: 1vw;
    border-top-left-radius: 0.4vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .time {
    font-size: 9px;
    font-size: 2.4vw;
    padding: 2.133333333vw 1.666666667vw;
    border-bottom-right-radius: 2.666666667vw;
    border-top-left-radius: 0.8vw;
  }
}
.item_download .image_wrapper .time > p {
  display: flex;
  align-items: center;
}
.item_download .image_wrapper .time > p > img {
  margin-right: 4px;
  width: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .time > p > img {
    margin-right: 0.4vw;
    width: 1.5vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .time > p > img {
    margin-right: 0.8vw;
    width: 2.9333333333vw;
  }
}
.item_download .image_wrapper .time.reserved {
  background-color: #1ac1bc;
}
.item_download .image_wrapper .time.gray {
  background-color: #9b9b9b !important;
}
.item_download .image_wrapper .time.black {
  background-color: #272727 !important;
}
.item_download .image_wrapper .signature {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}
.item_download .image_wrapper .signature .icon {
  width: 56px;
  height: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.item_download .image_wrapper .signature .icon.video, .item_download .image_wrapper .signature .icon.sign_video {
  margin-top: -6px;
  background-image: url("../images/vertical/icon_movie_w@3x.png");
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon.video, .item_download .image_wrapper .signature .icon.sign_video {
    margin-top: 1vw;
    background-size: 150%;
  }
}
.item_download .image_wrapper .signature .icon.image, .item_download .image_wrapper .signature .icon.sign_image {
  background-image: url("../images/vertical/icon_dl_photo@3x.png");
  margin-top: -10px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon.image, .item_download .image_wrapper .signature .icon.sign_image {
    background-size: 130%;
    margin-top: 1vw;
  }
}
.item_download .image_wrapper .signature .icon.multifile {
  background-image: url("../images/vertical/icon_dl_album@3x.png");
  margin-top: -7px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon.multifile {
    background-size: 150%;
    margin-top: 1vw;
  }
}
.item_download .image_wrapper .signature .icon.signature_icon {
  background-image: url("../images/vertical/miglamu/signature.svg");
  background-size: 60%;
  margin-top: -5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .signature .icon.signature_icon {
    margin-top: -12px;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon.signature_icon {
    background-size: unset;
    margin-top: 0.6666666667vw;
  }
}
.item_download .image_wrapper .signature .icon.talk {
  background-image: url("../images/vertical/miglamu/icon_1on1_w@3x.png");
  margin-top: -5px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .signature .icon.talk {
    margin-top: -12px;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .icon.talk {
    background-size: 100%;
    margin-top: 0.6666666667vw;
  }
}
.item_download .image_wrapper .signature .type {
  display: block;
  position: relative;
}
.item_download .image_wrapper .signature .favorite {
  margin: 6px 4px 0 0;
}
.item_download .image_wrapper .signature .favorite .favorite_img {
  margin: 0 auto;
  background-image: url("../images/icon_clip_off.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 56px;
  height: 56px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .favorite .favorite_img {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.item_download .image_wrapper .signature .favorite .favorite_img.active {
  background-image: url("../images/icon_clip_on.svg");
}
.item_download .image_wrapper .signature .favorite .drop_shadow {
  margin: 2px auto;
  color: #FFFFFF;
  font-size: 12px;
  filter: drop-shadow(0px 0px 3px #000000);
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .favorite .drop_shadow {
    font-size: 1.6vw;
  }
}
.item_download .image_wrapper .signature .favorite .count_like {
  padding: 4px;
  margin: 5px auto;
  width: 56px;
  border-radius: 8px;
  font-size: 8px;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .signature .favorite .count_like {
    padding: 0.8vw;
    margin: 1.066666667vw auto;
    width: 6.933333333vw;
    border-radius: 1.6vw;
    font-size: 1.6vw;
  }
}
.item_download .image_wrapper .remaining {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 15px 17px;
  font-size: 13px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .remaining {
    font-size: 1.3vw;
    padding: 0 1.5vw 1.7vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .remaining {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 0 2.933333333vw 3.466666667vw;
  }
}
.item_download .image_wrapper .remaining .btn_remaining {
  background-color: #f6ecee;
  padding: 10px 0;
  border-radius: 37px;
  color: #a94457;
  display: block;
  margin-bottom: 10px;
}
.item_download .image_wrapper .remaining .btn_remaining.past {
  background-color: #ececec !important;
  color: #9b9b9b !important;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .remaining .btn_remaining {
    padding: 1vw 0;
    margin-bottom: 1vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .remaining .btn_remaining {
    padding: 2vw 0;
    margin-bottom: 2vw;
  }
}
.item_download .image_wrapper .remaining .title {
  max-width: 200px;
  text-align: left;
  color: #fff;
  line-height: 1.4;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .remaining .title {
    max-width: 20vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .remaining .title {
    max-width: 40vw;
  }
}
.item_download .image_wrapper .remaining .title .caption {
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.item_download .image_wrapper .remaining .title .caption > p {
  display: inline;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .item_download .image_wrapper .remaining .title .caption {
    font-size: 1.1vw;
  }
}
@media (max-width: 750px) {
  .item_download .image_wrapper .remaining .title .caption {
    font-size: 8px;
    font-size: 2.1333333333vw;
  }
}
.item_download .image_wrapper .blur {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  width: 50%;
  height: 50%;
  border-radius: 15px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .blur {
    width: 25.3333333333vw;
    height: 29.6vw;
    border-radius: 4vw;
  }
}
.item_download .image_wrapper .blur .edit_thumb_post {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item_download .image_wrapper .blur img {
  width: 90px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .blur img {
    width: 15.066667vw;
  }
}
.item_download .image_wrapper .blur p {
  line-height: 1.7;
  color: #fff;
  font-size: 16px;
}
@media (max-width: 750px) {
  .item_download .image_wrapper .blur p {
    font-size: 2.4vw;
  }
}
.item_download .notification {
  flex: auto;
  background-color: #e8ffeb;
  padding: 85px 32px;
  margin: 0 -23px;
}
@media (max-width: 750px) {
  .item_download .notification {
    padding: 17.0666666667vw 6.4vw;
    margin: 0 -2.666666667vw;
  }
}
.item_download .notification h3 {
  font-size: 21px;
  font-weight: 600;
  color: #4b4b4b;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .item_download .notification h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 6.933333333vw;
  }
}
.item_download .notification p {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 35px;
  color: #4b4b4b;
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-weight: 300;
}
@media (max-width: 750px) {
  .item_download .notification p {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    margin-bottom: 6.9333333333vw;
  }
}
.item_download .notification p span {
  font-weight: 600;
}
.item_download .notification p span.regist_post {
  color: #42bc8d;
}
.item_download .notification p a.info_dl {
  color: #5285f7;
}
.item_download .notification .add_post_dl {
  display: block;
  padding: 20px 0;
  width: 100%;
  color: #fff;
  font-weight: 600;
  font-size: 19px;
  background-color: #4b4b4b;
  border-radius: 32px;
  outline: none;
  border: 0;
}
@media (max-width: 750px) {
  .item_download .notification .add_post_dl {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 0;
    border-radius: 6.4vw;
  }
}

.create_post_download {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.create_post_download section .error {
  display: none;
}
.create_post_download section .notice {
  padding: 0;
}
.create_post_download section .notice a {
  color: #5285f7;
}
.create_post_download section#contents {
  text-align: left;
  padding-top: 21px;
}
@media (max-width: 750px) {
  .create_post_download section#contents {
    padding-top: 17.266667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service h2 {
  font-size: 19px;
  font-weight: 600;
  padding: 24px 0 24px 21px;
  background-color: #4b4b4b;
  margin-bottom: 35px;
  color: #fff;
  font-weight: 600;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service h2 {
    font-size: 14px;
    font-size: 3.7333333333vw;
    color: #fff;
    padding: 4.8vw 0 4.8vw 4.133333333vw;
    margin-bottom: 6.933333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.introduce_sign h3 {
  color: #ff5858;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.introduce_sign .respond {
  color: #ff5858;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.introduce_sign .decided {
  color: #5285f7;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.upload_media h3 {
  justify-content: space-between;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.upload_media .title {
  display: flex;
  align-items: center;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content.upload_media .blue {
  color: #5285f7;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .check_box {
  padding: 0 0 23px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .check_box {
    padding: 0 0 4.533333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post {
  text-align: center;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner .thumbnail {
  width: 230px;
  height: 310px;
  margin: 23px auto;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #c7c7c7;
  color: #fff;
  position: relative;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner .thumbnail {
    width: 46.13333333vw;
    height: 61.86666667vw;
    margin: 4.533333333vw auto;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner .thumbnail .no-setting {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
  font-size: 21px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner .thumbnail .no-setting {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner a {
  display: block;
  font-size: 21px;
  line-height: 43px;
  color: #5285f7;
  font-weight: 600;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .thumbnail_post .inner a {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 8.5333333333vw;
    margin-bottom: 6.9333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content textarea {
  margin-bottom: 21px;
  font-size: 19px;
  line-height: 32px;
  color: #272727;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content textarea {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    margin-bottom: 4.2666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content textarea::placeholder {
  font-size: 19px;
  line-height: 32px;
  color: #c7c7c7;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content textarea::placeholder {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .choose_file {
  display: block;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  padding: 16px 0;
  color: #272727;
  background-color: #fff;
  border: 3px solid #272727;
  width: 100%;
  outline: none;
  font-weight: 600;
  border-radius: 40px;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .choose_file {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    padding: 3.2vw 0;
    border: 0.6vw solid #272727;
    border-radius: 8vw;
    margin-bottom: 6.9333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content h3 {
  position: relative;
  font-weight: 600;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl {
  display: flex;
  overflow-y: hidden;
  margin-bottom: 21px;
  overflow-x: scroll;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f4f4f4;
  border-radius: 10px;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 10px;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl::-webkit-scrollbar {
  height: 5px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl {
    margin-bottom: 4.2666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li {
  text-align: center;
  margin-right: 7px;
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li {
    margin-right: 1.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail {
  width: 104px;
  height: 140px;
  margin-bottom: 16px;
  background-color: #c7c7c7;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail {
    margin-bottom: 3.2vw;
    width: 20.8vw;
    height: 28vw;
    border-radius: 1.0666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail img {
  object-fit: cover;
  height: 100%;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-fluid,
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-16-9,
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-4-3 {
  padding-top: 100%;
  height: 140px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-fluid,
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-16-9,
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js.vjs-4-3 {
    height: 28vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js .vjs-big-play-button {
  height: 40px;
  width: 40px;
  line-height: 52px;
  background-color: transparent;
  background-image: url(../images/img_play.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .video-js .vjs-control-bar,
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li .thumbnail .vjs-icon-placeholder {
  display: none;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li a {
  display: block;
  font-size: 15px;
  color: #5285f7;
  font-weight: 600;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.images_dl li a {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_plan_detail, .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_answer {
  border: 1px solid #eee;
  border-radius: 11px;
  padding: 19px;
  background-color: #fff;
  flex-direction: column;
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_plan_detail li, .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_answer li {
  font-size: 16px;
  font-weight: 700;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_plan_detail li, .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_answer li {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_plan_detail li input[type=checkbox]:checked + label:after, .create_post_download section#contents .edit_plan_bottom .group_service .item_content ul.item_answer li input[type=checkbox]:checked + label:after {
  border-radius: 4px;
  background-color: #4b4b4b;
  top: 50%;
  transform: translateY(-50%);
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .amount_download {
  font-size: 15px;
  line-height: 25px;
  color: #5285f7;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .amount_download {
    font-size: 11px;
    font-size: 2.9333333333vw;
    line-height: 5.0666666667vw;
    margin-bottom: 6.9333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .add_file {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  color: #fff;
  background-color: #5285f7;
  padding: 20px 0;
  width: 100%;
  border-radius: 35px;
  font-weight: 600;
  position: relative;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .add_file {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    padding: 4vw 0;
    border-radius: 6.933333333vw;
    margin-bottom: 6.933333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .add_file img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 21px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .add_file img {
    left: 4.2666666667vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .rm_all_file {
  display: block;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  color: #5285f7;
  margin-bottom: 35px;
  font-weight: 600;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .item_content .rm_all_file {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 6.4vw;
    margin-bottom: 6.9333333333vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .item_content .notice_price {
  word-break: keep-all;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content {
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content {
    margin-bottom: 3.2vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .add_question {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 19px;
  color: #fff;
  background-color: #5285f7;
  padding: 20px 0;
  border-radius: 35px;
  font-weight: 600;
  position: relative;
  margin: 0 32px 21px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .add_question {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 0;
    border-radius: 6.933333333vw;
    margin: 0 6.4vw 4.266666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .add_question img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 21px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .add_question img {
    left: 4.2666666667vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .question_sign {
  padding: unset;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .question_sign h3 {
  padding: 0 10px;
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .question_sign h3 {
    padding: 0 1vw;
  }
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .question_sign h3 {
    padding: 0 2.666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question {
  background-color: #f4f4f4;
  padding: 11px 0;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question {
    padding: 2.1333333333vw 0;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question h3 {
  color: #797979;
  font-size: 17px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question h3 {
    font-size: 3.4666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question .required_question {
  display: flex;
  align-items: center;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question .required_question .required {
  margin-right: 13px;
  font-size: 13px;
  color: #797979;
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
  font-weight: 700;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question .required_question .required {
    margin-right: 2.6666666667vw;
    font-size: 2.6666666667vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question .required_question .remove_question {
  background-image: url("../images/vertical/icon_trash.svg");
  width: 32px;
  height: 32px;
  margin: 0 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 4px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .check_box_question .required_question .remove_question {
    margin: 0 2.6666666667vw;
    border-radius: 1.067vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .list_default_answer .item input[type=text] {
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
  font-weight: 700;
  border: unset;
  margin: unset;
  font-size: 16px;
  padding: unset;
  height: 100%;
  flex: 1;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .list_default_answer .item input[type=text] {
    font-size: 3.2vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .list_default_answer .item input[type=text]::placeholder {
  color: #C7C7C7;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .list_default_answer .item input[type=text]::-webkit-input-placeholder { /* Edge */
  color: #C7C7C7;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .list_default_answer .item input[type=text]:-ms-input-placeholder { /* Internet Explorer */
  color: #C7C7C7;
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .answer_default {
  color: #4B4B4B;
  display: flex;
  align-items: center;
  font-size: 16px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .answer_default {
    font-size: 3.2vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .answer_default .img_add {
  margin-right: 8px;
  background-image: url("../images/vertical/icon_plus.svg");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #5285F7;
  border-radius: 4px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_bottom .group_service .question_content .answer_default .img_add {
    margin-right: 1.6vw;
    border-radius: 1.067vw;
    width: 5.067vw;
    height: 5.067vw;
  }
}
.create_post_download section#contents .edit_plan_bottom .group_service .question_content .answer_default .color_blue {
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
  font-weight: 700;
  color: #5285F7;
}
.create_post_download section#contents .edit_plan_top {
  padding-top: 16px;
}
@media (max-width: 750px) {
  .create_post_download section#contents .edit_plan_top {
    padding-top: 3.2vw;
  }
}
.create_post_download section#contents .edit_plan_top .notice a {
  color: #ff5858;
}
.create_post_download .select2-container--default {
  width: 100% !important;
}
.create_post_download .select2-container--default .select2-selection--single {
  width: 100%;
  height: 53px;
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  outline: unset;
}
@media (max-width: 750px) {
  .create_post_download .select2-container--default .select2-selection--single {
    height: 10.66vw;
    border-radius: 2.66vw;
  }
}
.create_post_download .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 14px;
  color: #272727;
  padding-right: 10px;
  line-height: 53px;
  font-size: 16px;
  display: inline-block;
  font-weight: 700;
}
@media (max-width: 750px) {
  .create_post_download .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    font-size: 3.2vw;
    padding-left: 2.8vw;
    padding-right: 2vw;
    line-height: 10.66666667vw;
  }
}
.create_post_download .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: inline-block;
  right: 14px;
  position: absolute;
  background-image: url("../images/vertical/btn_downarrow_black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.5s all;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.create_post_download .select2-container--default .select2-selection--single .select2-selection__arrow.non-active {
  display: none;
}
.create_post_download .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.create_post_download .select2-container--default .select2-results > .select2-results__options > li {
  border: 0;
  padding: 20px 0 20px 14px;
  color: #272727;
  font-size: 16px;
  height: 53px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .create_post_download .select2-container--default .select2-results > .select2-results__options > li {
    height: 14.13333333vw;
    padding: 5.333333333vw 0 5.3333333333vw 3.733333333vw;
    font-size: 3.2vw;
  }
}
.create_post_download .select2-dropdown {
  border: none;
}
.create_post_download .tax {
  color: #5285f7;
  font-family: "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", sans-serif;
}

#draw_post #popup_loading .description_loading_upload, #draw_post #popup_loading_reset .description_loading_upload {
  width: 50%;
  font-size: 10px;
  text-align: left;
  padding: 30px 200px;
  margin: auto;
  line-height: 1.5;
}
@media (max-width: 750px) {
  #draw_post #popup_loading .description_loading_upload, #draw_post #popup_loading_reset .description_loading_upload {
    width: 100%;
    margin: 0;
    padding: 40px;
  }
}
#draw_post.draw_post_download .edit_post_download {
  position: absolute;
  right: 0;
  padding: 8px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .edit_post_download {
    padding: 1.6vw;
  }
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .detail,
  #draw_post.draw_post_download .preview {
    padding-top: 17.266667vw;
  }
}
#draw_post.draw_post_download .information_post {
  padding: 21px 13px 16px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post {
    padding: 4.2666666667vw 2.6666666667vw 3.2vw;
  }
}
#draw_post.draw_post_download .information_post.no-border {
  border-bottom: unset;
}
#draw_post.draw_post_download .information_post .item_status {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 20%;
  transform: translate(0, -50%);
  padding: 8px 16px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(39, 39, 39, 0.5);
  border-radius: 21px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .item_status {
    left: 10%;
    transform: translate(-25%, -50%);
    font-size: 2.6666666667vw;
    padding: 1.6vw 3.2vw;
    border-radius: 4.2666666667vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail {
  width: 100%;
  max-width: 473px;
  height: auto;
  position: relative;
  margin: 0 auto 21px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail {
    max-width: 94.66666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail > .inner {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  height: 100%;
  position: relative;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail > .inner {
    border-radius: 1.066666667vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail > .inner img {
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail > .inner img {
    border-radius: 1.066666667vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-fluid,
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-16-9,
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-4-3 {
  padding-top: 100%;
  height: 635px;
  border-radius: 5px;
  background-color: #F4F4F4;
  display: block;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-fluid,
  #draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-16-9,
  #draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-4-3 {
    height: 126.9333333vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-fluid .vjs-has-started .vjs-control-bar,
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-16-9 .vjs-has-started .vjs-control-bar,
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js.vjs-4-3 .vjs-has-started .vjs-control-bar {
  display: none;
}
#draw_post.draw_post_download .information_post .thumbnail > .inner .video-js .vjs-big-play-button {
  height: 96px;
  width: 96px;
  line-height: 52px;
  background-color: transparent;
  background-image: url(../images/img_play.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border: none !important;
  box-shadow: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail > .inner .video-js .vjs-big-play-button {
    height: 18.93333333vw;
    width: 18.93333333vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail > .inner .vjs-icon-placeholder {
  display: none;
}
#draw_post.draw_post_download .information_post .thumbnail .blur {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail .blur {
    border-radius: 1.0666666667vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail .blur .edit_thumb_post {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#draw_post.draw_post_download .information_post .thumbnail .blur .edit_thumb_post img {
  width: 184px;
  height: 80px;
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail .blur .edit_thumb_post img {
    width: 36.8vw;
    height: 16vw;
    margin-bottom: 4.8vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail .blur .edit_thumb_post p {
  color: #fff;
  font-size: 23px;
  line-height: 38px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail .blur .edit_thumb_post p {
    font-size: 17px;
    font-size: 4.5333333333vw;
    line-height: 7.733333333vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail.multifile {
  height: 500px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail.multifile {
    height: 100vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail.multifile img {
  width: auto;
  height: 100%;
  display: unset;
  object-fit: contain;
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-fluid,
#draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-16-9,
#draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-4-3 {
  height: 500px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-fluid,
  #draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-16-9,
  #draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-4-3 {
    height: 100vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .slick-initialized .slick-slide {
  height: 500px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .thumbnail.multifile .slick-initialized .slick-slide {
    height: 100vw;
  }
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .slick-slide img {
  width: 100%;
  height: 100%;
  display: unset;
  object-fit: cover;
  border-radius: 4px;
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .slick-slide .video-js .vjs-tech {
  background-color: #f4f4f4;
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .video-js.vjs-fluid {
  padding-top: unset;
}
#draw_post.draw_post_download .information_post .thumbnail.multifile .slick-dots li.slick-active button:before {
  color: #272727;
}
#draw_post.draw_post_download .information_post .contents {
  text-align: left;
}
#draw_post.draw_post_download .information_post .contents .time_post {
  font-size: 16px;
  color: #797979;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .time_post {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .end_at {
  font-size: 16px;
  color: #c7c7c7;
  margin-bottom: 16px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .end_at {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .favorite {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .favorite {
    margin-bottom: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .favorite .favorite_img {
  background-image: url("../images/icon_clip_off.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
  margin-right: 7px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .favorite .favorite_img {
    width: 6.933333333vw;
    height: 6.933333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .favorite .favorite_img.active {
  background-image: url("../images/icon_clip_on.svg");
}
#draw_post.draw_post_download .information_post .contents .favorite .count_like {
  color: #797979;
  font-size: 11px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .favorite .count_like {
    font-size: 2.133333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .media_type {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .media_type {
    margin-bottom: 1.6vw;
  }
}
#draw_post.draw_post_download .information_post .contents .media_type span {
  font-size: 16px;
  color: #5285f7;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .media_type span {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .media_type .icon {
  width: 32px;
  height: 32px;
  background-size: 150%;
  background-position: center;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .media_type .icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#draw_post.draw_post_download .information_post .contents .media_type .icon.video {
  background-image: url("../images/vertical/miglamu/icon_item_movie.svg");
}
#draw_post.draw_post_download .information_post .contents .media_type .icon.image {
  background-image: url("../images/vertical/miglamu/icon_item_photo.svg");
  background-size: cover;
}
#draw_post.draw_post_download .information_post .contents .media_type .icon.multifile {
  background-image: url("../images/vertical/miglamu/icon_item_photobook.svg");
}
#draw_post.draw_post_download .information_post .contents .media_type .icon.talk {
  background-image: url("../images/vertical/miglamu/icon_item_1on1.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
#draw_post.draw_post_download .information_post .contents .attach_message {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  background-color: #4b4b4b;
  padding: 9px 13px 11px 13px;
  border-radius: 20px;
  margin-bottom: 21px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .attach_message {
    font-size: 10px;
    font-size: 2.6666666667vw;
    padding: 1.8666666667vw 2.666666667vw 2.266666667vw 2.6666666667vw;
    border-radius: 4vw;
    margin-bottom: 4.266666667vw;
  }
}
#draw_post.draw_post_download .information_post .contents .attach_message img {
  width: 36px;
  height: 15px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .attach_message img {
    width: 7.1466666667vw;
    height: 3.053333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .dl_name {
  font-size: 21px;
  line-height: 29px;
  color: #272727;
  font-weight: 600;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .dl_name {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 5.866666667vw;
    margin-bottom: 6.933333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .dl_descriptions {
  margin: 64px 0 43px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .dl_descriptions {
    margin: 12.8vw 0 8.5333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .dl_descriptions h2 {
  margin-bottom: 21px;
  border-left: 2px solid #5285f7;
  padding-left: 10px;
  font-weight: 600;
  font-size: 19px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .dl_descriptions h2 {
    margin-bottom: 4.2666666667vw;
    padding-left: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .dl_descriptions p {
  line-height: 1.7;
  font-size: 19px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .dl_descriptions p {
    font-size: 3.7333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .dl_descriptions a {
  color: #5285f7;
}
#draw_post.draw_post_download .information_post .contents .post_price {
  text-align: right;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .post_price {
    margin-bottom: 6.933333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .post_price p {
  font-size: 32px;
  color: #272727;
  margin-bottom: 8px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .post_price p {
    font-size: 24px;
    font-size: 6.4vw;
    margin-bottom: 1.6vw;
  }
}
#draw_post.draw_post_download .information_post .contents .post_price span {
  font-size: 16px;
  color: #9b9b9b;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .post_price span {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .capacity_post {
  text-align: center;
  font-size: 19px;
  padding: 24px 0;
  color: #9b9b9b;
  font-weight: 600;
  background-color: #e5e5e5;
  border-radius: 9px;
  margin: 0 19px 45px 19px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .capacity_post {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4.8vw 0;
    border-radius: 1.8666666667vw;
    margin: 0 3.7333333333vw 9.0666666667vw 3.7333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .capacity_post.base_red {
  background-color: #fbeaea;
  color: #ff5d5d;
}
#draw_post.draw_post_download .information_post .contents .preview_download {
  margin-bottom: 45px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .preview_download {
    margin-bottom: 9.0666666667vw;
  }
}
#draw_post.draw_post_download .information_post .contents .share_item {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 43px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .share_item {
    margin-bottom: 8.5333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .share_item .icon_share {
  margin-right: 8px;
  background-image: url("../images/items/img_share.svg");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  border: 2px solid #9b9b9b;
  width: 51px;
  height: 51px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .share_item .icon_share {
    margin-right: 1.6vw;
    width: 10.13333333vw;
    height: 10.13333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents .share_item span {
  font-size: 16px;
  color: #9b9b9b;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .share_item span {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .notice_post {
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  color: #797979;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .notice_post {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.333333333vw;
    margin-bottom: 3.2vw;
  }
}
#draw_post.draw_post_download .information_post .contents .important_information h3 {
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 13px;
  color: #ff5858;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .important_information h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#draw_post.draw_post_download .information_post .contents .important_information p {
  font-size: 16px;
  margin-bottom: 21px;
  color: #ff5858;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .important_information p {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 4.2666666667vw;
  }
}
#draw_post.draw_post_download .information_post .contents .important_information p.list_plan {
  font-size: 19px;
  font-weight: 600;
  color: #5285f7;
  line-height: 1.6;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents .important_information p.list_plan {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#draw_post.draw_post_download .information_post .contents.draw_fan {
  text-align: center;
}
#draw_post.draw_post_download .information_post .contents.draw_fan .notice {
  font-size: 16px;
  line-height: 29px;
  font-weight: 600;
  margin-bottom: 35px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .information_post .contents.draw_fan .notice {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 5.866666667vw;
    margin-bottom: 6.933333333vw;
  }
}
#draw_post.draw_post_download .list_item {
  text-align: left;
  padding-top: 21px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item {
    padding-top: 3.73333333vw;
  }
}
#draw_post.draw_post_download .list_item h3 {
  padding: 0 13px;
  font-size: 21px;
  font-weight: 600;
  color: #272727;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item h3 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
    padding: 0 2.6666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul {
  display: flex;
  flex-direction: column;
}
#draw_post.draw_post_download .list_item ul li {
  display: flex;
  background-color: #fff;
  margin-bottom: 8px;
  padding: 13px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li {
    margin-bottom: 1.6vw;
    padding: 2.6666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post {
  position: relative;
  width: 124px;
  margin-right: 13px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .thumbnail_post {
    width: 24.8vw;
    height: 33.3333333333vw;
    margin-right: 2.666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post .inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  height: 100%;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .thumbnail_post .inner {
    border-radius: 1.0666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post .blur {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .thumbnail_post .blur {
    border-radius: 1.0666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post .blur .edit_thumb_post {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post .blur .edit_thumb_post img {
  width: 42px;
  height: 18px;
  margin-bottom: 5px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .thumbnail_post .blur .edit_thumb_post img {
    width: 8.466666667vw;
    height: 3.669333333vw;
    margin-bottom: 1.026666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .thumbnail_post .blur .edit_thumb_post p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .thumbnail_post .blur .edit_thumb_post p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents {
  flex: 1;
}
#draw_post.draw_post_download .list_item ul li .contents .user_info {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  position: relative;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .user_info {
    margin-bottom: 1.8vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .user_info .thumbnail {
  margin-right: 8px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .user_info .thumbnail {
    margin-right: 1.6vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .user_info .thumbnail .inner {
  padding: unset;
  background-size: cover;
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .user_info .thumbnail .inner {
    width: 7.6vw;
    height: 7.6vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .user_info p {
  font-size: 13px;
  color: #272727;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .user_info p {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .user_info .notice_non_member {
  font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif;
  font-weight: 600;
  font-size: 9px;
  line-height: 16px;
  color: #9b9b9b;
  margin-left: 4px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .user_info .notice_non_member {
    font-size: 1.8666666667vw;
    line-height: 3.2vw;
    margin-left: 0.8vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info {
  text-align: right;
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul {
  text-align: left;
  margin-bottom: 13px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info ul {
    margin-bottom: 2.6666666667vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul li {
  padding: 0;
  margin-bottom: 8px;
  font-size: 16px;
  color: #272727;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info ul li {
    font-size: 12px;
    font-size: 3.2vw;
    margin-bottom: 1.6vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul li.shipping_information {
  display: block;
  margin-top: 5px;
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul li.shipping_information p {
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info ul li.shipping_information p {
    margin-bottom: get_sp(10);
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul li a.show_user_answer {
  color: #5285f7;
  font-size: 16px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info ul li a.show_user_answer {
    font-size: 3.2vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info ul li a.show_user_answer::after {
  content: "";
  background-image: url("../images/leftarrow_blue.svg");
  width: 10px;
  height: 16px;
  margin-left: 5px;
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: text-top;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info ul li a.show_user_answer::after {
    width: 2vw;
    height: 3.2vw;
    margin-left: 1.0666666667vw;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info .btn_edit_dl {
  display: block;
  font-size: 16px;
  padding: 16px 31px;
  border-radius: 29px;
  margin-left: 45px;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info .btn_edit_dl {
    font-size: 12px;
    font-size: 3.2vw;
    padding: 3.2vw 6.1333333333vw;
    border-radius: 5.8666666667vw;
    margin-left: 8.8vw;
  }
}
#draw_post.draw_post_download .list_item ul li .contents .post_info .btn_edit_dl.btn_b {
  color: #fff;
  background-color: #4b4b4b;
}
#draw_post.draw_post_download .list_item ul li .contents .post_info .btn_edit_dl.btn_w {
  background-color: #fff;
  color: #4b4b4b;
  border: 3px solid #4b4b4b;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item ul li .contents .post_info .btn_edit_dl.btn_w {
    border: 0.533333333vw solid #4b4b4b;
  }
}
#draw_post.draw_post_download .list_item .non_subscription {
  padding: 90px 0;
  text-align: center;
  font-size: 17px;
  color: #9b9b9b;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .list_item .non_subscription {
    font-size: 13px;
    font-size: 3.4666666667vw;
    padding: 18.1333333333vw;
  }
}
#draw_post.draw_post_download .gr_btn_dl .btn_submit_dl {
  font-size: 19px;
  padding: 20px 0;
  font-weight: 600;
  color: #fff;
  background-color: #4b4b4b;
  border-radius: 29px;
  margin: 48px 32px 35px;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .gr_btn_dl .btn_submit_dl {
    font-size: 14px;
    font-size: 3.7333333333vw;
    padding: 4vw 0;
    border-radius: 5.8666666667vw;
    margin: 9.6vw 6.4vw 6.93333333vw;
  }
}
#draw_post.draw_post_download .gr_btn_dl .btn_cancel_dl {
  font-size: 19px;
  color: #4b4b4b;
  font-weight: 600;
}
@media (max-width: 750px) {
  #draw_post.draw_post_download .gr_btn_dl .btn_cancel_dl {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
#draw_post .popup_answer_user {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  overflow-y: auto;
}
#draw_post .popup_answer_user .header_answer {
  position: fixed;
  top: 0;
  left: 0;
  height: 67px;
  line-height: 67px;
  text-align: center;
  color: #272727;
  font-size: 19px;
  background: #fff;
  font-weight: 700;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  z-index: 99999;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .header_answer {
    height: 13.3333333333vw;
    line-height: 13.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
#draw_post .popup_answer_user .header_answer .close_icon {
  width: 43px;
  height: 43px;
  pointer-events: auto;
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .header_answer .close_icon {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    right: 2.9333333333vw;
  }
}
#draw_post .popup_answer_user .header_answer .close_icon img {
  width: 100%;
}
#draw_post .popup_answer_user .content_answer_box {
  margin-top: 67px;
  padding: 37px;
  text-align: left;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box {
    margin-top: 13.3333333333vw;
    padding: 7.4666666667vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_title {
  border-bottom: 1px solid #e5e5e5;
}
#draw_post .popup_answer_user .content_answer_box .box_title .title_entry_name {
  font-weight: 700;
  font-size: 21px;
  color: #272727;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_title .title_entry_name {
    font-size: 4.2666666667vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_title .content_entry_name {
  font-size: 19px;
  margin: 19px 0;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_title .content_entry_name {
    font-size: 3.7333333333vw;
    margin: 3.7333333333vw 0;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question {
  color: #272727;
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item {
  padding-top: 35px;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item {
    padding-top: 6.9333333333vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .question_number {
  font-weight: 700;
  font-size: 21px;
  color: #272727;
  margin-bottom: 21px;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item .question_number {
    font-size: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .question_number .required {
  display: block;
  width: 35px;
  height: 19px;
  background: #ff5858;
  color: #fff;
  border-radius: 23px;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
  font-weight: 700;
  margin-left: 9px;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item .question_number .required {
    width: 6.9333333333vw;
    height: 3.7333333333vw;
    border-radius: 4.5333333333vw;
    font-size: 2.1333333333vw;
    line-height: 3.7333333333vw;
    margin-left: 1.8666666667vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .content_question {
  margin: 21px 0;
  font-size: 16px;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item .content_question {
    margin: 4.2666666667vw 0;
    font-size: 3.2vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .answer_box .answer {
  font-size: 19px;
  line-height: 27px;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item .answer_box .answer {
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .answer_box .answer .content_answer {
  padding: 19px 0;
}
@media (max-width: 750px) {
  #draw_post .popup_answer_user .content_answer_box .box_question .question_item .answer_box .answer .content_answer {
    padding: 3.7333333333vw 0;
  }
}
#draw_post .popup_answer_user .content_answer_box .box_question .question_item .answer_box .answer .content_answer.diff {
  border-bottom: 1px solid #e5e5e5;
}

.popup_loading.popup_post_setting {
  opacity: 1;
}
.popup_loading.popup_post_setting .modal {
  width: 100%;
  border-radius: 0;
  padding: 0;
  transform: unset;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup_loading.popup_post_setting .modal .header {
  height: 67px;
  border-bottom: 1px solid rgb(229, 229, 229);
  max-width: 500px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 88px;
}
@media (max-width: 750px) {
  .popup_loading.popup_post_setting .modal .header {
    height: 13.3333vw;
    margin-bottom: 17.6vw;
  }
}
.popup_loading.popup_post_setting .modal .header h5 {
  font-size: 24px;
}
@media (max-width: 750px) {
  .popup_loading.popup_post_setting .modal .header h5 {
    font-size: 4.2vw;
  }
}
.popup_loading.popup_post_setting .modal .spinner_wrapper img {
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
}
@media (max-width: 750px) {
  .popup_loading.popup_post_setting .modal .spinner_wrapper img {
    width: 9.6vw;
    height: 9.6vw;
    margin-bottom: 4.266666667vw;
  }
}
.popup_loading.popup_post_setting .modal .spinner_wrapper p {
  text-align: center;
  color: #272727;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_loading.popup_post_setting .modal .spinner_wrapper p {
    font-size: 4.266666667vw;
  }
}

.popup_success.popup_post_setting .modal {
  padding: 0;
  width: 436px;
  height: 207px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .popup_success.popup_post_setting .modal {
    width: 87.2vw;
    height: 41.33333333vw;
  }
}
.popup_success.popup_post_setting .modal .title {
  color: #272727;
  font-size: 21px;
  font-weight: 700;
}
@media (max-width: 750px) {
  .popup_success.popup_post_setting .modal .title {
    font-size: 4.266666667vw;
  }
}
.popup_success.popup_post_setting .modal .descripton_title {
  position: absolute;
  top: -85px;
}
@media (max-width: 750px) {
  .popup_success.popup_post_setting .modal .descripton_title {
    top: -18.46vw;
  }
}
.popup_success.popup_post_setting .modal .descripton_title p {
  text-align: left;
  margin-bottom: 13px;
  color: #fff500;
  font-size: 19px;
}
@media (max-width: 750px) {
  .popup_success.popup_post_setting .modal .descripton_title p {
    font-size: 3.733333333vw;
    margin-bottom: 2.666666667vw;
  }
}

.top_download #wrapper #main_content {
  padding-top: 67px;
}
@media (max-width: 750px) {
  .top_download #wrapper #main_content {
    padding-top: 14vw;
  }
}

.vertical_bigplay .service_bigplay,
.vertical_bigplay .service_bigplay_show {
  display: block !important;
}
.vertical_bigplay .service_bigplay_hidden {
  display: none !important;
}
.vertical_bigplay#login .creator_name_bigplay > p {
  color: #272727 !important;
}
.vertical_bigplay .ranking_thumbnail .inner_ranking .ranking {
  background-color: #ea0f0f;
}
.vertical_bigplay .crown {
  background-image: url("../images/vertical/bigplay/icon_rankdeco_crown_BIGPLAY@3x.png") !important;
}
.vertical_bigplay#profile .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#profile #popup_enter {
  background-image: linear-gradient(106deg, #dedede, #4b4b4b) !important;
}
.vertical_bigplay#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#profile #popup_enter .inner .icon-txt .burst {
  background: #ea0f0f;
}
.vertical_bigplay#profile #popup_enter .inner .icon-txt .burst:before {
  background: #ea0f0f;
}
.vertical_bigplay#profile #popup_enter .inner .icon-txt .burst:after {
  background: #ea0f0f;
}
.vertical_bigplay#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(296deg, #ffffff, #ffffff) !important;
  color: #3b3b3b !important;
}
.vertical_bigplay #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/bigplay/icon_nosetting.svg");
}
.vertical_bigplay .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/bigplay/icon_nosetting.svg");
}
.vertical_bigplay .wrapper_flame .top_frame {
  background-image: url("../images/vertical/bigplay/top_flame.svg");
  background-size: 100%;
}
.vertical_bigplay .wrapper_flame .top_image {
  background-image: url("../images/vertical/bigplay/BIGPLAY_cms_kana_logo.svg");
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical_bigplay #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/bigplay/icon_nosetting.svg");
}
.vertical_bigplay#dashboard #mainview .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay .name_wrapper .img_creator {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#home .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#home #popup_public_inner {
  background-image: url("../images/vertical/bigplay/icon_nosetting.svg");
}
.vertical_bigplay header.header .header_logo {
  height: 80% !important;
  background: url("../images/vertical/bigplay/BIGPLAY_logo_sCMS.svg") no-repeat center/contain !important;
}
@media (max-width: 750px) {
  .vertical_bigplay header.header {
    background-size: 35% !important;
  }
}
.vertical_bigplay #nav_main .item_thumbail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay .logo_area .big_logo {
  background: url("../images/vertical/bigplay/BIGPLAY_logo_sCMS.svg") no-repeat center/contain;
}
.vertical_bigplay .logo_area .small_logo {
  background: url("../images/vertical/bigplay/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 207px;
  height: 76px;
}
@media (max-width: 750px) {
  .vertical_bigplay .logo_area .small_logo {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_bigplay footer .communication_creator {
  color: #ea0f0f;
}
.vertical_bigplay footer .logo_cluster {
  max-width: 321px !important;
}
@media (max-width: 750px) {
  .vertical_bigplay footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_bigplay footer .logo {
  background-image: url("../images/vertical/bigplay/BIGPLAY_logo.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 96px !important;
}
@media (max-width: 750px) {
  .vertical_bigplay footer .logo {
    height: 19.2vw !important;
  }
}
.vertical_bigplay footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_bigplay footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_bigplay footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/bigplay/Sicon_BIGPLAY.svg") !important;
}
.vertical_bigplay footer .vertical.inner {
  background-color: #fff;
}
.vertical_bigplay#home_list_post .avatar {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#home_list_post .item_list_post .exp_txt a {
  color: #ea0f0f !important;
}
.vertical_bigplay#home_list_post .item_list_post .exp_txt > .conti_link > a {
  color: #ea0f0f !important;
}
.vertical_bigplay#home_buy_back .thumbnail_back_plan, .vertical_bigplay#home .thumbnail_back_plan {
  background-image: linear-gradient(106deg, #dedede, #4b4b4b) !important;
}
.vertical_bigplay#home_buy_back #popup_enter, .vertical_bigplay#home #popup_enter {
  background-image: linear-gradient(106deg, #dedede, #4b4b4b) !important;
}
.vertical_bigplay#home_buy_back #popup_enter .thumbnail, .vertical_bigplay#home #popup_enter .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#home_buy_back #popup_enter .btn_enter, .vertical_bigplay#home #popup_enter .btn_enter {
  background-image: linear-gradient(296deg, #ffffff, #ffffff) !important;
  color: #3b3b3b !important;
}
.vertical_bigplay #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/bigplay/icon_ranking.svg");
}
.vertical_bigplay#home header.header .icon_ranking:before, .vertical_bigplay#home_buy_back header.header .icon_ranking:before, .vertical_bigplay#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/bigplay/icon_ranking.svg");
}
.vertical_bigplay#create_plan .information_talent .thumbnail, .vertical_bigplay#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#create_plan .navigation .item_subscription.active, .vertical_bigplay#edit_plan .navigation .item_subscription.active {
  color: #272727 !important;
  border-bottom: 2px solid #272727 !important;
}
.vertical_bigplay#create_plan .plan_back_month .t_purple, .vertical_bigplay#edit_plan .plan_back_month .t_purple {
  color: #ea0f0f !important;
}
.vertical_bigplay#create_plan .plan_detail_item.active, .vertical_bigplay#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #ffffff !important;
}
.vertical_bigplay#create_plan .content_back_plan .thumbnail_back_plan, .vertical_bigplay#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(139deg, #c4c4c4, #1f1f1f) !important;
}
.vertical_bigplay#create_plan .back_plan .plan_preview_image .blur span, .vertical_bigplay#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_bigplay.svg") !important;
}
.vertical_bigplay#create_plan .back_plan .container > p, .vertical_bigplay#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_bigplay#create_plan .back_plan .container button.submit.gold, .vertical_bigplay#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}

.vertical_pushmi .service_pushmi,
.vertical_pushmi .service_pushmi_show {
  display: block !important;
}
.vertical_pushmi .service_pushmi_hidden {
  display: none !important;
}
.vertical_pushmi#profile .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#profile #popup_enter {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#profile #popup_enter .inner .icon-txt .burst {
  background: #24d6cf;
}
.vertical_pushmi#profile #popup_enter .inner .icon-txt .burst:before {
  background: #24d6cf;
}
.vertical_pushmi#profile #popup_enter .inner .icon-txt .burst:after {
  background: #24d6cf;
}
.vertical_pushmi#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
  color: #ffffff !important;
}
.vertical_pushmi .ranking_thumbnail .inner_ranking .ranking {
  background-color: #7a20e6;
}
.vertical_pushmi .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/pushmi/icon_nosetting.svg");
}
.vertical_pushmi .crown {
  background-image: url("../images/vertical/pushmi/icon_rankdeco_PUSH-MI@3x.png") !important;
}
.vertical_pushmi .wrapper_flame {
  background-image: linear-gradient(180deg, #ffffff, gray) !important;
}
.vertical_pushmi .wrapper_flame .top_frame {
  background-image: url("../images/vertical/pushmi/top_flame.svg");
  background-size: 100%;
}
.vertical_pushmi .wrapper_flame .top_image {
  background-image: url("../images/vertical/pushmi/cms_logo_banner.svg");
  background-position: center;
  background-size: 55%;
}
.vertical_pushmi #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/pushmi/icon_nosetting.svg");
}
.vertical_pushmi #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi .name_wrapper .img_creator {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home #popup_public_inner {
  background-image: url("../images/vertical/pushmi/icon_nosetting.svg");
}
.vertical_pushmi header.header .header_logo {
  background: url("../images/vertical/pushmi/pushmi_logo_sCMS.svg") no-repeat center/20% !important;
  background-size: 13% !important;
}
@media (max-width: 750px) {
  .vertical_pushmi header.header .header_logo {
    background-size: 25% !important;
  }
}
@media only screen and (min-width: 751px) and (max-width: 1013px) {
  .vertical_pushmi header.header .header_logo {
    background-size: 13% !important;
  }
}
.vertical_pushmi #nav_main .item_thumbail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi .logo_area .big_logo {
  background: url("../images/vertical/pushmi/pushmi_logo_sCMS.svg") no-repeat center/contain;
  width: 351px;
  height: 101px;
}
@media (max-width: 750px) {
  .vertical_pushmi .logo_area .big_logo {
    width: 70.13333333vw;
    height: 20.26666667vw;
  }
}
.vertical_pushmi .logo_area .small_logo {
  background: url("../images/vertical/pushmi/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 108px;
  height: 35px;
}
@media (max-width: 750px) {
  .vertical_pushmi .logo_area .small_logo {
    width: 21.6vw;
    height: 6.933333333vw;
  }
}
.vertical_pushmi footer .communication_creator {
  color: #7a20e6;
}
.vertical_pushmi footer .logo_cluster {
  max-width: 321px !important;
}
.vertical_pushmi footer .logo_cluster a .sublogo {
  margin-right: 58px;
}
@media (max-width: 750px) {
  .vertical_pushmi footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_pushmi footer .logo {
  background-image: url("../images/vertical/pushmi/PUSH-Mi_logo@3x.png") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 69px !important;
}
@media (max-width: 750px) {
  .vertical_pushmi footer .logo {
    height: 13.86666667vw !important;
  }
}
.vertical_pushmi footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_pushmi footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_pushmi footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/pushmi/Sicon_pushmi.svg") !important;
}
.vertical_pushmi footer .vertical.inner {
  background-color: #fff;
}
.vertical_pushmi#create_plan .information_talent .thumbnail, .vertical_pushmi#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#create_plan .navigation .item_subscription.active, .vertical_pushmi#edit_plan .navigation .item_subscription.active {
  color: #7a20e6 !important;
  border-bottom: 2px solid #7a20e6 !important;
}
.vertical_pushmi#create_plan .plan_back_month .t_purple, .vertical_pushmi#edit_plan .plan_back_month .t_purple {
  color: #7a20e6 !important;
}
.vertical_pushmi#create_plan .plan_detail_item.active, .vertical_pushmi#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #FFFFFF !important;
}
.vertical_pushmi#create_plan .content_back_plan .thumbnail_back_plan, .vertical_pushmi#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#create_plan .back_plan .plan_preview_image .blur span, .vertical_pushmi#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_pushmi.svg") !important;
}
.vertical_pushmi#create_plan .back_plan .container > p, .vertical_pushmi#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_pushmi#create_plan .back_plan .container button.submit.gold, .vertical_pushmi#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}
.vertical_pushmi #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/pushmi/icon_nosetting.svg");
}
.vertical_pushmi#dashboard #mainview .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#post_setting .no_member .explain {
  color: #4b4b4b !important;
}
.vertical_pushmi .name_wrapper .name_img {
  background-image: url("../images/vertical/pushmi/icon_nosetting.svg");
}
.vertical_pushmi#home_list_post .loading_video::after {
  background-image: url("../images/vertical/pushmi/cms_logo.svg");
}
.vertical_pushmi#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home_list_post .item_list_post .exp_txt a {
  color: #CB9AF4 !important;
}
.vertical_pushmi#home_list_post .item_list_post .exp_txt .continue_link a {
  color: #cb9af4 !important;
}
.vertical_pushmi#list_post .ph_thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home_buy_back .tab_content .tab_block.active_tab, .vertical_pushmi#home .tab_content .tab_block.active_tab {
  border-color: #4b4b4b !important;
}
.vertical_pushmi#home_buy_back .plan_detail_list .plan_detail_item.active, .vertical_pushmi#home .plan_detail_list .plan_detail_item.active {
  color: #ffffff !important;
  background-color: #4b4b4b !important;
}
.vertical_pushmi#home_buy_back .thumbnail_back_plan, .vertical_pushmi#home .thumbnail_back_plan {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home_buy_back #popup_enter, .vertical_pushmi#home #popup_enter {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home_buy_back #popup_enter .thumbnail, .vertical_pushmi#home #popup_enter .thumbnail {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
}
.vertical_pushmi#home_buy_back #popup_enter .btn_enter, .vertical_pushmi#home #popup_enter .btn_enter {
  background-image: linear-gradient(106deg, #c4dfff, #d8b4f7) !important;
  color: #ffffff !important;
}
.vertical_pushmi.top_download .item_download .time {
  background-color: #ff5858;
}
.vertical_pushmi.top_download .item_download .time.reserved {
  background-color: #7a20e6 !important;
}
.vertical_pushmi.top_download .item_download .remaining .btn_remaining {
  color: #ff5858;
}
.vertical_pushmi #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/pushmi/icon_ranking.svg");
}
.vertical_pushmi#home header.header .icon_ranking:before, .vertical_pushmi#home_buy_back header.header .icon_ranking:before, .vertical_pushmi#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/pushmi/icon_ranking.svg");
}

.vertical_athletestan .service_athletestan,
.vertical_athletestan .service_athletestan_show {
  display: block !important;
}
.vertical_athletestan .service_athletestan_hidden {
  display: none !important;
}
.vertical_athletestan#profile .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#profile #popup_enter {
  background-image: linear-gradient(153deg, #1400ff, #ff4141) !important;
}
.vertical_athletestan#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#profile #popup_enter .inner .icon-txt .burst {
  background: #24d6cf;
}
.vertical_athletestan#profile #popup_enter .inner .icon-txt .burst:before {
  background: #24d6cf;
}
.vertical_athletestan#profile #popup_enter .inner .icon-txt .burst:after {
  background: #24d6cf;
}
.vertical_athletestan#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(88deg, #1400ff, #ff4141) !important;
  color: #272727 !important;
}
.vertical_athletestan .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/athletestan/icon_nosetting.svg");
}
.vertical_athletestan .ranking_thumbnail .inner_ranking .ranking {
  background-color: #1425ff;
}
.vertical_athletestan .crown {
  background-image: url("../images/vertical/athletestan/icon_rankdeco_crown_Astan@3x.png") !important;
}
.vertical_athletestan .wrapper_flame {
  background-image: linear-gradient(180deg, #ffffff, gray);
}
.vertical_athletestan .wrapper_flame .top_frame {
  background-image: url("../images/vertical/athletestan/top_flame.svg");
  background-size: 100%;
}
.vertical_athletestan .wrapper_flame .top_image {
  background: url("../images/vertical/athletestan/cms_logo2_banner.svg") 55%;
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
}
.vertical_athletestan #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/athletestan/icon_nosetting_ats.png");
}
.vertical_athletestan #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan .name_wrapper .img_creator {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#home .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#home #popup_public_inner {
  background-image: url("../images/vertical/athletestan/icon_nosetting.svg");
}
.vertical_athletestan header.header .header_logo {
  background: url("../images/vertical/athletestan/ATHLETESTAN_logo_sCMS.svg") no-repeat center/20% !important;
}
@media (max-width: 750px) {
  .vertical_athletestan header.header .header_logo {
    background-size: 30% !important;
  }
}
.vertical_athletestan #nav_main .item_thumbail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan .logo_area {
  margin-top: 27px !important;
  padding-bottom: 27px;
}
@media (max-width: 750px) {
  .vertical_athletestan .logo_area {
    margin-top: 5.3333333333vw !important;
    padding-bottom: 5.3333333333vw;
  }
}
.vertical_athletestan .logo_area .big_logo {
  background: url("../images/vertical/athletestan/ATHLETSTAN_logo_CMS.svg") no-repeat center/contain;
  width: 351px;
  height: 101px;
  position: relative;
}
@media (max-width: 750px) {
  .vertical_athletestan .logo_area .big_logo {
    width: 70.13333333vw;
    height: 20.26666667vw;
  }
}
.vertical_athletestan .logo_area .big_logo::after {
  content: "";
  display: block;
  background: url("../images/vertical/athletestan/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 133px;
  height: 31px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .vertical_athletestan .logo_area .big_logo::after {
    width: 26.6666666667vw;
    height: 6.1333333333vw;
  }
}
.vertical_athletestan .logo_area .small_logo {
  background: url("../images/vertical/athletestan/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 108px;
  height: 35px;
}
@media (max-width: 750px) {
  .vertical_athletestan .logo_area .small_logo {
    width: 21.6vw;
    height: 6.933333333vw;
  }
}
.vertical_athletestan footer .communication_creator {
  color: #1425ff;
}
.vertical_athletestan footer .logo_cluster {
  max-width: 321px !important;
}
@media (max-width: 750px) {
  .vertical_athletestan footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_athletestan footer .logo {
  background-image: url("../images/vertical/athletestan/athletestan_logofooter.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 69px !important;
}
@media (max-width: 750px) {
  .vertical_athletestan footer .logo {
    height: 13.86666667vw !important;
  }
}
.vertical_athletestan footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_athletestan footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_athletestan footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/athletestan/Sicon_ATS@3x.png") !important;
}
.vertical_athletestan footer .vertical.inner {
  background-color: #fff;
}
.vertical_athletestan#create_plan .information_talent .thumbnail, .vertical_athletestan#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#create_plan .navigation .item_subscription.active, .vertical_athletestan#edit_plan .navigation .item_subscription.active {
  color: #1400ff !important;
  border-bottom: 2px solid #1400ff !important;
}
.vertical_athletestan#create_plan .plan_back_month .t_purple, .vertical_athletestan#edit_plan .plan_back_month .t_purple {
  color: #f167c4 !important;
}
.vertical_athletestan#create_plan .plan_detail_item.active, .vertical_athletestan#edit_plan .plan_detail_item.active {
  color: #272727 !important;
  background-color: #FFFFFF !important;
}
.vertical_athletestan#create_plan .content_back_plan .thumbnail_back_plan, .vertical_athletestan#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#create_plan .back_plan .plan_preview_image .blur span, .vertical_athletestan#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_athletestan.svg") !important;
}
.vertical_athletestan#create_plan .back_plan .container > p, .vertical_athletestan#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_athletestan#create_plan .back_plan .container button.submit.gold, .vertical_athletestan#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}
.vertical_athletestan #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/athletestan/icon_nosetting_ats.png");
}
.vertical_athletestan#dashboard #mainview .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#post_setting .explain {
  color: #272727 !important;
}
.vertical_athletestan .name_wrapper .name_img {
  background-image: url("../images/vertical/athletestan/icon_nosetting_ats.png");
}
.vertical_athletestan#home_list_post .loading_video::after {
  background-image: url("../images/vertical/athletestan/cms_logo.svg");
}
.vertical_athletestan#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(153deg, #1400ff, #ff4141) !important;
}
.vertical_athletestan#home_list_post .item_list_post .exp_txt a {
  color: #FF4141 !important;
}
.vertical_athletestan#home_list_post .item_list_post .exp_txt .continue_link a {
  color: #ff4141 !important;
}
.vertical_athletestan#list_post .ph_thumbnail {
  background-image: linear-gradient(153deg, #1400ff, #ff4141) !important;
}
.vertical_athletestan#home_buy_back .tab_content .tab_block.active_tab, .vertical_athletestan#home .tab_content .tab_block.active_tab {
  border-color: #4b4b4b !important;
}
.vertical_athletestan#home_buy_back .plan_detail_list .plan_detail_item.active, .vertical_athletestan#home .plan_detail_list .plan_detail_item.active {
  color: #272727 !important;
  background-color: #e1ff5d !important;
}
.vertical_athletestan#home_buy_back .thumbnail_back_plan, .vertical_athletestan#home .thumbnail_back_plan {
  background-image: linear-gradient(153deg, #1400ff, #ff4141) !important;
}
.vertical_athletestan#home_buy_back #popup_enter, .vertical_athletestan#home #popup_enter {
  background-image: linear-gradient(153deg, #1400ff, #ff4141) !important;
}
.vertical_athletestan#home_buy_back #popup_enter .thumbnail, .vertical_athletestan#home #popup_enter .thumbnail {
  background-image: linear-gradient(139deg, #1400ff 15%, #ff4141 70%) !important;
}
.vertical_athletestan#home_buy_back #popup_enter .btn_enter, .vertical_athletestan#home #popup_enter .btn_enter {
  background-image: linear-gradient(88deg, #1400ff, #ff4141) !important;
  color: #fff !important;
}
.vertical_athletestan.top_download .item_download .time {
  background-color: #ff4141;
}
.vertical_athletestan.top_download .item_download .time.reserved {
  background-color: #1425ff !important;
}
.vertical_athletestan.top_download .item_download .remaining .btn_remaining {
  color: #ff5858;
}
.vertical_athletestan #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/athletestan/icon_ranking.svg");
}
.vertical_athletestan#home header.header .icon_ranking:before, .vertical_athletestan#home_buy_back header.header .icon_ranking:before, .vertical_athletestan#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/athletestan/icon_ranking.svg");
}

.vertical_stan .service_stan,
.vertical_stan .service_stan_show {
  display: block !important;
}
.vertical_stan .service_stan_hidden {
  display: none !important;
}
.vertical_stan#profile .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#profile #popup_enter {
  background-image: linear-gradient(131deg, #7ca7ff, #fff1a3, #ffe98e) !important;
}
.vertical_stan#profile #popup_enter .inner .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#profile #popup_enter .inner .icon-txt .burst {
  background: #24d6cf;
}
.vertical_stan#profile #popup_enter .inner .icon-txt .burst:before {
  background: #24d6cf;
}
.vertical_stan#profile #popup_enter .inner .icon-txt .burst:after {
  background: #24d6cf;
}
.vertical_stan#profile #popup_enter .inner .btn_enter {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
  color: #ffffff !important;
}
.vertical_stan .imgstan {
  width: 130px !important;
  margin-top: 5px;
}
@media (max-width: 750px) {
  .vertical_stan .imgstan {
    width: 97px !important;
  }
}
.vertical_stan .ranking_thumbnail .inner_ranking .ranking {
  background-color: #231815;
}
.vertical_stan .crown {
  background-image: url("../images/vertical/stan/icon_rankdeco_crown_Stan@3x.png") !important;
}
.vertical_stan .wrapper .inner .thumbnail .inner {
  background-image: url("../images/vertical/stan/icon_nosetting.svg");
}
.vertical_stan .wrapper_flame {
  background-image: linear-gradient(180deg, #ffffff, gray) !important;
}
.vertical_stan .wrapper_flame .top_frame {
  background-image: url("../images/vertical/stan/top_flame.svg");
  background-size: 100%;
}
.vertical_stan .wrapper_flame .top_image {
  background-image: url("../images/vertical/stan/cms_logo_banner.svg");
  background-position: center;
  background-size: 50%;
}
.vertical_stan #mainview > .inner .thumbnail .inner {
  background-image: url("../images/vertical/stan/icon_nosetting.svg");
}
.vertical_stan #wrapper #main_content #mainview > .inner > .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan .name_wrapper .img_creator {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#home .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#home #popup_public_inner {
  background-image: url("../images/vertical/stan/icon_nosetting.svg");
}
.vertical_stan header.header .header_logo {
  background: url("../images/vertical/stan/stan_logo_sCMS.svg") no-repeat center/12% !important;
}
@media (max-width: 750px) {
  .vertical_stan header.header .header_logo {
    background-size: 20% !important;
  }
}
.vertical_stan #nav_main .item_thumbail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan .logo_area .big_logo {
  background: url("../images/vertical/stan/stan_logo_sCMS.svg") no-repeat center/contain;
  width: 351px;
  height: 101px;
}
@media (max-width: 750px) {
  .vertical_stan .logo_area .big_logo {
    width: 70.13333333vw;
    height: 20.26666667vw;
  }
}
.vertical_stan .logo_area .small_logo {
  background: url("../images/vertical/stan/by-mi-glamu.svg") no-repeat;
  background-size: 100%;
  width: 108px;
  height: 35px;
}
@media (max-width: 750px) {
  .vertical_stan .logo_area .small_logo {
    width: 21.6vw;
    height: 6.933333333vw;
  }
}
.vertical_stan footer .communication_creator {
  color: #528afa;
}
.vertical_stan footer .logo_cluster {
  max-width: 321px !important;
}
.vertical_stan footer .logo_cluster a .sublogo {
  margin-right: 65px;
  margin-top: 13px;
}
@media (max-width: 750px) {
  .vertical_stan footer .logo_cluster {
    max-width: 64.26666667vw !important;
  }
}
.vertical_stan footer .logo {
  background-image: url("../images/vertical/stan/Stan_logo.svg") !important;
  background-size: contain !important;
  background-position: 0 center !important;
  height: 69px !important;
}
@media (max-width: 750px) {
  .vertical_stan footer .logo {
    height: 13.86666667vw !important;
  }
}
.vertical_stan footer .service_by {
  background-image: url("../images/by_mi-glamu_gray.svg");
  text-align: left;
  background-size: 100%;
  height: 76px;
  width: 206px;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .vertical_stan footer .service_by {
    width: 41.33333333vw;
    height: 15.2vw;
  }
}
.vertical_stan footer .version .inner .thumbnail_footer {
  background-image: url("../images/vertical/stan/Sicon_stan.svg") !important;
}
.vertical_stan footer .vertical.inner {
  background-color: #fff;
}
.vertical_stan#create_plan .information_talent .thumbnail, .vertical_stan#edit_plan .information_talent .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#create_plan .navigation .item_subscription.active, .vertical_stan#edit_plan .navigation .item_subscription.active {
  color: #272727 !important;
  border-bottom: 2px solid #272727 !important;
}
.vertical_stan#create_plan .plan_back_month .t_purple, .vertical_stan#edit_plan .plan_back_month .t_purple {
  color: #528afa !important;
}
.vertical_stan#create_plan .plan_detail_item.active, .vertical_stan#edit_plan .plan_detail_item.active {
  color: #fff !important;
  background-color: #4b4b4b !important;
}
.vertical_stan#create_plan .content_back_plan .thumbnail_back_plan, .vertical_stan#edit_plan .content_back_plan .thumbnail_back_plan {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#create_plan .back_plan .plan_preview_image .blur span, .vertical_stan#edit_plan .back_plan .plan_preview_image .blur span {
  background-image: url("../images/V_img_lock_stan.svg") !important;
}
.vertical_stan#create_plan .back_plan .container > p, .vertical_stan#edit_plan .back_plan .container > p {
  color: #4b4b4b !important;
}
.vertical_stan#create_plan .back_plan .container button.submit.gold, .vertical_stan#edit_plan .back_plan .container button.submit.gold {
  background-color: #272727 !important;
}
.vertical_stan #nav_bottom > .inner .ph_thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan #nav_bottom > .inner .ph_thumbnail span {
  background-image: url("../images/vertical/stan/icon_nosetting.svg");
}
.vertical_stan#dashboard #mainview .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#post_setting .explain {
  color: #ffffff !important;
}
.vertical_stan .name_wrapper .name_img {
  background-image: url("../images/vertical/stan/icon_nosetting.svg");
}
.vertical_stan#home_list_post .loading_video::after {
  background-image: url("../images/vertical/stan/cms_logo.svg");
}
.vertical_stan#home_list_post .tlt_list_post a.avatar {
  background-image: linear-gradient(131deg, #7ca7ff, #fff1a3, #ffe98e) !important;
}
.vertical_stan#home_list_post .item_list_post .exp_txt .continue_link a {
  color: #528afa !important;
}
.vertical_stan#list_post .ph_thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff, #fff1a3, #ffe98e) !important;
}
.vertical_stan#home_buy_back .tab_content .tab_block.active_tab, .vertical_stan#home .tab_content .tab_block.active_tab {
  border-color: #4b4b4b !important;
}
.vertical_stan#home_buy_back .plan_detail_list .plan_detail_item.active, .vertical_stan#home .plan_detail_list .plan_detail_item.active {
  color: #ffffff !important;
  background-color: #272727 !important;
}
.vertical_stan#home_buy_back .thumbnail_back_plan, .vertical_stan#home .thumbnail_back_plan {
  background-image: linear-gradient(131deg, #7ca7ff, #fff1a3, #ffe98e) !important;
}
.vertical_stan#home_buy_back #popup_enter, .vertical_stan#home #popup_enter {
  background-image: linear-gradient(131deg, #7ca7ff, #fff1a3, #ffe98e) !important;
}
.vertical_stan#home_buy_back #popup_enter .thumbnail, .vertical_stan#home #popup_enter .thumbnail {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
}
.vertical_stan#home_buy_back #popup_enter .btn_enter, .vertical_stan#home #popup_enter .btn_enter {
  background-image: linear-gradient(131deg, #7ca7ff 20%, #fff1a3, #ffe98e 65%) !important;
  color: #ffffff !important;
}
.vertical_stan.top_download .item_download .time {
  background-color: #fc6161;
}
.vertical_stan.top_download .item_download .time.reserved {
  background-color: #528afa !important;
}
.vertical_stan.top_download .item_download .remaining .btn_remaining {
  color: #ff5858;
}
.vertical_stan #nav_main #nav > .inner .icon_ranking:before {
  background-image: url("../images/vertical/stan/icon_ranking.svg");
}
.vertical_stan#home header.header .icon_ranking:before, .vertical_stan#home_buy_back header.header .icon_ranking:before, .vertical_stan#wrapper_plan header.header .icon_ranking:before {
  background-image: url("../images/vertical/stan/icon_ranking.svg");
}

#plan_default {
  background-color: #fafafa;
  position: relative;
}
#plan_default header.header {
  border-bottom: 0px;
  background-color: #fafafa;
}
@media (max-width: 750px) {
  #plan_default header.header {
    height: 11.833333vw;
  }
}
#plan_default header.header > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media (max-width: 750px) {
  #plan_default header.header > .inner {
    margin: 0 2.933vw;
    padding: 0 4.8vw;
  }
}
#plan_default header.header > .inner .ttl_header {
  font-size: 21px;
}
@media (max-width: 750px) {
  #plan_default header.header > .inner .ttl_header {
    font-size: 3.767vw;
  }
}
@media (max-width: 750px) {
  #plan_default .section {
    margin-top: 14vw;
  }
}
#plan_default .section .title {
  font-family: "Hiragino Kaku Gothic ProN W6";
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 43px;
}
@media (max-width: 750px) {
  #plan_default .section .title {
    margin-top: -2vw;
  }
}
#plan_default .section .title.title1 {
  background-color: #FF7192;
}
#plan_default .section .title.title2 {
  background-color: #5285F7;
}
#plan_default .section .title.title3 {
  background-color: #FFBA00;
}
#plan_default .section .title.title4 {
  background-color: #42BC8D;
}
#plan_default .section .inner {
  font-family: "Hiragino Kaku Gothic ProN W6";
}
#plan_default .section .inner .title {
  padding: 60px 25px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 50px;
  line-height: 24px;
}
#plan_default .section .inner .description {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  line-height: 30px;
}
#plan_default .section .inner .notice {
  text-align: center;
  color: #9B9B9B;
  font-size: 12px;
  font-weight: 600;
  margin: 14px 0px;
  line-height: 18px;
}
#plan_default .section .inner .notice1 {
  color: #9b9b9b;
  text-align: center;
  font-size: 15px;
  margin-top: 35px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .notice1 {
    font-size: 11px;
    font-size: 2.9333333333vw;
    margin-top: 2.666666667vw;
  }
}
#plan_default .section .inner .preview {
  width: 50%;
  margin: 30px auto;
  display: flex;
  justify-content: center;
  color: #5285F7;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #plan_default .section .inner .preview {
    margin: 5vw auto;
    font-size: 11px;
    font-size: 2.9333333333vw;
    width: 60%;
  }
}
#plan_default .section .inner .preview .image {
  padding: 0px 6px;
}
#plan_default .section .inner .preview .preview_text {
  line-height: 32px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .preview .preview_text {
    line-height: 6.4vw;
  }
}
#plan_default .section .inner .notice2 {
  font-weight: bold;
  color: #42BC8D;
  margin-top: 31px;
  margin-bottom: 31px;
  font-size: 16px;
  line-height: 33px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .notice2 {
    margin-top: 4.6vw;
    margin-bottom: 0vw;
    font-size: 3.2vw;
    line-height: 6.66666667vw;
  }
}
#plan_default .section .inner .submit_name {
  color: #FFFFFF;
  background-color: #42BC8D;
  border-radius: 40px;
  line-height: 32px;
  width: 90%;
  border: none;
  height: 58.52px;
  font-size: 18.62px;
  margin-bottom: 40px;
  font-weight: 600;
}
@media (max-width: 750px) {
  #plan_default .section .inner .submit_name {
    font-size: 14px;
    font-size: 3.7333333333vw;
    height: 11.733vw;
    margin-top: 4.266666667vw;
    border-radius: 8vw;
  }
}
#plan_default .section .inner .back_page {
  margin: auto;
  width: 27%;
  display: flex;
  justify-content: center;
}
@media (max-width: 750px) {
  #plan_default .section .inner .back_page {
    padding-bottom: 7.4666666667vw;
    width: 43%;
  }
}
#plan_default .section .inner .back_page .preview_text {
  font-weight: bold;
  line-height: 32px;
  color: #797979;
}
@media (max-width: 750px) {
  #plan_default .section .inner .back_page .preview_text {
    line-height: 6.4vw;
  }
}
#plan_default .section .inner .content {
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic ProN W6";
  margin-top: 35px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content {
    margin-top: 6.933333333vw;
  }
}
#plan_default .section .inner .content .item {
  margin-bottom: 20px;
  border-radius: 8px;
}
#plan_default .section .inner .content .item.plan_color_0 {
  border: 2px solid #A28865;
}
#plan_default .section .inner .content .item.plan_color_1 {
  border: 2px solid #6C6CDB;
}
#plan_default .section .inner .content .item.plan_color_2 {
  border: 2px solid #DD4F8A;
}
#plan_default .section .inner .content .item.plan_color_3 {
  border: 2px solid #46B98C;
}
#plan_default .section .inner .content .item.plan_color_4 {
  border: 2px solid #FF9F3E;
}
#plan_default .section .inner .content .item.plan_color_5 {
  border: 2px solid #FF5D5D;
}
#plan_default .section .inner .content .item.plan_color_6 {
  border: 2px solid #B579D0;
}
#plan_default .section .inner .content .item.plan_color_7 {
  border: 2px solid #77BA5A;
}
#plan_default .section .inner .content .item.plan_color_8 {
  border: 2px solid #FF8048;
}
#plan_default .section .inner .content .item.plan_color_9 {
  border: 2px solid #18C3C3;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item {
    margin-bottom: 4vw;
  }
}
#plan_default .section .inner .content .item .item_content {
  font-size: 16px;
  line-height: 27px;
  padding: 32px 27px;
  margin: 0px;
  text-align: left;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item .item_content {
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    padding: 6.4vw 5.3333333333vw;
  }
}
#plan_default .section .inner .content .item .item_content .plan_name {
  font-size: 21px;
  font-weight: 600;
  line-height: 41px;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_0 {
  color: #A28865;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_1 {
  color: #6C6CDB;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_2 {
  color: #DD4F8A;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_3 {
  color: #46B98C;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_4 {
  color: #FF9F3E;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_5 {
  color: #FF5D5D;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_6 {
  color: #B579D0;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_7 {
  color: #77BA5A;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_8 {
  color: #FF8048;
}
#plan_default .section .inner .content .item .item_content .plan_name.plan_color_9 {
  color: #18C3C3;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item .item_content .plan_name {
    font-size: 5vw;
    line-height: 8.2666666667vw;
  }
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_0 {
  color: #A28865;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_1 {
  color: #6C6CDB;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_2 {
  color: #DD4F8A;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_3 {
  color: #46B98C;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_4 {
  color: #FF9F3E;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_5 {
  color: #FF5D5D;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_6 {
  color: #B579D0;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_7 {
  color: #77BA5A;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_8 {
  color: #FF8048;
}
#plan_default .section .inner .content .item .item_content .plan_price.plan_color_9 {
  color: #18C3C3;
}
#plan_default .section .inner .content .item .item_content .plan_description {
  color: #9B9B9B;
  line-height: 42px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item .item_content .plan_description {
    line-height: 8vw;
  }
}
#plan_default .section .inner .content .item .item_content .benefit {
  font-weight: 300;
}
#plan_default .section .inner .content .item .item_content .capacity {
  color: #9B9B9B;
}
#plan_default .section .inner .content .item .item_content .backnumber {
  color: #9B9B9B;
  line-height: 42px;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item .item_content .backnumber {
    line-height: 8vw;
  }
}
#plan_default .section .inner .content .item .item_content .bulk_payment {
  color: #9B9B9B;
}
#plan_default .section .inner .content .item .item_content .button_submit {
  text-align: right;
}
#plan_default .section .inner .content .item .item_content .button_submit .button {
  color: #FFFFFF;
  border-radius: 32px;
  line-height: 32px;
  width: 85px;
  height: 40px;
  border: none;
  font-size: 18px;
  font-weight: 600;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_0 {
  background-color: #A28865;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_1 {
  background-color: #6C6CDB;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_2 {
  background-color: #DD4F8A;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_3 {
  background-color: #46B98C;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_4 {
  background-color: #FF9F3E;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_5 {
  background-color: #FF5D5D;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_6 {
  background-color: #B579D0;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_7 {
  background-color: #77BA5A;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_8 {
  background-color: #FF8048;
}
#plan_default .section .inner .content .item .item_content .button_submit .button.plan_color_9 {
  background-color: #18C3C3;
}
@media (max-width: 750px) {
  #plan_default .section .inner .content .item .item_content .button_submit .button {
    line-height: 6.4vw;
    width: 19.2vw;
    height: 9.8vw;
    font-size: 4vw;
  }
}

/*# sourceMappingURL=style.css.map */