@charset "UTF-8";
@import url(/assets/flatpickr/dist/flatpickr.min-b06b8e609b74dfccc27327b7fc7ce021d73a5d1197bd314fd274223641afa2c1.css);
@import url(/assets/flatpickr/dist/themes/material_green-515e8b103fe066166203a57357d74ab86f9ed302f8b2e51666fff64f18c77c1e.css);
/* line 28, app/assets/stylesheets/m.scss */
.collapse:has(> input[type=radio]:focus-visible) {
  outline: none !important;
}

/* line 35, app/assets/stylesheets/m.scss */
.content-header {
  background: #819b61;
  padding: 1.25rem 2.5% 0;
  margin-bottom: 1rem;
}

/* line 40, app/assets/stylesheets/m.scss */
.content-title {
  display: flex;
  align-items: center;
  color: white;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
  user-select: none;
  -webkit-user-select: none;
}

/* line 50, app/assets/stylesheets/m.scss */
.content-title svg {
  margin-right: 0.5rem;
}

/* line 54, app/assets/stylesheets/m.scss */
.content-menu-tabs {
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  overflow: hidden;
}

/* line 59, app/assets/stylesheets/m.scss */
.content-menu-tabs.float {
  position: fixed;
  top: 0px;
  z-index: 1;
  background: #819b61;
  width: 100%;
  margin-left: -2.5%;
  padding-left: 2.5%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* line 69, app/assets/stylesheets/m.scss */
.content-menu-tabs.float .content-menu-tab.active {
  border-radius: 0px !important;
}

/* line 73, app/assets/stylesheets/m.scss */
.content-menu-tabs .content-menu-tab {
  user-select: none;
  -webkit-user-select: none;
  color: white;
  padding: 0.5rem;
  min-width: 120px;
  width: auto;
  text-align: center;
  font-weight: bold;
}

/* line 82, app/assets/stylesheets/m.scss */
.content-menu-tabs .content-menu-tab:hover {
  transition-duration: .1s;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px 5px 0 0;
}

/* line 88, app/assets/stylesheets/m.scss */
.content-menu-tabs .content-menu-tab.active {
  color: #819b61;
  background: #e8eff5;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

/* line 97, app/assets/stylesheets/m.scss */
.left-nav-menu {
  margin-right: -0.75rem;
}

/* line 101, app/assets/stylesheets/m.scss */
.flatpicker-icon {
  position: absolute;
  margin-left: 0.5rem;
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/m.scss */
.flatpicker {
  padding-left: 2rem;
}

/* line 110, app/assets/stylesheets/m.scss */
.flash-message.notice {
  position: fixed;
  z-index: 1040;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  pointer-events: none;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  animation: flash-message-fade-Out 1s 1s 1 forwards;
}

@keyframes flash-message-fade-Out {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

/* line 141, app/assets/stylesheets/m.scss */
.dashboard {
  padding: 12px 0 36px 12px;
}

/* line 143, app/assets/stylesheets/m.scss */
.dashboard .news {
  font-size: 14px;
  line-height: 160%;
  margin: 0 0 12px 0;
  padding: 16px;
  color: #505050;
  background-color: #ffffd5;
}

/* line 151, app/assets/stylesheets/m.scss */
.dashboard .achievement {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
}

/* line 155, app/assets/stylesheets/m.scss */
.dashboard .achievement .title {
  margin: 2px auto 4px 8px;
  padding: 0;
  color: #505050;
}

/* line 160, app/assets/stylesheets/m.scss */
.dashboard .achievement .val_wrapper {
  width: 160px;
  height: 60px;
  margin: 5px;
  padding: 12px;
  cursor: pointer;
  border: solid 1px #d8d8d8;
  border-radius: 4px;
}

/* line 168, app/assets/stylesheets/m.scss */
.dashboard .achievement .val_wrapper i {
  font-size: 17px;
  margin-top: 10px;
  margin-left: 2px;
  color: #686868;
}

/* line 174, app/assets/stylesheets/m.scss */
.dashboard .achievement .val_wrapper .val_title {
  font-size: 13px;
  font-weight: bold;
  color: #505050;
}

/* line 179, app/assets/stylesheets/m.scss */
.dashboard .achievement .val_wrapper .val {
  font-size: 24px;
  width: 95%;
  margin-top: 8px;
  text-align: right;
  color: #1759e0;
}

/* line 187, app/assets/stylesheets/m.scss */
.dashboard .achievement .flow_cv {
  background-color: white;
}

/* line 190, app/assets/stylesheets/m.scss */
.dashboard .achievement .flow_start {
  background-color: white;
}

/* line 193, app/assets/stylesheets/m.scss */
.dashboard .achievement .show_action {
  background-color: #ffffd5;
}

/* line 196, app/assets/stylesheets/m.scss */
.dashboard .achievement .next_click {
  background-color: white;
}

/* line 200, app/assets/stylesheets/m.scss */
.dashboard .chart {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: white;
}

/* line 206, app/assets/stylesheets/m.scss */
.dashboard .chart .title {
  margin: 3px auto 4px 8px;
  padding: 0;
  color: #505050;
}

/* line 212, app/assets/stylesheets/m.scss */
.dashboard .flow_cv_chart {
  display: none;
}

/* line 215, app/assets/stylesheets/m.scss */
.dashboard .flow_start_chart {
  display: none;
}

/* line 218, app/assets/stylesheets/m.scss */
.dashboard .show_action_chart {
  display: block;
}

/* line 221, app/assets/stylesheets/m.scss */
.dashboard .next_click_chart {
  display: none;
}

/* line 224, app/assets/stylesheets/m.scss */
.dashboard .flow_index {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
}

/* line 228, app/assets/stylesheets/m.scss */
.dashboard .flow_index .title {
  margin: 3px auto 0 8px;
  padding: 0;
  color: #505050;
}

/* line 233, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper {
  width: 740px;
  margin-top: 10px;
  padding: 12px;
  border: solid 1px #d8d8d8;
  border-radius: 4px;
}

/* line 239, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper table {
  border: none;
}

/* line 241, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper table th, .dashboard .flow_index .table_wrapper table td {
  font-size: 14px;
  padding: 6px 4px 2px 4px;
  border: none;
  border-bottom: solid 1px #d8d8d8;
}

/* line 247, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper table td {
  padding: 6px 16px 2px 8px;
  color: #686868;
}

/* line 252, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper .to_guide_index {
  width: 220px;
  margin: 16px 16px 4px auto;
}

/* line 256, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper .to_setting_groups {
  width: 220px;
  margin: 16px auto 4px 16px;
  background-color: #a0a0a0;
}

/* line 268, app/assets/stylesheets/m.scss */
.form .caption {
  font-weight: bold;
  margin-top: 12px;
  color: #686868;
}

/* line 278, app/assets/stylesheets/m.scss */
.images {
  padding-bottom: 24px;
  padding-left: 12px;
}

/* line 281, app/assets/stylesheets/m.scss */
.images img.preview_area {
  display: inline-block;
  width: 108px;
  margin-right: 6px;
  margin-left: 6px;
  vertical-align: top;
}

/* line 288, app/assets/stylesheets/m.scss */
.images p {
  font-size: 13px;
  color: #686868;
}

/* line 293, app/assets/stylesheets/m.scss */
.images .no_img div {
  font-size: 14px;
  font-weight: bold;
  width: 98px;
  height: 84px;
  padding-top: 34px;
  text-align: center;
  color: #888888;
  border: solid 1px #a0a0a0;
}

/* line 305, app/assets/stylesheets/m.scss */
.images div.preview_area {
  display: inline-block;
  width: 264px;
  height: 80px;
  margin: 4px 4px 4px 4px;
  padding: 6px 6px 0 6px;
  text-align: center;
  color: #888888;
  border: 3px dotted #888888;
  background-color: #ffffff;
  object-fit: cover;
}

/* line 317, app/assets/stylesheets/m.scss */
.images div.preview_area i {
  font-size: 22px;
}

/* line 321, app/assets/stylesheets/m.scss */
.images table {
  margin-top: 24px;
}

/* line 323, app/assets/stylesheets/m.scss */
.images table td, .images table th {
  padding: 2px 8px;
  color: #505050;
}

/* line 327, app/assets/stylesheets/m.scss */
.images table .delete_image {
  font-size: 12px;
  width: 36px;
  background-color: #888888;
}

/* line 333, app/assets/stylesheets/m.scss */
.images input {
  width: 280px;
  margin: 12px auto 2px 6px;
}

/* line 337, app/assets/stylesheets/m.scss */
.images #upload_image {
  margin-top: 18px;
}

/* line 345, app/assets/stylesheets/m.scss */
.account_edit {
  margin: 0 100px 80px;
  padding: 20px 20px 8px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 352, app/assets/stylesheets/m.scss */
.account_edit table {
  overflow: hidden;
  margin: 12px auto;
  padding: 25px 0;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 12px;
  background-color: white;
}

/* line 360, app/assets/stylesheets/m.scss */
.account_edit table th {
  font-size: 14px;
  font-weight: normal;
  padding: 0 24px;
  text-align: right;
  border: none;
}

/* line 367, app/assets/stylesheets/m.scss */
.account_edit table th.th_division {
  padding-right: 58px;
}

/* line 370, app/assets/stylesheets/m.scss */
.account_edit table th.required:after {
  font-size: 10px;
  margin-left: 1.0em;
  padding: 2px 6px 2px 6px;
  content: "必須";
  color: tomato;
  border-width: 1px;
  border-style: solid;
  border-color: tomato;
  background-color: white;
}

/* line 381, app/assets/stylesheets/m.scss */
.account_edit table td {
  height: 55px;
  padding: 4px 24px;
  text-align: left;
  color: #505050;
  border: none;
}

/* line 387, app/assets/stylesheets/m.scss */
.account_edit table td input[type="text"] {
  width: 300px;
  height: 30px;
  padding: 0 16px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 396, app/assets/stylesheets/m.scss */
.account_edit table td #tel {
  width: 100px;
}

/* line 399, app/assets/stylesheets/m.scss */
.account_edit table td #post {
  width: 64px;
}

/* line 404, app/assets/stylesheets/m.scss */
.account_edit #update_account {
  width: 240px;
  margin: 12px auto;
}

/* line 413, app/assets/stylesheets/m.scss */
.guide {
  font-size: 14px;
  text-align: center;
  color: #686868;
}

/* line 417, app/assets/stylesheets/m.scss */
.guide #name {
  width: 550px;
  margin-top: 5px;
  margin-bottom: 18px;
}

/* line 422, app/assets/stylesheets/m.scss */
.guide .url {
  width: 550px;
}

/* line 425, app/assets/stylesheets/m.scss */
.guide .page_group, .guide .action {
  width: 580px;
  margin: 8px;
  margin: 8px auto;
  padding: 8px 18px;
  text-align: left;
  color: #686868;
  border: solid 1px #d8d8d8;
  border-radius: 4px;
  background-color: white;
}

/* line 436, app/assets/stylesheets/m.scss */
.guide .action {
  width: 540px;
  color: #686868;
  border: 0;
}

/* line 442, app/assets/stylesheets/m.scss */
.guide .action .action_title_wrapper {
  font-weight: bold;
  display: flex;
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 4px;
  border-bottom: solid 1px #a0a0a0;
}

/* line 449, app/assets/stylesheets/m.scss */
.guide .action .action_title_wrapper .action_title {
  margin-right: 12px;
  padding-top: 11px;
}

/* line 454, app/assets/stylesheets/m.scss */
.guide .action textarea {
  width: 530px;
  height: 64px;
}

/* line 458, app/assets/stylesheets/m.scss */
.guide .action .preview {
  font-size: 13px;
  padding: 7px 2px;
  background-color: #2bd580;
}

/* line 463, app/assets/stylesheets/m.scss */
.guide .action .next_action_select {
  font-weight: bold;
  display: flex;
  width: 100%;
  margin: 12px 0 12px 18px;
  padding-bottom: 3px;
  color: blue;
  border-bottom: solid 1px blue;
}

/* line 472, app/assets/stylesheets/m.scss */
.guide .action .next_action, .guide .action .next_page {
  font-size: 13px;
  width: 198px;
  margin: 0 0 12px 22px;
  color: blue;
  border: solid 1px blue;
  background-color: white;
}

/* line 480, app/assets/stylesheets/m.scss */
.guide .action .next_page {
  margin-left: 12px;
}

/* line 485, app/assets/stylesheets/m.scss */
.guide .action .no_action {
  margin: 14px 0 0 12px;
}

/* line 489, app/assets/stylesheets/m.scss */
.guide #create_guide {
  width: 540px;
  margin: 20px auto;
}

/* line 497, app/assets/stylesheets/m.scss */
.guide_index {
  margin: 0 150px 50px;
  padding: 4px 10px 10px;
  text-align: center;
  color: #505050;
  border-radius: 8px;
  background-color: white;
}

/* line 504, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table {
  margin: 5px 15px;
  padding: 4px 0 20px;
  color: #5b7eff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  background-color: white;
}

/* line 511, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table {
  margin: 0 30px;
  padding: 10px 0;
  border-spacing: 0;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 12px;
  background-color: white;
}

/* line 519, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table th {
  font-size: 14px;
  font-weight: normal;
  padding: 15px 24px 0;
  text-align: right;
  border: none;
  border-bottom: 1px solid #9bb4ff;
}

/* line 527, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table td {
  width: 180px;
  padding-top: 20px;
  text-align: left;
  color: #505050;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  outline: none;
}

/* line 536, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table td.del {
  width: auto;
  padding-right: 30px;
  text-align: center;
}

/* line 541, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table td.repo {
  width: auto;
  padding-right: 24px;
  text-align: center;
}

/* line 547, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table div.delete_button {
  color: tomato;
}

/* line 550, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table .delete_button:hover {
  cursor: pointer;
  opacity: .5;
}

/* line 554, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table div.report {
  font-size: 14px;
  text-align: center;
  color: #505050;
}

/* line 559, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table div.report:hover {
  cursor: pointer;
  opacity: .5;
}

/* line 570, app/assets/stylesheets/m.scss */
.setting_group_edit {
  margin: 0 150px 80px;
  padding: 20px 20px 8px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 577, app/assets/stylesheets/m.scss */
.setting_group_edit table {
  overflow: hidden;
  margin: 12px auto;
  padding: 25px 0;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 12px;
  background-color: white;
}

/* line 585, app/assets/stylesheets/m.scss */
.setting_group_edit table th {
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 0 24px;
  text-align: right;
  border: none;
}

/* line 592, app/assets/stylesheets/m.scss */
.setting_group_edit table td {
  height: 55px;
  padding: 4px 18px;
  text-align: left;
  color: #505050;
  border: none;
}

/* line 598, app/assets/stylesheets/m.scss */
.setting_group_edit table td input[type="text"] {
  width: 80px;
  height: 30px;
  padding: 0 8px 0 16px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 607, app/assets/stylesheets/m.scss */
.setting_group_edit table td #name {
  width: 240px;
}

/* line 612, app/assets/stylesheets/m.scss */
.setting_group_edit #update_setting_groups {
  width: 240px;
  margin: 12px auto;
}

/* line 616, app/assets/stylesheets/m.scss */
.setting_group_edit #create_setting_groups {
  width: 240px;
  margin: 12px auto;
}

/* line 621, app/assets/stylesheets/m.scss */
.setting_group_edit .name_check_error {
  font-size: 12px;
  font-weight: bold;
  color: tomato;
}

/* line 631, app/assets/stylesheets/m.scss */
.report_index {
  padding: 12px 0 0 12px;
  text-align: center;
  color: #505050;
}

/* line 635, app/assets/stylesheets/m.scss */
.report_index li {
  list-style: none;
}

/* line 638, app/assets/stylesheets/m.scss */
.report_index #selects {
  width: 72%;
  text-align: center;
}

/* line 641, app/assets/stylesheets/m.scss */
.report_index #selects #select_table {
  margin: 0 auto;
  border-spacing: 0 8px;
  border-collapse: separate;
  border: none;
  background-color: #f8faff;
}

/* line 647, app/assets/stylesheets/m.scss */
.report_index #selects #select_table tr, .report_index #selects #select_table th, .report_index #selects #select_table td {
  border: none;
  background-color: #f8faff;
}

/* line 651, app/assets/stylesheets/m.scss */
.report_index #selects #select_table th {
  padding-right: 10px;
  text-align: right;
}

/* line 655, app/assets/stylesheets/m.scss */
.report_index #selects #select_table td {
  text-align: left;
}

/* line 660, app/assets/stylesheets/m.scss */
.report_index .chart_title {
  width: 100%;
}

/* line 663, app/assets/stylesheets/m.scss */
.report_index .flow_select {
  font-size: 15px;
  width: 300px;
  height: 34px;
  padding: 5px;
  color: #505050;
  border: solid 1px #d8d8d8;
  border-radius: 4px;
  background-color: white;
}

/* line 673, app/assets/stylesheets/m.scss */
.report_index .month_select {
  font-size: 15px;
  width: 120px;
  height: 34px;
  padding: 5px;
  color: #505050;
  border: solid 1px #d8d8d8;
  border-radius: 4px;
  background-color: white;
}

/* line 683, app/assets/stylesheets/m.scss */
.report_index .buttons {
  display: flex;
  width: 100%;
  padding: 0;
}

/* line 687, app/assets/stylesheets/m.scss */
.report_index .buttons .daily_graphs {
  margin-right: 20px;
  padding: 8px 12px;
  cursor: pointer;
  border: 1px solid #505050;
  border-radius: 100px;
}

/* line 694, app/assets/stylesheets/m.scss */
.report_index .buttons .monthly_graphs {
  margin-right: 20px;
  padding: 8px 12px;
  cursor: pointer;
  border: 1px solid #505050;
  border-radius: 100px;
}

/* line 701, app/assets/stylesheets/m.scss */
.report_index .buttons .daily_graphs:hover {
  opacity: .8;
}

/* line 704, app/assets/stylesheets/m.scss */
.report_index .buttons .monthly_graphs:hover {
  opacity: .8;
}

/* line 708, app/assets/stylesheets/m.scss */
.report_index .device {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
}

/* line 714, app/assets/stylesheets/m.scss */
.report_index .device li {
  width: 10%;
  margin: 0 5px;
  cursor: pointer;
  border: 1px solid #ababab;
  border-radius: 100px;
}

/* line 721, app/assets/stylesheets/m.scss */
.report_index .device li.all {
  padding: 5px;
}

/* line 724, app/assets/stylesheets/m.scss */
.report_index .device li.pc {
  padding: 8px 5px 5px;
}

/* line 727, app/assets/stylesheets/m.scss */
.report_index .device li.phone {
  padding: 5px;
}

/* line 732, app/assets/stylesheets/m.scss */
.charts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 72%;
  margin-right: 100px;
  padding: 12px 0 36px 12px;
}

/* line 739, app/assets/stylesheets/m.scss */
.charts h4 {
  text-align: left;
}

/* line 744, app/assets/stylesheets/m.scss */
.charts .chart5 .flow_uu_charts .flow_uu_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 752, app/assets/stylesheets/m.scss */
.charts .chart6 .uu_charts .uu_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 761, app/assets/stylesheets/m.scss */
.charts .chart1 .flow_start_charts {
  display: block;
}

/* line 763, app/assets/stylesheets/m.scss */
.charts .chart1 .flow_start_charts .flow_start_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 771, app/assets/stylesheets/m.scss */
.charts .chart2 .show_action_charts {
  display: block;
}

/* line 773, app/assets/stylesheets/m.scss */
.charts .chart2 .show_action_charts .show_action_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 781, app/assets/stylesheets/m.scss */
.charts .chart3 .next_click_charts {
  display: block;
}

/* line 783, app/assets/stylesheets/m.scss */
.charts .chart3 .next_click_charts .next_click_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 792, app/assets/stylesheets/m.scss */
.charts .chart4 .flow_cv_charts {
  display: block;
}

/* line 794, app/assets/stylesheets/m.scss */
.charts .chart4 .flow_cv_charts .flow_cv_column_chart {
  width: 100%;
  margin: 12px auto;
}

/* line 802, app/assets/stylesheets/m.scss */
.charts_card_summary {
  color: white;
}

/* line 805, app/assets/stylesheets/m.scss */
.chart_title {
  font-size: 15px;
  font-weight: bold;
  margin: 12px;
  color: #505050;
}

/* line 812, app/assets/stylesheets/m.scss */
.charts_funnel {
  box-sizing: border-box;
  width: 257px;
  height: 430px;
  margin-left: 24px;
  padding: 12px;
  text-align: center;
  color: white;
  background-color: #4285f4;
}

/* line 821, app/assets/stylesheets/m.scss */
.charts_funnel .funnel {
  font-size: 13px;
  margin: 0 auto;
  padding: 8px 4px;
  color: white;
  border: solid 1px white;
  border-radius: 4px;
  background-color: #4285f4;
}

/* line 829, app/assets/stylesheets/m.scss */
.charts_funnel .funnel div {
  font-size: 18px;
  margin: 2px;
}

/* line 834, app/assets/stylesheets/m.scss */
.charts_funnel .funnel_line {
  width: 1px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
  background-color: white;
}

/* line 848, app/assets/stylesheets/m.scss */
.close {
  display: none;
  transition: all .3s;
}

/* line 853, app/assets/stylesheets/m.scss */
.tag_setting_info {
  max-width: 700px;
  margin: auto;
  margin-bottom: 20px;
}

/* line 858, app/assets/stylesheets/m.scss */
.tag_setting_info__accordion_filter {
  display: block;
  width: fit-content;
  margin: 1rem auto;
  cursor: pointer;
  color: #0060ff;
  border-bottom: solid 1px #0060ff;
}

/* line 867, app/assets/stylesheets/m.scss */
.tag_setting_info__filter_container {
  display: none;
}

/* line 875, app/assets/stylesheets/m.scss */
.campaign {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #5b7eff;
  color: #505050;
  border-radius: 8px;
}

/* line 883, app/assets/stylesheets/m.scss */
.campaign_setting {
  overflow-y: scroll;
  box-sizing: border-box;
  width: 40%;
  height: calc(100% - 50px);
  padding-bottom: 36px;
  text-align: center;
}

/* line 891, app/assets/stylesheets/m.scss */
.campaign_preview {
  width: 60%;
  text-align: center;
  border-left: 1px solid #c9c9ff;
  background-color: white;
}

/* line 898, app/assets/stylesheets/m.scss */
.campaign_setting::-webkit-scrollbar {
  width: 10px;
}

/* line 901, app/assets/stylesheets/m.scss */
.campaign_setting::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: gray;
}

/* line 905, app/assets/stylesheets/m.scss */
.campaign_setting::-webkit-scrollbar-track {
  border-radius: 6px;
}

/* line 910, app/assets/stylesheets/m.scss */
.loadding {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: .8;
  background-color: white;
}

/* line 921, app/assets/stylesheets/m.scss */
.loader {
  position: relative;
  top: 40%;
  left: 50%;
  width: 40px;
  height: 40px;
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: solid 4px;
  border-color: #000000 #00000010 #00000010;
  border-radius: 50%;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 942, app/assets/stylesheets/m.scss */
.post_setting {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto;
  padding: 10px;
  border: 1px solid #c9c9ff;
  border-radius: 8px;
  background-color: white;
}

/* line 956, app/assets/stylesheets/m.scss */
.approval_request_title {
  font-size: 20px;
  font-weight: bold;
  width: 400px;
  text-align: left;
}

/* line 962, app/assets/stylesheets/m.scss */
.approval_request_check {
  font-size: 14px;
  font-weight: normal;
  display: none;
  width: 150px;
  text-align: right;
}

/* line 970, app/assets/stylesheets/m.scss */
.instant_post {
  font-size: 14px;
  width: 50%;
  margin-top: 10px;
  text-align: right;
}

/* line 976, app/assets/stylesheets/m.scss */
.reserved_post {
  font-size: 14px;
  width: 50%;
  margin-top: 10px;
  text-align: right;
}

/* line 983, app/assets/stylesheets/m.scss */
.expected_date {
  font-size: 12px;
  display: none;
  width: 400px;
  margin: 10px 0 0 0;
}

/* line 991, app/assets/stylesheets/m.scss */
.application_requirements {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px 10px;
  border: 1px solid #c9c9ff;
  border-radius: 8px;
  background-color: white;
}

/* line 1004, app/assets/stylesheets/m.scss */
.application_requirements_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

/* line 1012, app/assets/stylesheets/m.scss */
.follow_check {
  font-size: 14px;
  width: 33%;
}

/* line 1016, app/assets/stylesheets/m.scss */
.comment_check {
  font-size: 14px;
  width: 33%;
}

/* line 1020, app/assets/stylesheets/m.scss */
.repost_check {
  font-size: 14px;
  width: 33%;
}

/* line 1026, app/assets/stylesheets/m.scss */
.winning_conditions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px 10px;
  border: 1px solid #c9c9ff;
  border-radius: 8px;
  background-color: white;
}

/* line 1039, app/assets/stylesheets/m.scss */
.winning_conditions_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

/* line 1047, app/assets/stylesheets/m.scss */
.follower_check {
  font-size: 14px;
  width: 45%;
}

/* line 1051, app/assets/stylesheets/m.scss */
.comment_count_check {
  font-size: 14px;
  width: 45%;
}

/* line 1057, app/assets/stylesheets/m.scss */
.post_content {
  align-items: center;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px 10px;
  border: 1px solid #c9c9ff;
  border-radius: 8px;
  background-color: white;
}

/* line 1068, app/assets/stylesheets/m.scss */
.post_content_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

/* line 1075, app/assets/stylesheets/m.scss */
.post_content_textarea {
  font-size: 12px;
  width: 300px;
  padding: 5px;
}

/* line 1080, app/assets/stylesheets/m.scss */
.max_text_length {
  margin: 0 50px 10px 0;
  text-align: right;
}

/* line 1084, app/assets/stylesheets/m.scss */
.text_length_over {
  color: red;
}

/* line 1089, app/assets/stylesheets/m.scss */
.post_img_content {
  align-items: center;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px 10px;
  border: 1px solid #c9c9ff;
  border-radius: 8px;
  background-color: white;
}

/* line 1100, app/assets/stylesheets/m.scss */
.post_img_content_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

/* line 1108, app/assets/stylesheets/m.scss */
.post_img_input {
  line-height: 48px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  margin: 0 4px 8px 0;
  cursor: pointer;
  border: 1px dotted gray;
}

/* line 1118, app/assets/stylesheets/m.scss */
.preview_img_area {
  display: flex;
  flex-wrap: wrap;
}

/* line 1123, app/assets/stylesheets/m.scss */
.preview_img {
  width: 50px;
  height: 50px;
  margin: 0 4px 8px 0;
}

/* line 1130, app/assets/stylesheets/m.scss */
.preview_content {
  align-items: center;
  box-sizing: border-box;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px 10px;
  background-color: white;
}

/* line 1139, app/assets/stylesheets/m.scss */
.preview_submit_btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 40px;
}

/* line 1147, app/assets/stylesheets/m.scss */
.preview_content_title {
  font-size: 20px;
  font-weight: bold;
  width: 100px;
  margin: 0 auto 0 0;
  text-align: left;
}

/* line 1155, app/assets/stylesheets/m.scss */
.preview_edit_end {
  box-sizing: border-box;
  margin: 5px 10px;
  padding: 4px 8px;
  cursor: pointer;
  border: 1px solid gray;
  border-radius: 4px;
  user-select: none;
}

/* line 1164, app/assets/stylesheets/m.scss */
.preview_draft_save {
  box-sizing: border-box;
  margin: 5px 10px;
  padding: 4px 8px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: gray;
  box-shadow: 0 3px 0 dimgrey;
  user-select: none;
}

/* line 1175, app/assets/stylesheets/m.scss */
.preview_draft_save:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 1179, app/assets/stylesheets/m.scss */
.preview_submit {
  box-sizing: border-box;
  margin: 5px 10px;
  padding: 4px 8px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: #4169e1;
  box-shadow: 0 3px 0 mediumblue;
  user-select: none;
}

/* line 1190, app/assets/stylesheets/m.scss */
.preview_submit:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 1195, app/assets/stylesheets/m.scss */
.preview_content_textarea {
  margin-bottom: 10px;
  padding: 5px;
}

/* line 1199, app/assets/stylesheets/m.scss */
.device_container {
  margin: 35px auto;
  text-align: center;
}

/* line 1203, app/assets/stylesheets/m.scss */
.post_display {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50px;
  background: white;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* line 1215, app/assets/stylesheets/m.scss */
.post_display::-webkit-scrollbar {
  display: none;
}

/* line 1219, app/assets/stylesheets/m.scss */
.post_display_title {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 5px 20px;
}

/* line 1228, app/assets/stylesheets/m.scss */
.post_display_title_name {
  margin: 0;
}

/* line 1232, app/assets/stylesheets/m.scss */
.post_display_id {
  font-size: 12px;
  width: 100%;
  height: 40px;
  padding: 5px 20px;
  text-align: left;
}

/* line 1240, app/assets/stylesheets/m.scss */
.image_boxs {
  border-radius: 4px 4px 0 0;
}

/* line 1244, app/assets/stylesheets/m.scss */
.post_display_img {
  display: flex;
  overflow-x: auto;
  width: 100%;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* line 1253, app/assets/stylesheets/m.scss */
.post_display_img::-webkit-scrollbar {
  display: none;
}

/* line 1256, app/assets/stylesheets/m.scss */
.post_display_img div {
  flex: 0 0 auto;
  width: 100%;
  scroll-snap-align: center;
}

/* line 1261, app/assets/stylesheets/m.scss */
.post_display_img img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 1267, app/assets/stylesheets/m.scss */
#next_img {
  cursor: pointer;
}

/* line 1271, app/assets/stylesheets/m.scss */
.post_display_icons {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  padding: 7px 14px;
}

/* line 1279, app/assets/stylesheets/m.scss */
.preview_display_icon {
  margin-right: 18px;
}

/* line 1282, app/assets/stylesheets/m.scss */
.post_display_icons > i:last-of-type {
  margin-left: auto;
}

/* line 1286, app/assets/stylesheets/m.scss */
.post_display_content {
  font-family: "Proxima Nova", "Helvetica Neue", "Arial";
  font-size: xx-small;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 14px;
  text-align: left;
  white-space: pre-wrap;
}

/* line 1299, app/assets/stylesheets/m.scss */
.campaign_list {
  width: 100%;
}

/* line 1303, app/assets/stylesheets/m.scss */
.post_list_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 100px 30px;
  padding: 10px;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1314, app/assets/stylesheets/m.scss */
.update_loadding {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: .8;
  background-color: white;
}

/* line 1325, app/assets/stylesheets/m.scss */
.loaders {
  position: relative;
  top: 40%;
  left: 50%;
  width: 40px;
  height: 40px;
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: solid 4px;
  border-color: #000000 #00000010 #00000010;
  border-radius: 50%;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 1345, app/assets/stylesheets/m.scss */
.post_container {
  width: 30%;
}

/* line 1349, app/assets/stylesheets/m.scss */
.post_card {
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 5px #cccccc;
}

/* line 1356, app/assets/stylesheets/m.scss */
.comment_list_card {
  overflow: auto;
  height: 387px;
  padding-bottom: 10px;
}

/* line 1361, app/assets/stylesheets/m.scss */
.requirement_card {
  overflow: auto;
  height: 100px;
}

/* line 1366, app/assets/stylesheets/m.scss */
.card_title {
  margin: 15px 0 8px;
}

/* line 1370, app/assets/stylesheets/m.scss */
.post_image {
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
}

/* line 1376, app/assets/stylesheets/m.scss */
.post_card_content_container, .post_card_content_container_list_box {
  padding: 8px 20px 0;
}

/* line 1380, app/assets/stylesheets/m.scss */
.post_card_content_box {
  padding: 5px 8px;
  cursor: pointer;
  text-align: left;
  border: 1px solid gray;
  border-radius: 4px;
}

/* line 1388, app/assets/stylesheets/m.scss */
.requirement_card_content_container {
  padding: 8px;
}

/* line 1392, app/assets/stylesheets/m.scss */
.requirement_card_content_box {
  box-sizing: border-box;
  padding: 5px 8px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}

/* line 1400, app/assets/stylesheets/m.scss */
.post_num_input {
  width: 50px;
  margin: 0 8px;
  text-align: right;
  vertical-align: 1px;
}

/* line 1407, app/assets/stylesheets/m.scss */
.post_card_content_text_box {
  font-size: 14px;
  line-height: 1.5;
  overflow-y: auto;
  height: 86px;
  margin-bottom: .2em;
  color: #777777;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* line 1420, app/assets/stylesheets/m.scss */
.post_card_content_text_box::-webkit-scrollbar {
  display: none;
}

/* line 1423, app/assets/stylesheets/m.scss */
.post_card_content_text_box div {
  flex: 0 0 auto;
  width: 100%;
  scroll-snap-align: center;
}

/* line 1429, app/assets/stylesheets/m.scss */
.post_card_content_box_text {
  font-size: 12px;
}

/* line 1433, app/assets/stylesheets/m.scss */
.post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 1439, app/assets/stylesheets/m.scss */
.update_post {
  margin: 30px;
  padding: 8px 16px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: #4169e1;
}

/* line 1449, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_setting_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1457, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_setting_wrapper .ugc_ugc_edit_related_items_title_labal {
  margin: 0 25px 0 0;
}

/* line 1461, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_input {
  width: 280px;
  height: 30px;
  margin: 0 25px 0 0;
  padding: 0 24px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 1471, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_submit {
  width: 100px;
}

/* line 1475, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1483, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper .ugc_ugc_edit_title_labal {
  margin: 0 25px 0 0;
}

/* line 1487, app/assets/stylesheets/m.scss */
.ugc_edit_title_input {
  width: 280px;
  height: 30px;
  margin: 0 25px 0 0;
  padding: 0 24px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 1497, app/assets/stylesheets/m.scss */
.ugc_edit_title_submit {
  width: 100px;
}

/* line 1501, app/assets/stylesheets/m.scss */
.ugc_group_set_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1511, app/assets/stylesheets/m.scss */
.height-calc-100-minus-40 {
  height: calc(100% - 40px);
}

/* line 1514, app/assets/stylesheets/m.scss */
.height-calc-50-minus-70 {
  height: calc(50% - 70px);
}

/* line 1522, app/assets/stylesheets/m.scss */
.required:after {
  font-size: 10px;
  content: "*";
  color: tomato;
}

/* line 1528, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1536, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain {
  display: flex;
  align-items: center;
}

/* line 1539, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain .ugc_detail_page_domain_labal {
  margin: 0 25px 0 0;
}

/* line 1542, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain .ugc_detail_page_domain_input {
  width: 280px;
  height: 30px;
  margin: 0 25px 0 0;
  padding: 0 24px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 1552, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain .ugc_detail_page_domain_submit {
  width: 100px;
}

/* line 1558, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_setting_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1566, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_setting_wrapper .ugc_ugc_edit_related_items_title_labal {
  margin: 0 25px 0 0;
}

/* line 1571, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_input {
  width: 280px;
  height: 30px;
  margin: 0 25px 0 0;
  padding: 0 24px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 1581, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_submit {
  width: 100px;
}

/* line 1585, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper {
  position: relative;
  margin: 0 100px 30px;
  padding: 20px;
  text-align: center;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1593, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper .ugc_ugc_edit_title_labal {
  margin: 0 25px 0 0;
}

/* line 1597, app/assets/stylesheets/m.scss */
.ugc_edit_title_input {
  width: 280px;
  height: 30px;
  margin: 0 25px 0 0;
  padding: 0 24px;
  border: none;
  border-bottom: 1px solid #9bb4ff;
  border-radius: 0;
  outline: none;
}

/* line 1607, app/assets/stylesheets/m.scss */
.ugc_edit_title_submit {
  width: 100px;
}

/* line 1611, app/assets/stylesheets/m.scss */
.ugc_post_regist_publish_btn {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  z-index: 100;
  top: 295px;
  left: 90px;
  box-sizing: border-box;
  width: 83px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
}

/* line 1627, app/assets/stylesheets/m.scss */
.ugc_detail_page_title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1633, app/assets/stylesheets/m.scss */
.ugc_detail_page_slideup_btn {
  font-size: 25px;
  cursor: pointer;
  color: black;
}

/* line 1639, app/assets/stylesheets/m.scss */
.ugc_detail_page_slidedown_btn {
  font-size: 25px;
  display: none;
  cursor: pointer;
  color: black;
}

/* line 1649, app/assets/stylesheets/m.scss */
.paspia_ig_modal_container {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

/* line 1657, app/assets/stylesheets/m.scss */
.paspia_ig_modal_container .paspia_ig_modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background-color: black;
}

/* line 1668, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

/* line 1676, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background-color: black;
}

/* line 1685, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 800px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  transform: translate(-50%, -50%);
  background-color: white;
}

/* line 1694, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_del {
  font-size: 30px;
  line-height: 22px;
  position: absolute;
  top: 6px;
  left: 768px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 50%;
}

/* line 1707, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box {
  background-color: white;
}

/* line 1709, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box .edit_modal_title {
  font-size: 16px;
  margin: 0;
  padding: 8px 30px 8px 24px;
  color: #505050;
  background-color: #c9c9c9;
}

/* line 1716, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table {
  overflow: hidden;
  width: 800px;
  margin: 12px auto;
  padding: 18px 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-radius: 12px;
  background-color: white;
}

/* line 1726, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td {
  font-size: 14px;
  height: 55px;
  padding: 0 24px;
  text-align: left;
  color: #505050;
  border: none;
}

/* line 1733, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td input[type="text"] {
  width: 500px;
  height: 30px;
  padding: 0 10px;
  border: solid 1px #d8d8d8;
  outline: none;
}

/* line 1740, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td input[type="number"] {
  height: 30px;
  padding: 0 10px;
  color: #686868;
  border: solid 1px #d8d8d8;
  outline: none;
}

/* line 1747, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td textarea {
  font-size: 14px;
  font-weight: normal;
  width: 500px;
  height: 50px;
  padding: 0 10px;
  color: #686868;
  outline: none;
}

/* line 1756, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td #product_price, .paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td #product_sale_price {
  width: 200px;
  margin: 0 10px 0 0;
}

/* line 1760, app/assets/stylesheets/m.scss */
.paspia_ig_edit_modal_container .paspia_ig_edit_modal .paspia_ig_edit_modal_box table td .required {
  color: red;
}

/* line 1773, app/assets/stylesheets/m.scss */
#html_modal_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/* line 1785, app/assets/stylesheets/m.scss */
#html_modal_container {
  z-index: 11;
}

/* line 1792, app/assets/stylesheets/m.scss */
.t-hashtag_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 100px 30px;
  padding: 10px;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1803, app/assets/stylesheets/m.scss */
.t-post_tag_container {
  width: 40%;
}

/* line 1807, app/assets/stylesheets/m.scss */
.t-post_tag_card {
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 5px #cccccc;
}

/* line 1814, app/assets/stylesheets/m.scss */
.t-post_tag_second_card {
  overflow: auto;
  height: 387px;
}

/* line 1820, app/assets/stylesheets/m.scss */
.app_review_comment_permalink {
  color: blue;
  border-bottom: 1px solid blue;
}

/* line 1825, app/assets/stylesheets/m.scss */
.t-post_tag_card_img {
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
}

/* line 1831, app/assets/stylesheets/m.scss */
.t-post_card_content {
  padding: 8px 20px 0;
}

/* line 1834, app/assets/stylesheets/m.scss */
.t-post_card_content_first {
  height: 121px;
}

/* line 1837, app/assets/stylesheets/m.scss */
.t-post_card_content_box {
  padding: 5px 8px;
  cursor: pointer;
  text-align: left;
  border: 1px solid gray;
  border-radius: 4px;
}

/* line 1845, app/assets/stylesheets/m.scss */
.t-post_card_content_box:hover {
  opacity: .5;
  background-color: #faff9b;
}

/* line 1850, app/assets/stylesheets/m.scss */
.t-post_card_content_title {
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
}

/* line 1855, app/assets/stylesheets/m.scss */
.t-post_card_content_text {
  font-size: 14px;
  line-height: 1.5;
  height: 86px;
  margin-bottom: .2em;
  word-wrap: break-word;
  color: #777777;
  overflow-wrap: break-word;
}

/* line 1865, app/assets/stylesheets/m.scss */
.t-post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 1871, app/assets/stylesheets/m.scss */
.t-post_card_content_link .t-unfavo {
  font-size: 18px;
  display: none;
  margin-right: 20px;
  cursor: pointer;
  color: #ff5959;
  user-select: none;
}

/* line 1879, app/assets/stylesheets/m.scss */
.t-post_card_content_link .t-favo {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  color: #ff5959;
  user-select: none;
}

/* line 1886, app/assets/stylesheets/m.scss */
.t-post_card_content_link .t-dm {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  user-select: none;
}

/* line 1892, app/assets/stylesheets/m.scss */
.t-post_card_content_link .t-undm {
  font-size: 18px;
  display: none;
  cursor: pointer;
  user-select: none;
}

/* line 1899, app/assets/stylesheets/m.scss */
.t-post_card_content p {
  margin-bottom: 0;
}

/* line 1903, app/assets/stylesheets/m.scss */
.t-send_comment {
  margin: 15px 30px 0;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: #4169e1;
}

/* line 1915, app/assets/stylesheets/m.scss */
.td-hashtag_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 900px;
  margin: 0 100px 30px;
  padding: 10px;
  color: #5b7eff;
  border-radius: 8px;
  background-color: white;
}

/* line 1927, app/assets/stylesheets/m.scss */
.td-post_tag_card {
  overflow: auto;
  height: 400px;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 5px #cccccc;
}

/* line 1937, app/assets/stylesheets/m.scss */
.td-post_tag_second_card {
  width: 400px;
}

/* line 1941, app/assets/stylesheets/m.scss */
.td-post_tag_card_img {
  width: 80%;
  height: 200px;
  border-radius: 5px 5px 0 0;
}

/* line 1946, app/assets/stylesheets/m.scss */
.td-post_card_content {
  padding: 8px 20px 0;
}

/* line 1949, app/assets/stylesheets/m.scss */
.td-post_card_content_box {
  padding: 5px 8px;
  cursor: pointer;
  text-align: left;
  border: 1px solid gray;
  border-radius: 4px;
}

/* line 1956, app/assets/stylesheets/m.scss */
.td-post_card_content_box:hover {
  opacity: .5;
  background-color: #faff9b;
}

/* line 1960, app/assets/stylesheets/m.scss */
.td-post_card_content_title {
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
}

/* line 1965, app/assets/stylesheets/m.scss */
.td-post_card_content_text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: .2em;
  text-align: left;
  color: #777777;
}

/* line 1972, app/assets/stylesheets/m.scss */
.td-post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 1978, app/assets/stylesheets/m.scss */
.td-post_card_content_link .td-unfavo {
  font-size: 18px;
  display: none;
  margin-right: 20px;
  cursor: pointer;
  color: #ff5959;
  user-select: none;
}

/* line 1986, app/assets/stylesheets/m.scss */
.td-post_card_content_link .td-favo {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  color: #ff5959;
  user-select: none;
}

/* line 1993, app/assets/stylesheets/m.scss */
.td-post_card_content_link .td-dm {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  user-select: none;
}

/* line 1999, app/assets/stylesheets/m.scss */
.td-post_card_content_link .td-undm {
  font-size: 18px;
  display: none;
  cursor: pointer;
  user-select: none;
}

/* line 2006, app/assets/stylesheets/m.scss */
.td-post_card_content p {
  margin-bottom: 0;
}

/* line 2010, app/assets/stylesheets/m.scss */
.td-send_message {
  margin: 19px 25px 0;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: #4169e1;
}

/* line 2023, app/assets/stylesheets/m.scss */
.block {
  display: block;
}

/* line 2027, app/assets/stylesheets/m.scss */
.inline_block {
  display: inline-block;
}

/* line 2031, app/assets/stylesheets/m.scss */
.button_container--horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2036, app/assets/stylesheets/m.scss */
.images #upload_image {
  margin-top: 0;
}

/* line 2039, app/assets/stylesheets/m.scss */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 2044, app/assets/stylesheets/m.scss */
.flex-center--vertical {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

/* line 2050, app/assets/stylesheets/m.scss */
.margin-top--5px {
  margin-top: 5px;
}

/* line 2053, app/assets/stylesheets/m.scss */
.margin-top--10px {
  margin-top: 10px;
}

/* line 2056, app/assets/stylesheets/m.scss */
.margin-top--15px {
  margin-top: 15px;
}

/* line 2060, app/assets/stylesheets/m.scss */
.margin-bottom--5px {
  margin-bottom: 5px;
}

/* line 2064, app/assets/stylesheets/m.scss */
.margin-bottom--5px_imp {
  margin-bottom: 5px !important;
}

/* line 2068, app/assets/stylesheets/m.scss */
.margin-bottom--10px {
  margin-bottom: 10px;
}

/* line 2072, app/assets/stylesheets/m.scss */
.margin-bottom--10px_imp {
  margin-bottom: 10px !important;
}

/* line 2076, app/assets/stylesheets/m.scss */
.margin-bottom--15px {
  margin-bottom: 15px;
}

/* line 2079, app/assets/stylesheets/m.scss */
.margin-bottom--20px {
  margin-bottom: 20px;
}

/* line 2082, app/assets/stylesheets/m.scss */
.margin-right--5px {
  margin-right: 5px;
}

/* line 2085, app/assets/stylesheets/m.scss */
.margin-right--10px {
  margin-right: 10px;
}

/* line 2089, app/assets/stylesheets/m.scss */
.margin-right--15px {
  margin-right: 15px;
}

/* line 2093, app/assets/stylesheets/m.scss */
.margin-right--20px {
  margin-right: 20px;
}

/* line 2097, app/assets/stylesheets/m.scss */
.margin-right--25px {
  margin-right: 25px;
}

/* line 2101, app/assets/stylesheets/m.scss */
.margin-right--30px {
  margin-right: 30px;
}

/* line 2105, app/assets/stylesheets/m.scss */
.margin-right--35px {
  margin-right: 35px;
}

/* line 2109, app/assets/stylesheets/m.scss */
.margin-right--40px {
  margin-right: 40px;
}

/* line 2113, app/assets/stylesheets/m.scss */
.margin-right--45px {
  margin-right: 45px;
}

/* line 2117, app/assets/stylesheets/m.scss */
.margin-right--50px {
  margin-right: 50px;
}

/* line 2121, app/assets/stylesheets/m.scss */
.margin-left--5px {
  margin-left: 5px;
}

/* line 2124, app/assets/stylesheets/m.scss */
.margin-left--10px {
  margin-left: 10px;
}

/* line 2128, app/assets/stylesheets/m.scss */
.margin-left--15px {
  margin-left: 15px;
}

/* line 2132, app/assets/stylesheets/m.scss */
.margin-left--20px {
  margin-left: 20px;
}

/* line 2136, app/assets/stylesheets/m.scss */
.margin-left--25px {
  margin-left: 25px;
}

/* line 2140, app/assets/stylesheets/m.scss */
.margin-left--30px {
  margin-left: 30px;
}

/* line 2144, app/assets/stylesheets/m.scss */
.margin-left--35px {
  margin-left: 35px;
}

/* line 2148, app/assets/stylesheets/m.scss */
.margin-left--40px {
  margin-left: 40px;
}

/* line 2152, app/assets/stylesheets/m.scss */
.margin-left--45px {
  margin-left: 45px;
}

/* line 2156, app/assets/stylesheets/m.scss */
.margin-left--50px {
  margin-left: 50px;
}

/* line 2160, app/assets/stylesheets/m.scss */
div.delete_background_color {
  background-color: #888888;
}

/* line 2163, app/assets/stylesheets/m.scss */
p .margin--reset {
  margin: 0;
}

/* line 2166, app/assets/stylesheets/m.scss */
p.margin--reset {
  margin: 0;
}

/* line 2169, app/assets/stylesheets/m.scss */
.images .margin--reset {
  margin: 0;
}

/* line 2172, app/assets/stylesheets/m.scss */
.images .width--150px {
  width: 150px;
}

/* line 2175, app/assets/stylesheets/m.scss */
div.background_color-green {
  background-color: #028945;
}

/* line 2182, app/assets/stylesheets/m.scss */
.flex-justify-center--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 2187, app/assets/stylesheets/m.scss */
.oembed--img {
  width: 48%;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* line 2192, app/assets/stylesheets/m.scss */
.oembed--container .oembed--img:nth-child(2n) {
  margin-right: 0;
}

/* line 2195, app/assets/stylesheets/m.scss */
.oembed--img:hover {
  cursor: pointer;
}

/* line 2202, app/assets/stylesheets/m.scss */
.top-100-minus-140px {
  top: calc(100% - 140px);
}

/* line 2205, app/assets/stylesheets/m.scss */
.left-100-minus-140px {
  left: calc(100% - 140px);
}

/* line 2208, app/assets/stylesheets/m.scss */
.left-100-minus-550px {
  left: calc(100% - 550px);
}

/* line 2212, app/assets/stylesheets/m.scss */
.filter_result {
  max-width: 550px;
}

/* line 2216, app/assets/stylesheets/m.scss */
div.reset_filter {
  width: 170px;
  color: white;
  color: white;
  background-color: #ffa200;
  background-color: #ffa200;
  box-shadow: 0 3px 0 #ff7300;
}

/* line 2225, app/assets/stylesheets/m.scss */
div.reset_filter:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 2230, app/assets/stylesheets/m.scss */
div.reset_filter > a,
div.reset_filter > a:visited {
  color: white;
}

/* line 2235, app/assets/stylesheets/m.scss */
.display_post_number {
  margin: 15px 0 0;
  text-align: center;
}

/* line 2240, app/assets/stylesheets/m.scss */
#excluded_words {
  line-height: 1.5em;
  width: 99%;
  height: 7em;
  padding: 3px 5px 3px;
}

/* line 2246, app/assets/stylesheets/m.scss */
#ugc_urls {
  line-height: 1.5em;
  width: 99%;
  height: 7em;
  padding: 3px 5px 3px;
}

/* line 2252, app/assets/stylesheets/m.scss */
.margin-left--15px {
  margin-left: 15px;
}

/* line 2256, app/assets/stylesheets/m.scss */
#tag_list label {
  white-space: nowrap;
}

/* line 2263, app/assets/stylesheets/m.scss */
.post_tag_container {
  position: relative;
  flex: 0 0 180px;
  width: 180px;
  margin: 1rem 5px;
}

/* line 2270, app/assets/stylesheets/m.scss */
.post_tag_container_checked {
  font-size: 14px;
  position: absolute;
  z-index: 100;
  top: 4px;
  left: 75px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 22px;
  opacity: .8;
  color: gray;
  border-radius: 40px;
  background-color: white;
}

/* line 2286, app/assets/stylesheets/m.scss */
.ugc_set_btn {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  z-index: 100;
  right: 5px;
  bottom: 5px;
  box-sizing: border-box;
  width: 83px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: orange;
}

/* line 2303, app/assets/stylesheets/m.scss */
.product_set_btn {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  z-index: 100;
  bottom: 5px;
  left: 4px;
  box-sizing: border-box;
  width: 83px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
}

/* line 2320, app/assets/stylesheets/m.scss */
.ugc_group_link, .ugc_sns_posts_cancel_check {
  position: absolute;
  z-index: 100;
  left: -5px;
  top: -5px;
  border-radius: 8px;
  transform: scale(1.8);
}

/* line 2329, app/assets/stylesheets/m.scss */
.post_tag_card {
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 5px #cccccc;
}

/* line 2334, app/assets/stylesheets/m.scss */
.post_tag_card_img {
  width: 100%;
  height: 150px;
  border-radius: 5px 5px 0 0;
  object-fit: cover;
}

/* line 2341, app/assets/stylesheets/m.scss */
.post_card_content {
  font-size: 13px;
  line-height: 1.5;
  height: 126px;
  margin-bottom: .2em;
  padding: 8px 20px 20px;
  color: #777777;
}

/* line 2350, app/assets/stylesheets/m.scss */
.post_card_content_title {
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
}

/* line 2355, app/assets/stylesheets/m.scss */
.post_card_content_text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: .2em;
  word-wrap: break-word;
  color: #777777;
  overflow-wrap: break-word;
}

/* line 2364, app/assets/stylesheets/m.scss */
.post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 2370, app/assets/stylesheets/m.scss */
.post_card_content_link .favo {
  font-size: 18px;
  margin-right: 20px;
  color: #ff5959;
  user-select: none;
}

/* line 2376, app/assets/stylesheets/m.scss */
.post_card_content_link .dm {
  font-size: 18px;
  margin-right: 20px;
  user-select: none;
}

/* line 2382, app/assets/stylesheets/m.scss */
.post_card_content p {
  margin-bottom: 0;
}

/* line 2386, app/assets/stylesheets/m.scss */
.read_more {
  font-size: 10px;
  text-decoration: underline;
}

/* line 2392, app/assets/stylesheets/m.scss */
.close {
  display: none;
  transition: all .3s;
}

/* line 2398, app/assets/stylesheets/m.scss */
.open {
  display: block;
  transition: all .3s;
}

/* line 2444, app/assets/stylesheets/m.scss */
#f_logout {
  width: fit-content;
}

/* line 2450, app/assets/stylesheets/m.scss */
.facebook-connect__wrapper {
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
  width: fit-content;
  margin: auto;
  text-align: left;
}

/* line 2460, app/assets/stylesheets/m.scss */
.facebook-connect__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 2467, app/assets/stylesheets/m.scss */
.facebook-connect__subtitle {
  color: #898f95;
}

/* line 2471, app/assets/stylesheets/m.scss */
.facebook-connect__info {
  margin-top: 5px;
  margin-bottom: 20px;
}

/* line 2475, app/assets/stylesheets/m.scss */
.facebook-connect__info--no-margin {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

/* line 2482, app/assets/stylesheets/m.scss */
.facebook-connect__link {
  font-weight: bold;
  text-decoration: none;
  color: #007bff;
}

/* line 2487, app/assets/stylesheets/m.scss */
.facebook-connect__link:hover {
  text-decoration: underline;
}

/* line 2492, app/assets/stylesheets/m.scss */
.facebook-connect__feature-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 2498, app/assets/stylesheets/m.scss */
.facebook-connect__feature-list {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}

/* line 2505, app/assets/stylesheets/m.scss */
.facebook-connect__feature-item {
  position: relative;
  margin-bottom: 5px;
  padding-left: 25px;
}

/* line 2510, app/assets/stylesheets/m.scss */
.facebook-connect__feature-item > i {
  position: absolute;
  top: 2px;
  left: 0;
  color: #325377;
}

/* line 2517, app/assets/stylesheets/m.scss */
.facebook-connect__feature-item > i.fa-clipboard-list {
  left: 2px;
}

/* line 2522, app/assets/stylesheets/m.scss */
.facebook-connect__login-button {
  margin-top: 0;
}

/* line 2526, app/assets/stylesheets/m.scss */
.facebook-connect__login-button-container {
  margin-top: 0;
}

/* line 2533, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal {
  position: fixed;
  z-index: 9000;
  top: 5%;
  left: 50%;
  display: none;
  width: 600px;
  transform: translate(-50%, 0%);
  text-align: left;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  user-select: none;
}

/* line 2548, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal.active {
  display: block;
}

/* line 2552, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__container {
  padding: 0 20px 15px;
}

/* line 2556, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  margin-top: 0;
  margin-bottom: 10px;
  color: #4f4f4f;
}

/* line 2564, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__title__container {
  position: relative;
  padding: 10px;
  padding-left: 20px;
  background-color: #d9d9d9;
}

/* line 2572, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__fa-x {
  position: absolute;
  z-index: 99999;
  top: 13px;
  right: 15px;
  color: white;
}

/* line 2579, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__fa-x:hover {
  cursor: pointer;
  color: gray;
}

/* line 2585, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__message {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 2590, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__options {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* line 2596, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__buttons {
  display: flex;
  justify-content: center;
}

/* line 2601, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #232323;
  border: none;
  border-radius: 4px;
  background-color: #afafaf;
}

/* line 2612, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close:hover {
  color: white;
  background-color: #9d9d9d;
}

/* line 2617, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 2623, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__register {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  background-color: #ff5959;
}

/* line 2634, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__register:hover {
  color: black;
  background-color: #ff5959;
}

/* line 2639, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__register:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 2645, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close {
  margin-right: 10px;
}

/* line 2649, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: .3s;
  text-align: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}

/* line 2664, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__overlay.active {
  visibility: visible;
  opacity: 1;
}

/* line 2671, app/assets/stylesheets/m.scss */
.pointer_events_none {
  pointer-events: none;
}

/* line 2675, app/assets/stylesheets/m.scss */
.get_posts_loader-wrap {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  display: none;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  opacity: .85;
  background: #b1b1b1;
}

/* line 2688, app/assets/stylesheets/m.scss */
.get_posts_loader,
.get_posts_loader:before,
.get_posts_loader:after {
  width: 1em;
  height: 4em;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  opacity: 1;
  background: #1500ff;
}

/* line 2698, app/assets/stylesheets/m.scss */
.get_posts_loader {
  font-size: 11px;
  position: relative;
  margin: 25% auto;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
  text-indent: -9999em;
  color: #1500ff;
}

/* line 2710, app/assets/stylesheets/m.scss */
.get_posts_loader:before,
.get_posts_loader:after {
  position: absolute;
  top: 0;
  content: "";
}

/* line 2716, app/assets/stylesheets/m.scss */
.get_posts_loader:before {
  left: -1.5em;
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s;
}

/* line 2721, app/assets/stylesheets/m.scss */
.get_posts_loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
80%,
100% {
    height: 4em;
    box-shadow: 0 0;
  }
  40% {
    height: 5em;
    box-shadow: 0 -2em;
  }
}

@keyframes load1 {
  0%,
80%,
100% {
    height: 4em;
    box-shadow: 0 0;
  }
  40% {
    height: 5em;
    box-shadow: 0 -2em;
  }
}

/* line 2749, app/assets/stylesheets/m.scss */
.get_posts_loader__warning {
  font-weight: bold;
  position: fixed;
  z-index: 10000;
  top: 47%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

/* line 2763, app/assets/stylesheets/m.scss */
.youtube__wrapper {
  display: flex;
  flex-wrap: wrap;
}

/* line 2767, app/assets/stylesheets/m.scss */
.youtube__video_container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 5px;
}

/* line 2773, app/assets/stylesheets/m.scss */
.youtube-player {
  position: relative;
}

/* line 2776, app/assets/stylesheets/m.scss */
.youtube__video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 197px;
  cursor: pointer;
}

/* line 2785, app/assets/stylesheets/m.scss */
.youtube__product_image {
  height: 300px;
  background-color: whitesmoke;
  object-fit: contain;
}

/* line 2791, app/assets/stylesheets/m.scss */
.youtube__product_introduction {
  display: flex;
  padding-bottom: 20px;
}

/* line 2796, app/assets/stylesheets/m.scss */
.youtube__product_image_container {
  width: 50%;
  cursor: pointer;
  transition: .3s;
}

/* line 2801, app/assets/stylesheets/m.scss */
.youtube__product_image_container:hover {
  opacity: .85;
}

/* line 2806, app/assets/stylesheets/m.scss */
.youtube__product_image {
  max-width: 100%;
  background-color: #323232;
}

/* line 2813, app/assets/stylesheets/m.scss */
.youtube_modal {
  position: fixed;
  z-index: 9000;
  top: 50%;
  left: 50%;
  display: none;
  width: 800px;
  transform: translate(-50%, -50%);
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  user-select: none;
}

/* line 2827, app/assets/stylesheets/m.scss */
.youtube_modal.active {
  display: block;
}

/* line 2831, app/assets/stylesheets/m.scss */
.youtube_modal__title {
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  margin-top: 0;
}

/* line 2837, app/assets/stylesheets/m.scss */
.youtube_modal__title__container {
  position: relative;
}

/* line 2842, app/assets/stylesheets/m.scss */
.youtube_modal__video_container {
  max-width: 50%;
  cursor: pointer;
  transition: .3s;
}

/* line 2847, app/assets/stylesheets/m.scss */
.youtube_modal__video_container:hover {
  opacity: .85;
}

/* line 2852, app/assets/stylesheets/m.scss */
.youtube_modal__caption {
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

/* line 2861, app/assets/stylesheets/m.scss */
.youtube_modal__product_caption {
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

/* line 2869, app/assets/stylesheets/m.scss */
.youtube_modal__fa-x {
  position: absolute;
  z-index: 99999;
  top: -24px;
  right: 7px;
  color: white;
}

/* line 2876, app/assets/stylesheets/m.scss */
.youtube_modal__fa-x:hover {
  cursor: pointer;
  color: gray;
}

/* line 2882, app/assets/stylesheets/m.scss */
.youtube_modal__message {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 2887, app/assets/stylesheets/m.scss */
.youtube_modal__options {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* line 2893, app/assets/stylesheets/m.scss */
.youtube_modal__buttons {
  display: flex;
  justify-content: center;
}

/* line 2898, app/assets/stylesheets/m.scss */
.youtube_modal__close {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #232323;
  border: none;
  border-radius: 4px;
  background-color: #afafaf;
}

/* line 2909, app/assets/stylesheets/m.scss */
.youtube_modal__close:hover {
  color: white;
  background-color: #9d9d9d;
}

/* line 2914, app/assets/stylesheets/m.scss */
.youtube_modal__close:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 2920, app/assets/stylesheets/m.scss */
.youtube_modal__register {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  background-color: #ff5959;
}

/* line 2931, app/assets/stylesheets/m.scss */
.youtube_modal__register:hover {
  color: black;
  background-color: #ff5959;
}

/* line 2936, app/assets/stylesheets/m.scss */
.youtube_modal__register:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 2942, app/assets/stylesheets/m.scss */
.youtube_modal__close {
  margin-right: 10px;
}

/* line 2946, app/assets/stylesheets/m.scss */
.youtube_modal__overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: .3s;
  text-align: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}

/* line 2961, app/assets/stylesheets/m.scss */
.youtube_modal__overlay.active {
  visibility: visible;
  opacity: 1;
  backdrop-filter: blur(3px);
}

/* line 2974, app/assets/stylesheets/m.scss */
.back_ground_color_antiquewhite {
  background-color: antiquewhite;
}

/* line 2978, app/assets/stylesheets/m.scss */
.post_img_input {
  line-height: 48px;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  margin: 0 4px 8px 0;
  cursor: pointer;
  border: 1px dotted gray;
}

/* line 2989, app/assets/stylesheets/m.scss */
.post_display_own_media {
  display: flex;
  overflow-x: auto;
  width: 100%;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* line 2998, app/assets/stylesheets/m.scss */
.post_display_own_media::-webkit-scrollbar {
  display: none;
}

/* line 3001, app/assets/stylesheets/m.scss */
.post_display_own_media div {
  flex: 0 0 auto;
  width: 100%;
  scroll-snap-align: center;
}

/* line 3006, app/assets/stylesheets/m.scss */
.post_display_own_media img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 3016, app/assets/stylesheets/m.scss */
.a_button {
  font-size: 14px;
  display: inline-block;
  width: 120px;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 4px;
  background-color: #4169e1;
}

/* line 3028, app/assets/stylesheets/m.scss */
.cmm_wrapper {
  display: flex;
  font-family: "Sawarabi Gothic";
}

/* line 3034, app/assets/stylesheets/m.scss */
.cmm_tag_container {
  position: relative;
  flex: 0 0 160px;
  margin: 1rem 5px;
}

/* line 3040, app/assets/stylesheets/m.scss */
.cmm_main {
  flex-basis: 60%;
  padding: 10px;
}

/* line 3044, app/assets/stylesheets/m.scss */
.cmm_main__item {
  display: inline-block;
  margin: auto;
  padding: 5px;
}

/* line 3049, app/assets/stylesheets/m.scss */
.cmm_main__img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

/* line 3055, app/assets/stylesheets/m.scss */
.cmm_main__filter_btn {
  width: fit-content;
  margin: auto;
  padding: 10px 20px;
}

/* line 3062, app/assets/stylesheets/m.scss */
.cmm_main__carousel_container {
  position: relative;
}

/* line 3068, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .post_tag_card {
  position: relative;
}

/* line 3073, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .post_tag_card {
  position: relative;
}

/* line 3076, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .cmm_main__slip {
  position: absolute;
  z-index: 9999;
  top: 30px;
  left: 0;
  width: fit-content;
  padding: 0 5px;
  opacity: .85;
  color: black;
  border-radius: 12px;
}

/* line 3088, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .post_card_content {
  height: 126px;
  padding: 3px 10px 10px;
}

/* line 3092, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .post_card_content_text {
  font-size: 13px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* line 3099, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .cmm_select {
  font-size: 14px;
  box-sizing: border-box;
  min-width: 115px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  color: #333333;
  color: red;
  border: 1px solid #d02525;
  border-radius: 25px;
}

/* line 3113, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .cmm_main__slip select:focus {
  outline: 1px solid #2589d0;
}

/* line 3118, app/assets/stylesheets/m.scss */
.cmm_main .post_tag_card_img {
  width: 100%;
  height: 100px;
  border-radius: 0;
  object-fit: cover;
}

/* line 3125, app/assets/stylesheets/m.scss */
.cmm_main__form_username {
  margin-right: 12px;
}

/* line 3129, app/assets/stylesheets/m.scss */
.cmm_main__label_explanation {
  font-size: 14px;
  line-height: 1.2;
  width: fit-content;
  margin: 5px auto 0;
  padding: 4px 8px;
  text-align: center;
  border: 2px solid #7570c3;
  border-radius: 5px;
  background-color: white;
}

/* line 3144, app/assets/stylesheets/m.scss */
.cmm_main__filter_container, .cmm_sub__filter_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3150, app/assets/stylesheets/m.scss */
.cmm_main__toggle_container, .cmm_main__filter_type_container, .cmm_main__media_type_container, .cmm_main__status_container, .cmm_sub__toggle_container, .cmm_sub__filter_type_container, .cmm_sub__media_type_container, .cmm_sub__status_container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 3158, app/assets/stylesheets/m.scss */
.cmm_main__toggle_container--status, .cmm_main__filter_type_container--status, .cmm_main__media_type_container--status, .cmm_main__status_container--status, .cmm_sub__toggle_container--status, .cmm_sub__filter_type_container--status, .cmm_sub__media_type_container--status, .cmm_sub__status_container--status {
  justify-content: left;
}

/* line 3163, app/assets/stylesheets/m.scss */
.cmm_main__toggle, .cmm_main__filter_type, .cmm_main__media_type, .cmm_main__status, .cmm_main__media_section, .cmm_main__status_section, .cmm_sub__toggle, .cmm_sub__filter_type, .cmm_sub__media_type, .cmm_sub__status, .cmm_sub__media_section, .cmm_sub__status_section {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

/* line 3175, app/assets/stylesheets/m.scss */
.cmm_main__filter_option_block, .cmm_sub__filter_option_block {
  justify-content: center;
}

/* line 3179, app/assets/stylesheets/m.scss */
.cmm_main__filter_option, .cmm_sub__filter_option {
  margin-right: 10px;
}

/* line 3182, app/assets/stylesheets/m.scss */
.cmm_main__filter_title, .cmm_sub__filter_title {
  width: 130px;
}

/* line 3186, app/assets/stylesheets/m.scss */
.cmm_main__ugc_url_container, .cmm_sub__ugc_url_container {
  width: 100%;
}

/* line 3190, app/assets/stylesheets/m.scss */
.cmm_main .fa-heart, .cmm_sub .fa-heart {
  margin-right: 3px;
  color: red;
}

/* line 3195, app/assets/stylesheets/m.scss */
.cmm_main .fa-comment, .cmm_sub .fa-comment {
  margin-right: 3px;
  color: #5475ff;
}

/* line 3215, app/assets/stylesheets/m.scss */
.cmm_main .cmm_main__filter_btn:active, .cmm_main .cmm_sub__filter_btn:active, .cmm_sub .cmm_main__filter_btn:active, .cmm_sub .cmm_sub__filter_btn:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 3221, app/assets/stylesheets/m.scss */
.cmm_main .cmm_ugc_username, .cmm_sub .cmm_ugc_username {
  width: 100%;
  padding: 2px 5px;
  text-align: center;
  color: white;
  border-radius: 5px 5px 0 0;
  background-color: #4169e1;
}

/* line 3232, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_delete, .cmm_sub .selected_color_delete {
  color: black !important;
  border: 2px solid black !important;
}

/* line 3238, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_ok, .cmm_sub .selected_color_ok {
  color: green !important;
  border: 2px solid green !important;
}

/* line 3244, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_waiting, .cmm_sub .selected_color_waiting {
  color: red !important;
  border: 1px solid red !important;
}

/* line 3250, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_waiting_seven_days, .cmm_sub .selected_color_waiting_seven_days {
  color: white !important;
  border: 1px solid white !important;
  background-color: red;
}

/* line 3257, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_ng, .cmm_sub .selected_color_ng {
  color: gray !important;
  border: 2px solid gray !important;
}

/* line 3263, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_done, .cmm_sub .selected_color_done {
  color: white !important;
  border: 2px solid #e7e7e7 !important;
  background-color: black;
}

/* line 3270, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_cancel, .cmm_sub .selected_color_cancel {
  color: white !important;
  border: 2px solid #ffffff !important;
  background: #004d95;
}

/* line 3277, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_thanked, .cmm_sub .selected_color_thanked {
  color: #008eb2 !important;
  border: 2px solid #00e6ff !important;
}

/* line 3283, app/assets/stylesheets/m.scss */
.cmm_main__ugc_url_textarea, .cmm_sub__ugc_url_textarea {
  width: 100%;
  max-width: 520px;
  height: 100px;
  padding: 6px;
}

/* line 3290, app/assets/stylesheets/m.scss */
.cmm_main__accordion_filter, .cmm_sub__accordion_filter {
  display: inline-block;
  margin: 15px 0 5px;
  cursor: pointer;
  color: #0060ff;
  border-bottom: solid 1px #0060ff;
}

/* line 3299, app/assets/stylesheets/m.scss */
.cmm_main__form_1, .cmm_sub__form_1 {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}

/* line 3309, app/assets/stylesheets/m.scss */
.cmm_main__form_1 div::after, .cmm_sub__form_1 div::after {
  width: 20px;
  width: 15px;
  height: 20px;
  height: 15px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

/* line 3319, app/assets/stylesheets/m.scss */
.cmm_main__form_1 div, .cmm_sub__form_1 div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 28px;
  cursor: pointer;
  border: none;
  background-color: #2ec2c8;
}

/* line 3332, app/assets/stylesheets/m.scss */
.cmm_main__form_1 input, .cmm_sub__form_1 input {
  font-size: 14px;
  box-sizing: border-box;
  width: 150px;
  height: 28px;
  padding: 5px 5px;
  border: none;
  outline: none;
}

/* line 3343, app/assets/stylesheets/m.scss */
.cmm_main__form_1 input::placeholder, .cmm_sub__form_1 input::placeholder {
  color: #a6a6a6;
  color: black;
  color: #676869;
}

/* line 3351, app/assets/stylesheets/m.scss */
.cmm_sub {
  flex: 1;
  flex: 1;
  flex-basis: 40%;
  flex-grow: 1;
  padding: 10px;
}

/* line 3359, app/assets/stylesheets/m.scss */
.cmm_sub__filter_btn {
  width: fit-content;
  margin: auto;
  padding: 10px 20px;
}

/* line 3365, app/assets/stylesheets/m.scss */
.cmm_sub__status_section {
  display: flex;
}

/* line 3370, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .post_tag_container {
  position: relative;
  flex: 0 0 160px;
  margin: 1rem 5px;
}

/* line 3377, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .post_tag_card {
  position: relative;
}

/* line 3380, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .cmm_sub__slip {
  position: absolute;
  z-index: 10000;
  top: 6px;
  left: 5px;
  width: fit-content;
  opacity: .8;
  color: black;
}

/* line 3390, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .cmm_select {
  font-size: 14px;
  box-sizing: border-box;
  min-width: 115px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  color: #333333;
  color: red;
  border: 1px solid #d02525;
  border-radius: 25px;
}

/* line 3405, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .post_card_content {
  height: 126px;
  padding: 3px 10px 10px;
}

/* line 3409, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .post_card_content_text {
  font-size: 13px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* line 3417, app/assets/stylesheets/m.scss */
.cmm_sub__post_tag_card_img {
  width: 100%;
  height: 100px;
  border-radius: 5px 5px 0 0;
  object-fit: cover;
}

/* line 3438, app/assets/stylesheets/m.scss */
#own_submit {
  font-size: 16px;
  box-sizing: border-box;
  width: 240px;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  text-decoration: none;
  color: white;
  border-radius: 4px;
  background-color: #4169e1;
  box-shadow: 0 3px 0 mediumblue;
  user-select: none;
}

/* line 3452, app/assets/stylesheets/m.scss */
#own_submit:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 3459, app/assets/stylesheets/m.scss */
.ugc_permission_btn {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  z-index: 100;
  bottom: 5px;
  left: 5px;
  box-sizing: border-box;
  width: 83px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: #059e56;
}

/* line 3476, app/assets/stylesheets/m.scss */
.btn_gray_active {
  background-color: #848484 !important;
  box-shadow: 0 0 0 black !important;
}

/* line 3481, app/assets/stylesheets/m.scss */
.btn_black_active {
  background-color: black;
  box-shadow: 0 0 0 black;
}

/* line 3489, app/assets/stylesheets/m.scss */
.hashtag_list_permission {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  user-select: none;
}

/* line 3501, app/assets/stylesheets/m.scss */
.hashtag_list_permission.active {
  display: block;
  width: 90%;
  max-width: 1000px;
  padding-bottom: 90px;
}

/* line 3508, app/assets/stylesheets/m.scss */
.hashtag_list_permission__container {
  width: 100%;
}

/* line 3512, app/assets/stylesheets/m.scss */
.hashtag_list_permission__pic_status {
  font-size: 15px;
  line-height: 1.2;
  padding: 3px 5px;
  text-align: center;
}

/* line 3519, app/assets/stylesheets/m.scss */
.hashtag_list_permission__title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  padding: 12px 12px;
  text-align: left;
  color: #565555;
  background: #e7e7e7;
}

/* line 3528, app/assets/stylesheets/m.scss */
.hashtag_list_permission__title__container {
  position: relative;
}

/* line 3533, app/assets/stylesheets/m.scss */
.hashtag_list_permission__media_container {
  display: flex;
  margin: 20px 30px 0;
}

/* line 3538, app/assets/stylesheets/m.scss */
.hashtag_list_permission__media_block {
  width: 150px;
  margin-right: 35px;
  cursor: pointer;
  transition: .3s;
}

/* line 3544, app/assets/stylesheets/m.scss */
.hashtag_list_permission__media_block:hover {
  opacity: .85;
}

/* line 3549, app/assets/stylesheets/m.scss */
.hashtag_list_permission__media {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

/* line 3555, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_block {
  flex: 1;
}

/* line 3559, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_tab {
  margin-top: 20px;
}

/* line 3563, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_tab_container {
  margin-bottom: 0;
}

/* line 3567, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_title {
  margin: 20px 0 5px;
}

/* line 3571, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_textare_container {
  position: relative;
}

/* line 3575, app/assets/stylesheets/m.scss */
.hashtag_list_permission__copy {
  position: absolute;
  top: -24px;
  right: 0;
  padding: 5px 5px 3px 5px;
  cursor: pointer;
  text-align: right;
  background-color: #dedede;
}

/* line 3585, app/assets/stylesheets/m.scss */
.hashtag_list_permission__save {
  position: absolute;
  top: -24px;
  right: 0;
  right: 80px;
  padding: 5px 5px 3px 5px;
  cursor: pointer;
  text-align: right;
  background-color: #cdf8f1;
}

/* line 3596, app/assets/stylesheets/m.scss */
.hashtag_list_permission__textarea {
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 120px;
  padding: 10px;
  color: black;
}

/* line 3606, app/assets/stylesheets/m.scss */
.hashtag_list_permission__hello_textarea {
  height: 210px;
}

/* line 3610, app/assets/stylesheets/m.scss */
.hashtag_list_permission__comment_explanation {
  font-size: 14px;
  line-height: 1.3;
  margin-top: 10px;
  padding: 13px 14px;
  color: #ff7724eb;
  border-radius: 5px;
  background-color: #fff8b4;
}

/* line 3620, app/assets/stylesheets/m.scss */
.hashtag_list_permission__btn_container {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

/* line 3627, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close_button {
  position: absolute;
  bottom: 30px;
  left: 50%;
  padding: 10px 15px;
  transform: translateX(-50%);
  box-shadow: 0 3px 0 #393939;
}

/* line 3635, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close_button:active {
  transform: translateX(-50%) translateY(3px);
  box-shadow: none;
}

/* line 3641, app/assets/stylesheets/m.scss */
.hashtag_list_permission__caption {
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

/* line 3650, app/assets/stylesheets/m.scss */
.hashtag_list_permission__product_caption {
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

/* line 3658, app/assets/stylesheets/m.scss */
.hashtag_list_permission__fa-x {
  position: absolute;
  z-index: 99999;
  top: 12px;
  right: 15px;
  color: white;
}

/* line 3665, app/assets/stylesheets/m.scss */
.hashtag_list_permission__fa-x:hover {
  cursor: pointer;
  color: gray;
}

/* line 3671, app/assets/stylesheets/m.scss */
.hashtag_list_permission__message {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 3676, app/assets/stylesheets/m.scss */
.hashtag_list_permission__options {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* line 3682, app/assets/stylesheets/m.scss */
.hashtag_list_permission__buttons {
  display: flex;
  justify-content: center;
}

/* line 3687, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #232323;
  border: none;
  border-radius: 4px;
  background-color: #afafaf;
}

/* line 3698, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close:hover {
  color: white;
  background-color: #9d9d9d;
}

/* line 3703, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 3709, app/assets/stylesheets/m.scss */
.hashtag_list_permission__register {
  font-size: 14px;
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .2s;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  background-color: #ff5959;
}

/* line 3720, app/assets/stylesheets/m.scss */
.hashtag_list_permission__register:hover {
  color: black;
  background-color: #ff5959;
}

/* line 3725, app/assets/stylesheets/m.scss */
.hashtag_list_permission__register:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}

/* line 3731, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close {
  margin-right: 10px;
}

/* line 3735, app/assets/stylesheets/m.scss */
.hashtag_list_permission__overlay {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  visibility: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: .3s;
  text-align: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
}

/* line 3750, app/assets/stylesheets/m.scss */
.hashtag_list_permission__overlay.active {
  visibility: visible;
  opacity: 1;
  backdrop-filter: blur(3px);
}

/* line 3760, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 {
  display: flex;
  box-sizing: border-box;
}

/* line 3765, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 > label {
  font-size: .9em;
  order: -1;
  width: calc(100%/2);
  min-width: 70px;
  padding: .7em 1em .5em;
  cursor: pointer;
  text-align: center;
  color: #535353;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0;
  background-color: #e9f0f6;
}

/* line 3779, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 > label:hover {
  opacity: .8;
}

/* line 3783, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 input {
  display: none;
}

/* line 3787, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 > div {
  display: none;
  width: 100%;
  padding: 1.5em 1em;
  background-color: #ffffff;
}

/* line 3794, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 label:has(:checked) {
  font-weight: bold;
  margin-top: -4px;
  color: #333333;
  border-width: 4px 1px 1px;
  border-style: solid;
  border-color: #2589d0 #f0f0f0 #ffffff;
  border-radius: 5px;
  background-color: #ffffff;
}

/* line 3806, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-area--communication {
  border: none;
}

/* line 3810, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab {
  width: calc(100%/3);
  padding: 5px;
  text-align: center;
}

/* line 3815, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab:nth-child(n+2) {
  border-left: 2px solid;
}

/* line 3818, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab.active {
  color: #ffffff;
  background-color: #0037ff;
}

/* line 3822, app/assets/stylesheets/m.scss */
.hash_tag_communication__panel {
  display: none;
}

/* line 3825, app/assets/stylesheets/m.scss */
.hash_tag_communication__panel.active {
  display: block;
}

/* line 3830, app/assets/stylesheets/m.scss */
.cmm_ugc_set_btn {
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  z-index: 100;
  right: 5px;
  bottom: 5px;
  box-sizing: border-box;
  height: 22px;
  padding: 0 8px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: orange;
}

/* line 3848, app/assets/stylesheets/m.scss */
.ugc_permission_btn.cmm_ugc_permission_btn {
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  z-index: 100;
  bottom: 5px;
  left: 5px;
  box-sizing: border-box;
  width: fit-content;
  height: 22px;
  padding: 0 8px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: #4169e1;
}

/* line 3867, app/assets/stylesheets/m.scss */
.ugc_permission_btn.cmm_ugc_permission_btn.cmm_sub_ugc_permission_btn {
  left: 50%;
  transform: translateX(-50%);
}

/* line 3873, app/assets/stylesheets/m.scss */
.cmm_how_to_use {
  position: relative;
  max-width: 700px;
  margin: 20px auto 10px;
}

/* line 3878, app/assets/stylesheets/m.scss */
.cmm_how_to_use__accordion_filter {
  display: block;
  width: fit-content;
  cursor: pointer;
  color: #0060ff;
  border-bottom: solid 1px #0060ff;
}

/* line 3888, app/assets/stylesheets/m.scss */
.cmm_how_to_use__filter_container {
  display: none;
}

/* line 3892, app/assets/stylesheets/m.scss */
.cmm_how_to_use__line {
  line-height: 1.2;
  margin-bottom: 10px;
}

/* line 3895, app/assets/stylesheets/m.scss */
.cmm_how_to_use__line:first-of-type {
  margin-top: 18px;
}

/* line 3898, app/assets/stylesheets/m.scss */
.cmm_how_to_use__line:last-of-type {
  margin-bottom: 0;
}

/* line 3903, app/assets/stylesheets/m.scss */
.cmm_how_to_use__video_container {
  margin-bottom: 20px;
}

/* line 3906, app/assets/stylesheets/m.scss */
.cmm_how_to_use__video_container video {
  max-width: 100%;
}

/* line 3916, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_container {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

/* line 3926, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}

/* line 3936, app/assets/stylesheets/m.scss */
.cmm_username_input__modal {
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  width: 550px;
  padding: 20px;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 5px;
  background-color: white;
}

/* line 3949, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_del {
  font-size: 30px;
  line-height: 22px;
  position: absolute;
  top: 7px;
  right: 11px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: #000000;
}

/* line 3964, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_title {
  font-size: 24px;
  margin: 10px auto 30px;
  color: #346df1;
}

/* line 3970, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_box {
  display: flex;
  overflow: auto;
  justify-content: center;
  max-height: 400px;
  margin-top: 5px;
  padding: 20px 10px;
  border: #7c7cde inset 6px;
}

/* line 3980, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_label {
  margin-right: 20px;
  color: #346df1;
}

/* line 3985, app/assets/stylesheets/m.scss */
.cmm_username_input__ugc_modal_select {
  overflow: auto;
  margin: 0;
  padding: 0;
}

/* line 3991, app/assets/stylesheets/m.scss */
.cmm_username_input__ugc_modal_li {
  list-style-type: none;
  text-align: left;
}

/* line 3996, app/assets/stylesheets/m.scss */
.cmm_username_input__block {
  padding: 0 0 10px 0;
}

/* line 4000, app/assets/stylesheets/m.scss */
.cmm_username_input__input_div {
  margin-bottom: 10px;
}

/* line 4004, app/assets/stylesheets/m.scss */
.cmm_username_input__input {
  font-size: 14px;
  width: 80%;
  max-width: 100%;
  padding: 11px 10px;
  border: 2px solid blue;
  border-radius: 5px;
}

/* line 4013, app/assets/stylesheets/m.scss */
.cmm_username_input__redirect_url {
  border-bottom: 1.5px #6a6adb solid;
}

/* line 4017, app/assets/stylesheets/m.scss */
.cmm_username_input__username_submit {
  width: fit-content;
  background-color: #ff781c;
}

/* line 4022, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_submit_block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

/* line 4029, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_submit {
  font-size: 14px;
  width: fit-content;
  margin-left: 30px;
  padding: 12px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: blue;
}

/* line 4040, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_cancel_submit {
  display: none;
  width: 150px;
  margin: 30px auto 0;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  border-radius: 8px;
  background-color: gray;
}

/* line 4051, app/assets/stylesheets/m.scss */
.cmm_username_input__warning_message {
  font-size: 14px;
  line-height: 1.2;
  width: 80%;
  margin: 0 auto 5px;
  color: red;
}

/* line 4059, app/assets/stylesheets/m.scss */
.cmm_username_input__notice_message {
  font-size: 14px;
  line-height: 1.2;
  width: 80%;
  margin: 0 auto 5px;
  color: #4f5150;
}

/* line 4070, app/assets/stylesheets/m.scss */
.mas_ugc_set_btn {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  z-index: 100;
  right: 5px;
  bottom: 5px;
  box-sizing: border-box;
  width: 83px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 8px;
  background-color: orange;
}

/* line 4089, app/assets/stylesheets/m.scss */
.mas_username_input__modal_container {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

/* line 4099, app/assets/stylesheets/m.scss */
.mas_username_input__modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(3px);
}

/* line 4109, app/assets/stylesheets/m.scss */
.mas_username_input__modal {
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  width: 550px;
  padding: 20px;
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 5px;
  background-color: white;
}

/* line 4122, app/assets/stylesheets/m.scss */
.mas_username_input__modal_del {
  font-size: 30px;
  line-height: 22px;
  position: absolute;
  top: 7px;
  right: 11px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: #000000;
}

/* line 4137, app/assets/stylesheets/m.scss */
.mas_username_input__modal_title {
  font-size: 24px;
  margin: 10px auto 30px;
  color: #346df1;
}

/* line 4143, app/assets/stylesheets/m.scss */
.mas_username_input__modal_box {
  display: flex;
  overflow: auto;
  justify-content: center;
  max-height: 400px;
  margin-top: 5px;
  padding: 20px 10px;
  border: #7c7cde inset 6px;
}

/* line 4153, app/assets/stylesheets/m.scss */
.mas_username_input__modal_label {
  margin-right: 20px;
  color: #346df1;
}

/* line 4158, app/assets/stylesheets/m.scss */
.mas_username_input__ugc_modal_select {
  overflow: auto;
  margin: 0;
  padding: 0;
}

/* line 4164, app/assets/stylesheets/m.scss */
.mas_username_input__ugc_modal_li {
  list-style-type: none;
  text-align: left;
}

/* line 4169, app/assets/stylesheets/m.scss */
.mas_username_input__block {
  padding: 0 0 10px 0;
}

/* line 4173, app/assets/stylesheets/m.scss */
.mas_username_input__input_div {
  margin-bottom: 10px;
}

/* line 4177, app/assets/stylesheets/m.scss */
.mas_username_input__input {
  font-size: 14px;
  width: 80%;
  max-width: 100%;
  padding: 11px 10px;
  border: 2px solid blue;
  border-radius: 5px;
}

/* line 4186, app/assets/stylesheets/m.scss */
.mas_username_input__redirect_url {
  border-bottom: 1.5px #6a6adb solid;
}

/* line 4190, app/assets/stylesheets/m.scss */
.mas_username_input__username_submit {
  width: fit-content;
  background-color: #ff781c;
}

/* line 4195, app/assets/stylesheets/m.scss */
.mas_username_input__modal_submit_block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

/* line 4202, app/assets/stylesheets/m.scss */
.mas_username_input__modal_submit {
  font-size: 14px;
  width: fit-content;
  margin-left: 30px;
  padding: 12px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: blue;
}

/* line 4213, app/assets/stylesheets/m.scss */
.mas_username_input__modal_cancel_submit {
  display: none;
  width: 150px;
  margin: 30px auto 0;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  border-radius: 8px;
  background-color: gray;
}

/* line 4224, app/assets/stylesheets/m.scss */
.mas_username_input__warning_message {
  font-size: 14px;
  line-height: 1.2;
  width: 80%;
  margin: 0 auto 5px;
  color: red;
}

/* line 4232, app/assets/stylesheets/m.scss */
.mas_username_input__notice_message {
  font-size: 14px;
  line-height: 1.2;
  width: 80%;
  margin: 0 auto 5px;
  color: #4f5150;
}

/* line 4242, app/assets/stylesheets/m.scss */
.mas_ugc_username {
  width: 100%;
  padding: 2px 5px;
  text-align: center;
  color: white;
  border-radius: 5px 5px 0 0;
  background-color: #4169e1;
}

/* line 4252, app/assets/stylesheets/m.scss */
.mas_post_tag_card {
  border-radius: 0px;
  height: 235px;
}

/* line 4257, app/assets/stylesheets/m.scss */
.mas_post_tag_card_img {
  border-radius: 0;
  height: 120px;
  object-fit: cover;
  width: 100%;
}

/* line 4269, app/assets/stylesheets/m.scss */
.cmm_no_insta_page_id_overlay {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 999999999px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(4px) brightness(0.88) contrast(151%) grayscale(65%);
}

/* line 4280, app/assets/stylesheets/m.scss */
.application_hide_sidebar {
  display: none;
  position: fixed;
  z-index: 1;
  width: 35px;
  background: #ffffff;
  left: 200px;
  height: 35px;
  top: 15%;
  border-radius: 5px;
  opacity: 0.9;
  border: 3px double #2361ff;
  color: #2361ff;
  cursor: pointer;
  box-sizing: border-box;
}

/* line 4296, app/assets/stylesheets/m.scss */
.application_hide_sidebar__icon_container {
  position: relative;
}

/* line 4299, app/assets/stylesheets/m.scss */
.application_hide_sidebar__icon {
  position: absolute;
  top: 6px;
  right: 6px;
}

/* line 4312, app/assets/stylesheets/m.scss */
.pdtupdate__explanation_title {
  margin: 20px auto 5px;
  max-width: 600px;
  text-align: left;
  font-weight: bold;
}

/* line 4317, app/assets/stylesheets/m.scss */
.pdtupdate__explanation_title--tip {
  margin: 0 auto 5px;
}

/* line 4322, app/assets/stylesheets/m.scss */
.pdtupdate__explanation_container {
  line-height: 1.2;
}

/* line 4326, app/assets/stylesheets/m.scss */
.pdtupdate__upload_input_label, .pdtupdate__delete_input_label {
  padding: 10px 40px;
  color: #ffffff;
  background-color: #384878;
  cursor: pointer;
}

/* line 4334, app/assets/stylesheets/m.scss */
.pdtupdate__upload_state_text, .pdtupdate__delete_state_text {
  margin: 20px 0 10px 0;
}

/* line 4340, app/assets/stylesheets/m.scss */
.pdtupdate__upload_btn {
  width: fit-content;
  margin: auto;
}

/* line 4345, app/assets/stylesheets/m.scss */
.pdtupdate__delete_btn {
  background-color: red;
}

/* line 4351, app/assets/stylesheets/m.scss */
.mpm_item_list__title_section {
  display: flex;
}

/* line 4358, app/assets/stylesheets/m.scss */
.post_tag_card__carousel_icon {
  position: absolute;
  right: 7px;
  top: 6px;
  color: #fffefe;
  font-size: 13px;
  padding: 0 5px;
  border-radius: 5px;
  text-align: center;
  background: black;
}

/* line 4376, app/assets/stylesheets/m.scss */
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* line 4393, app/assets/stylesheets/m.scss */
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 4402, app/assets/stylesheets/m.scss */
.modal-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 4412, app/assets/stylesheets/m.scss */
.modal-background.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 4419, app/assets/stylesheets/m.scss */
.modal-wrapper {
  z-index: 1060;
  overflow-y: auto;
  outline: 0;
  background: white;
  border-radius: 10px;
}

/* line 4426, app/assets/stylesheets/m.scss */
.modal-content {
  position: relative;
  width: auto;
  margin: 0.5rem;
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
  flex-direction: column;
  width: 500px;
}

/* line 4436, app/assets/stylesheets/m.scss */
.modal-header {
  display: flex;
  width: 100%;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

/* line 4447, app/assets/stylesheets/m.scss */
.modal-body {
  width: 100%;
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* line 4454, app/assets/stylesheets/m.scss */
.modal-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

/* line 4465, app/assets/stylesheets/m.scss */
.modal-footer button {
  margin-left: 10px;
}

/* line 4470, app/assets/stylesheets/m.scss */
.btn-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

/* line 4475, app/assets/stylesheets/m.scss */
.btn-secondary:hover {
  color: #fff !important;
  background-color: #5c636a !important;
  border-color: #565e64 !important;
}

/* line 4481, app/assets/stylesheets/m.scss */
.btn-primary {
  color: #fff !important;
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

/* line 4486, app/assets/stylesheets/m.scss */
.btn-primary:hover {
  color: #fff !important;
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}

/* line 4491, app/assets/stylesheets/m.scss */
.form-label {
  margin-bottom: 0.5rem;
}

/* line 4494, app/assets/stylesheets/m.scss */
.form-check {
  display: flex;
  min-height: 1.5rem;
  margin-bottom: 0.125rem;
  align-items: center;
}

/* line 4499, app/assets/stylesheets/m.scss */
.form-check input[type="radio"] {
  margin-right: 3px;
}

/* line 4502, app/assets/stylesheets/m.scss */
.form-check label {
  cursor: pointer;
}

/* line 4506, app/assets/stylesheets/m.scss */
.form-check-input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

/* line 4510, app/assets/stylesheets/m.scss */
.profiler-results {
  display: none;
}

/* line 4513, app/assets/stylesheets/m.scss */
body {
  background-color: #F5F5F5;
}

/* line 4517, app/assets/stylesheets/m.scss */
#status-bar {
  position: relative;
  width: 100%;
  z-index: 1000;
  height: 50px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #505050;
  color: white;
  border-radius: 10px 10px 0 0;
  margin-top: 15px;
}

/* line 4530, app/assets/stylesheets/m.scss */
#status-bar div {
  margin-right: 20px;
}

/* line 4534, app/assets/stylesheets/m.scss */
#tree-undo, #tree-redo {
  cursor: pointer;
  user-select: none;
}

/* line 4538, app/assets/stylesheets/m.scss */
#tree-undo.disabled, #tree-redo.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 4545, app/assets/stylesheets/m.scss */
#chat-option-wrapper {
  margin-bottom: 50px;
}

/* line 4548, app/assets/stylesheets/m.scss */
#chat-option-canvas {
  overflow-x: scroll;
  padding: 20px 0 200px 0;
  background-color: #e8eff5;
}

/* line 4554, app/assets/stylesheets/m.scss */
.section.first {
  padding: 0 1em;
  display: inline-block;
  position: relative;
  margin-left: 0 !important;
}

/* line 4561, app/assets/stylesheets/m.scss */
.section {
  padding: 0 1em;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  z-index: 1;
}

/* line 4569, app/assets/stylesheets/m.scss */
.section:before {
  content: '';
  display: block;
  background-color: white;
  width: 230px;
  height: 100%;
  position: absolute;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px;
}

/* line 4580, app/assets/stylesheets/m.scss */
.section-label {
  position: relative;
  width: 230px;
  padding: 10px;
  color: white;
  border-radius: 10px 10px 0 0;
  font-size: 14px;
  text-align: center;
}

/* line 4590, app/assets/stylesheets/m.scss */
.question {
  background-color: royalblue;
}

/* line 4594, app/assets/stylesheets/m.scss */
.link {
  background-color: #0dcaf0;
}

/* line 4598, app/assets/stylesheets/m.scss */
.node-label:after {
  position: absolute;
  content: '';
  display: block;
  width: 76px;
  height: 2px;
  background-color: #0d6efd;
  right: -77px;
  top: 23px;
}

/* line 4609, app/assets/stylesheets/m.scss */
.content {
  padding: 5px;
  width: 230px;
}

/* line 4613, app/assets/stylesheets/m.scss */
#addImgPreview {
  max-height: 300px;
}

/* line 4616, app/assets/stylesheets/m.scss */
.content img {
  max-height: 300px;
  position: relative;
}

/* line 4621, app/assets/stylesheets/m.scss */
.content textarea {
  word-break: break-all;
  min-height: calc(1.5em + 0.75rem + 2px);
  resize: vertical;
  font-size: 12px;
  position: relative;
  z-index: 2;
}

/* line 4630, app/assets/stylesheets/m.scss */
.node {
  display: flex;
  align-items: baseline;
}

/* line 4635, app/assets/stylesheets/m.scss */
.node:not(:last-child) {
  margin-bottom: 50px;
}

/* line 4639, app/assets/stylesheets/m.scss */
.node-label {
  width: 210px;
  padding: 5px;
  background: white;
  border: 1px solid #ced4da;
  border-radius: 10px;
  margin: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  z-index: 1;
}

/* line 4650, app/assets/stylesheets/m.scss */
.node-label input {
  font-size: 12px !important;
}

/* line 4654, app/assets/stylesheets/m.scss */
.add-node {
  background-color: #42b965;
  color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0px;
}

/* line 4664, app/assets/stylesheets/m.scss */
.add-img {
  background-color: #b97742;
  color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0px;
}

/* line 4674, app/assets/stylesheets/m.scss */
.check-link {
  z-index: 1;
  position: relative;
  text-align: center;
  font-size: 12px;
  padding: 5px 10px 10px 10px;
  cursor: pointer;
}

/* line 4683, app/assets/stylesheets/m.scss */
.check-link:hover {
  text-decoration: underline;
}

/* line 4687, app/assets/stylesheets/m.scss */
.sortable-handle {
  cursor: move;
  padding-right: 5px;
}

/* line 4692, app/assets/stylesheets/m.scss */
.ui-state-highlight {
  height: 2.2em;
  background-color: lightblue;
}

/* sticky setting */
/* line 4699, app/assets/stylesheets/m.scss */
.sticky > .content {
  position: sticky;
  -webkit-position: sticky;
  top: 0px;
  z-index: 1;
}

/* line 4706, app/assets/stylesheets/m.scss */
.node-label:not(.add-node) {
  position: sticky;
  -webkit-position: sticky;
  top: 85px;
}

/* line 4712, app/assets/stylesheets/m.scss */
.node-list {
  display: flex;
  flex-direction: column;
  width: 230px;
  position: sticky;
  -webkit-position: sticky;
  top: 140px;
  margin-bottom: 20px;
  z-index: 2;
  background-color: white;
  overflow-x: clip;
}

/* line 4724, app/assets/stylesheets/m.scss */
.node-list:after {
  content: '';
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px 5px white;
  display: block;
  position: absolute;
  z-index: -1;
}

/* line 4735, app/assets/stylesheets/m.scss */
.node-anchor {
  display: flex;
  align-items: center;
  padding: 0 10px 10px 10px;
  font-size: 11px;
}

/* line 4742, app/assets/stylesheets/m.scss */
.node-img {
  display: flex;
  align-items: center;
  padding: 0 10px 10px 10px;
  font-size: 11px;
}

/* line 4749, app/assets/stylesheets/m.scss */
#remove-node {
  z-index: 10000;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  background: #d2352c;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -10px;
  top: -5px;
  cursor: pointer;
}

/* line 4764, app/assets/stylesheets/m.scss */
#remove-node:before, #remove-node:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  /* 棒の幅（太さ） */
  height: 10px;
  /* 棒の高さ */
  background: white;
}

/* line 4773, app/assets/stylesheets/m.scss */
#remove-node:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 4777, app/assets/stylesheets/m.scss */
#remove-node:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 4784, app/assets/stylesheets/m.scss */
#heatmapContainer canvas {
  background-color: rgba(0, 0, 0, 0.25);
}

/* line 4787, app/assets/stylesheets/m.scss */
#heatmapContainer.heatmap-pc {
  margin-left: 2.5%;
  min-width: 1100px;
}

/* line 4790, app/assets/stylesheets/m.scss */
#heatmapContainer.heatmap-pc iframe {
  min-width: 1100px;
}

/* line 4794, app/assets/stylesheets/m.scss */
#heatmapContainer.heatmap-smp {
  max-width: 500px;
}

/* line 4796, app/assets/stylesheets/m.scss */
#heatmapContainer.heatmap-smp iframe {
  width: 500px;
}

/* line 4801, app/assets/stylesheets/m.scss */
#loading-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 4813, app/assets/stylesheets/m.scss */
#loading-modal-background #loading-modal-content {
  padding: 1em;
  border-radius: 10px;
  background-color: #505050;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 4825, app/assets/stylesheets/m.scss */
#push-posts {
  width: 100%;
  border-radius: 0.5rem;
}

/* line 4828, app/assets/stylesheets/m.scss */
#push-posts thead {
  position: sticky;
  top: -1px;
}

/* line 4832, app/assets/stylesheets/m.scss */
#push-posts th {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  background-color: #5980BB;
  color: white;
}

/* line 4838, app/assets/stylesheets/m.scss */
#push-posts tr {
  border: 1px solid #eee;
}

/* line 4841, app/assets/stylesheets/m.scss */
#push-posts td {
  padding: 1rem;
  font-size: 0.8rem;
}

/* line 4845, app/assets/stylesheets/m.scss */
#push-posts [data-post-status] {
  padding: 0.2rem 1rem;
  border-radius: 30px;
  white-space: nowrap;
}

/* line 4850, app/assets/stylesheets/m.scss */
#push-posts [data-post-status="reserve"] {
  background-color: orange;
  color: white;
}

/* line 4854, app/assets/stylesheets/m.scss */
#push-posts [data-post-status="sent"] {
  background-color: seagreen;
  color: white;
}

/* line 4858, app/assets/stylesheets/m.scss */
#push-posts [data-post-status="cancel"] {
  background-color: gray;
  color: white;
}

/* line 4862, app/assets/stylesheets/m.scss */
#push-posts [data-post-status="error"] {
  background-color: #c00;
  color: white;
}

/* line 4867, app/assets/stylesheets/m.scss */
#push-auth-settings {
  display: none;
}

/* line 4871, app/assets/stylesheets/m.scss */
.image-preview-wrapper {
  position: relative;
  width: 64px;
  height: 64px;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* line 4881, app/assets/stylesheets/m.scss */
.image-preview-wrapper.no-data svg.upload-icon {
  display: block;
}

/* line 4884, app/assets/stylesheets/m.scss */
.image-preview-wrapper.no-data .edit-icon {
  display: none;
}

/* line 4889, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data {
  background-color: #FFF;
}

/* line 4891, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data svg.upload-icon {
  display: none;
}

/* line 4894, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data .edit-icon svg {
  display: none;
}

/* line 4899, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data:hover .edit-icon {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  color: white;
}

/* line 4908, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data:hover .edit-icon svg {
  display: block;
}

/* line 4920, app/assets/stylesheets/m.scss */
.mas_relation_state {
  position: absolute;
  z-index: 9999;
  top: 32px;
  left: 5px;
  width: fit-content;
  min-width: 115px;
  padding: 0px 5px;
  opacity: .85;
  color: black;
  border: none;
  min-width: 115px;
  text-align: center;
}

/* line 4936, app/assets/stylesheets/m.scss */
.position_relative {
  position: relative;
}

/* line 4940, app/assets/stylesheets/m.scss */
.relation_state {
  position: absolute;
  z-index: 9999;
  top: 10px;
  left: 5px;
  width: fit-content;
  min-width: 115px;
  padding: 0px 5px;
  opacity: .85;
  color: black;
  border: none;
  min-width: 115px;
  text-align: center;
}

/* line 4956, app/assets/stylesheets/m.scss */
.relation_not_color {
  color: red !important;
  background: #feffff;
  border: 1px solid red;
  border-radius: 20px;
}

/* line 4964, app/assets/stylesheets/m.scss */
.relation_done_color {
  color: white !important;
  background: #000000;
  border: 1px solid white;
  border-radius: 20px;
}