@charset "UTF-8";
/* line 32, app/assets/stylesheets/m.scss */
.dashboard {
  padding: 12px 0 36px 12px;
}

/* line 34, 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 42, app/assets/stylesheets/m.scss */
.dashboard .achievement {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
}

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

/* line 51, 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 59, app/assets/stylesheets/m.scss */
.dashboard .achievement .val_wrapper i {
  font-size: 17px;
  margin-top: 10px;
  margin-left: 2px;
  color: #686868;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 124, 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 130, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper table {
  border: none;
}

/* line 132, 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 138, app/assets/stylesheets/m.scss */
.dashboard .flow_index .table_wrapper table td {
  padding: 6px 16px 2px 8px;
  color: #686868;
}

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

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

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

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

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

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

/* line 184, 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 196, 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 208, app/assets/stylesheets/m.scss */
.images div.preview_area i {
  font-size: 22px;
}

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

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

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

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

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

/* line 236, 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 243, 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 251, app/assets/stylesheets/m.scss */
.account_edit table th {
  font-size: 14px;
  font-weight: normal;
  padding: 0 24px;
  text-align: right;
  border: none;
}

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

/* line 261, 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 272, app/assets/stylesheets/m.scss */
.account_edit table td {
  height: 55px;
  padding: 4px 24px;
  text-align: left;
  color: #505050;
  border: none;
}

/* line 278, 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 287, app/assets/stylesheets/m.scss */
.account_edit table td #tel {
  width: 100px;
}

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

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

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

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

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

/* line 316, 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 327, app/assets/stylesheets/m.scss */
.guide .action {
  width: 540px;
  color: #686868;
  border: 0;
}

/* line 333, 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 340, app/assets/stylesheets/m.scss */
.guide .action .action_title_wrapper .action_title {
  margin-right: 12px;
  padding-top: 11px;
}

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

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

/* line 354, 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 363, 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 371, app/assets/stylesheets/m.scss */
.guide .action .next_page {
  margin-left: 12px;
}

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

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

/* line 388, 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 395, 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 402, 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 410, 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 418, 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 427, app/assets/stylesheets/m.scss */
.guide_index .guide_index_table table td.del {
  width: auto;
  padding-right: 30px;
  text-align: center;
}

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

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

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

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

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

/* line 461, 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 468, 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 476, 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 483, app/assets/stylesheets/m.scss */
.setting_group_edit table td {
  height: 55px;
  padding: 4px 18px;
  text-align: left;
  color: #505050;
  border: none;
}

/* line 489, 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 498, app/assets/stylesheets/m.scss */
.setting_group_edit table td #name {
  width: 240px;
}

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

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

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

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

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

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

/* line 532, 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 538, 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 542, app/assets/stylesheets/m.scss */
.report_index #selects #select_table th {
  padding-right: 10px;
  text-align: right;
}

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

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

/* line 554, 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 564, 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 574, app/assets/stylesheets/m.scss */
.report_index .buttons {
  display: flex;
  width: 100%;
  padding: 0;
}

/* line 578, 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 585, 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 592, app/assets/stylesheets/m.scss */
.report_index .buttons .daily_graphs:hover {
  opacity: .8;
}

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

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

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

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

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

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

/* line 623, 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 630, app/assets/stylesheets/m.scss */
.charts h4 {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 703, 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 712, 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 720, app/assets/stylesheets/m.scss */
.charts_funnel .funnel div {
  font-size: 18px;
  margin: 2px;
}

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

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

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

/* line 749, 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 758, app/assets/stylesheets/m.scss */
.tag_setting_info__filter_container {
  display: none;
}

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

/* line 774, 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 782, app/assets/stylesheets/m.scss */
.campaign_preview {
  width: 60%;
  text-align: center;
  border-left: 1px solid #c9c9ff;
  background-color: white;
}

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

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

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

/* line 801, 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 813, app/assets/stylesheets/m.scss */
.loader {
  position: relative;
  top: 40%;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  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%;
}

/* line 828, app/assets/stylesheets/m.scss */
.loader_message {
  position: relative;
  top: 41%;
  height: 40px;
  margin: 0 auto;
  text-align: center;
}

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

/* line 843, 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 857, app/assets/stylesheets/m.scss */
.approval_request_title {
  font-size: 20px;
  font-weight: bold;
  width: 400px;
  text-align: left;
}

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

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

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

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

/* line 892, 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 905, app/assets/stylesheets/m.scss */
.application_requirements_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

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

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

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

/* line 927, 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 940, app/assets/stylesheets/m.scss */
.winning_conditions_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

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

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

/* line 958, 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 969, app/assets/stylesheets/m.scss */
.post_content_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

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

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

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

/* line 990, 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 1001, app/assets/stylesheets/m.scss */
.post_img_content_title {
  font-size: 20px;
  font-weight: bold;
  width: 90%;
  margin-bottom: 10px;
  text-align: left;
}

/* line 1009, 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 1019, app/assets/stylesheets/m.scss */
.preview_img_area {
  display: flex;
  flex-wrap: wrap;
}

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

/* line 1031, 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 1040, app/assets/stylesheets/m.scss */
.preview_submit_btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 40px;
}

/* line 1048, 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 1056, 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 1065, 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 1076, app/assets/stylesheets/m.scss */
.preview_draft_save:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 1080, 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 1091, app/assets/stylesheets/m.scss */
.preview_submit:active {
  transform: translateY(3px);
  box-shadow: none;
}

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

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

/* line 1104, 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 1116, app/assets/stylesheets/m.scss */
.post_display::-webkit-scrollbar {
  display: none;
}

/* line 1120, 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 1129, app/assets/stylesheets/m.scss */
.post_display_title_name {
  margin: 0;
}

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

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

/* line 1145, 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 1154, app/assets/stylesheets/m.scss */
.post_display_img::-webkit-scrollbar {
  display: none;
}

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

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

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

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

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

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

/* line 1187, 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 1200, app/assets/stylesheets/m.scss */
.campaign_list {
  width: 100%;
}

/* line 1204, 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 1215, 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 1226, 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 1246, app/assets/stylesheets/m.scss */
.post_container {
  width: 30%;
}

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

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

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

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

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

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

/* line 1281, 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 1289, app/assets/stylesheets/m.scss */
.requirement_card_content_container {
  padding: 8px;
}

/* line 1293, 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 1301, app/assets/stylesheets/m.scss */
.post_num_input {
  width: 50px;
  margin: 0 8px;
  text-align: right;
  vertical-align: 1px;
}

/* line 1308, 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 1321, app/assets/stylesheets/m.scss */
.post_card_content_text_box::-webkit-scrollbar {
  display: none;
}

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

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

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

/* line 1340, 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 1350, 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 1358, 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 1362, 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 1372, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_submit {
  width: 100px;
}

/* line 1376, 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 1384, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper .ugc_ugc_edit_title_labal {
  margin: 0 25px 0 0;
}

/* line 1388, 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 1398, app/assets/stylesheets/m.scss */
.ugc_edit_title_submit {
  width: 100px;
}

/* line 1402, 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 1412, app/assets/stylesheets/m.scss */
.height-calc-100-minus-40 {
  height: calc(100% - 40px);
}

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

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

/* line 1429, 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 1437, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain {
  display: flex;
  align-items: center;
}

/* line 1440, 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 1443, 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 1453, app/assets/stylesheets/m.scss */
.ugc_detail_page_domain_setting_wrapper #ugc_detail_page_domain .ugc_detail_page_domain_submit {
  width: 100px;
}

/* line 1459, 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 1467, 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 1472, 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 1482, app/assets/stylesheets/m.scss */
.ugc_edit_related_items_title_submit {
  width: 100px;
}

/* line 1486, 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 1494, app/assets/stylesheets/m.scss */
.ugc_edit_title_setting_wrapper .ugc_ugc_edit_title_labal {
  margin: 0 25px 0 0;
}

/* line 1498, 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 1508, app/assets/stylesheets/m.scss */
.ugc_edit_title_submit {
  width: 100px;
}

/* line 1512, 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 1528, app/assets/stylesheets/m.scss */
.ugc_detail_page_title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

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

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

/* line 1586, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_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 1595, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_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 1608, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box {
  background-color: white;
}

/* line 1610, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box .edit_modal_title {
  font-size: 16px;
  margin: 0;
  padding: 8px 30px 8px 24px;
  color: #505050;
  background-color: #c9c9c9;
}

/* line 1617, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_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 1627, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box table td {
  font-size: 14px;
  height: 55px;
  padding: 0 24px;
  text-align: left;
  color: #505050;
  border: none;
}

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

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

/* line 1648, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box table td textarea {
  font-size: 14px;
  font-weight: normal;
  width: 500px;
  height: 50px;
  padding: 0 10px;
  color: #686868;
  outline: none;
  border: solid 1px #d8d8d8;
}

/* line 1658, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box table td #product_price, .platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box table td #product_sale_price {
  width: 200px;
  margin: 0 10px 0 0;
}

/* line 1662, app/assets/stylesheets/m.scss */
.platta_ig_edit_modal_container .platta_ig_edit_modal .platta_ig_edit_modal_box table td .required {
  color: red;
}

/* line 1675, 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);
}

/* line 1690, 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 1701, app/assets/stylesheets/m.scss */
.t-post_tag_container {
  width: 40%;
}

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

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

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

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

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

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

/* line 1735, 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 1743, app/assets/stylesheets/m.scss */
.t-post_card_content_box:hover {
  opacity: .5;
  background-color: #faff9b;
}

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

/* line 1753, 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 1763, app/assets/stylesheets/m.scss */
.t-post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 1769, 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 1777, 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 1784, app/assets/stylesheets/m.scss */
.t-post_card_content_link .t-dm {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  user-select: none;
}

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

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

/* line 1801, 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 1813, 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 1825, 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 1835, app/assets/stylesheets/m.scss */
.td-post_tag_second_card {
  width: 400px;
}

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

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

/* line 1847, 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 1854, app/assets/stylesheets/m.scss */
.td-post_card_content_box:hover {
  opacity: .5;
  background-color: #faff9b;
}

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

/* line 1863, 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 1870, app/assets/stylesheets/m.scss */
.td-post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

/* line 1876, 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 1884, 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 1891, app/assets/stylesheets/m.scss */
.td-post_card_content_link .td-dm {
  font-size: 18px;
  margin-right: 20px;
  cursor: pointer;
  user-select: none;
}

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

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

/* line 1908, 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 1921, app/assets/stylesheets/m.scss */
.block {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2114, 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 2123, app/assets/stylesheets/m.scss */
div.reset_filter:active {
  transform: translateY(3px);
  box-shadow: none;
}

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

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

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

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

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

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

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

/* line 2168, 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 2184, 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 2201, 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 2218, 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 2227, app/assets/stylesheets/m.scss */
.post_tag_card {
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 2px 5px #cccccc;
}

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

/* line 2239, app/assets/stylesheets/m.scss */
a .active-hover {
  text-decoration: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

/* line 2244, app/assets/stylesheets/m.scss */
a:hover .active-hover {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

/* line 2249, 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 2258, app/assets/stylesheets/m.scss */
.post_card_content_title {
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
}

/* line 2263, 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 2272, app/assets/stylesheets/m.scss */
.post_card_content_link {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}

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

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

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

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

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

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

/* line 2348, app/assets/stylesheets/m.scss */
label.search_caption {
  text-align: right;
  width: 180x;
  display: inline-block;
}

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

/* line 2365, 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 2375, app/assets/stylesheets/m.scss */
.facebook-connect__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 2448, 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 2463, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal.active {
  display: block;
}

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

/* line 2471, 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 2479, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__title__container {
  position: relative;
  padding: 10px;
  padding-left: 20px;
  background-color: #d9d9d9;
}

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

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

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

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

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

/* line 2516, 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 2527, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close:hover {
  color: white;
  background-color: #9d9d9d;
}

/* line 2532, 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 2538, 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 2549, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__register:hover {
  color: black;
  background-color: #ff5959;
}

/* line 2554, 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 2560, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__close {
  margin-right: 10px;
}

/* line 2564, 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 2579, app/assets/stylesheets/m.scss */
.facebook-connect__page-modal__overlay.active {
  visibility: visible;
  opacity: 1;
}

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

/* line 2590, 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 2603, 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 2613, 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 2625, app/assets/stylesheets/m.scss */
.get_posts_loader:before,
.get_posts_loader:after {
  position: absolute;
  top: 0;
  content: "";
}

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

/* line 2636, 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 2664, 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 2678, app/assets/stylesheets/m.scss */
.youtube__wrapper {
  display: flex;
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

/* line 2728, 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 2742, app/assets/stylesheets/m.scss */
.youtube_modal.active {
  display: block;
}

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

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

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

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

/* line 2767, 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 2776, app/assets/stylesheets/m.scss */
.youtube_modal__product_caption {
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

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

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

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

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

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

/* line 2813, 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 2824, app/assets/stylesheets/m.scss */
.youtube_modal__close:hover {
  color: white;
  background-color: #9d9d9d;
}

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

/* line 2835, 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 2846, app/assets/stylesheets/m.scss */
.youtube_modal__register:hover {
  color: black;
  background-color: #ff5959;
}

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

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

/* line 2861, 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 2876, app/assets/stylesheets/m.scss */
.youtube_modal__overlay.active {
  visibility: visible;
  opacity: 1;
  backdrop-filter: blur(3px);
}

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

/* line 2893, 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 2904, 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 2913, app/assets/stylesheets/m.scss */
.post_display_own_media::-webkit-scrollbar {
  display: none;
}

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

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

/* line 2931, 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 2943, app/assets/stylesheets/m.scss */
.cmm_wrapper {
  display: flex;
  font-family: "Sawarabi Gothic";
}

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

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

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

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

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

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

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

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

/* line 2991, 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 3003, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .post_card_content {
  height: 126px;
  padding: 3px 10px 10px;
}

/* line 3007, 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 3014, 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 3028, app/assets/stylesheets/m.scss */
.cmm_main__replied_ugc_list_container .cmm_main__slip select:focus {
  outline: 1px solid #2589d0;
}

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

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

/* line 3044, 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 3059, app/assets/stylesheets/m.scss */
.cmm_main__filter_container, .cmm_sub__filter_container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3065, 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 3073, 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 3078, 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 3090, app/assets/stylesheets/m.scss */
.cmm_main__filter_option_block, .cmm_sub__filter_option_block {
  justify-content: center;
}

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

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

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

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

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

/* line 3130, 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 3136, 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 3147, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_delete, .cmm_sub .selected_color_delete {
  color: black !important;
  border: 2px solid black !important;
}

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

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

/* line 3165, 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 3172, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_ng, .cmm_sub .selected_color_ng {
  color: gray !important;
  border: 2px solid gray !important;
}

/* line 3178, 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 3185, 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 3192, app/assets/stylesheets/m.scss */
.cmm_main .selected_color_thanked, .cmm_sub .selected_color_thanked {
  color: #008eb2 !important;
  border: 2px solid #00e6ff !important;
}

/* line 3198, 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 3205, 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 3214, 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 3224, 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 3234, 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 3247, 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 3258, app/assets/stylesheets/m.scss */
.cmm_main__form_1 input::placeholder, .cmm_sub__form_1 input::placeholder {
  color: #a6a6a6;
  color: black;
  color: #676869;
}

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

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

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

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

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

/* line 3295, 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 3305, 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 3320, app/assets/stylesheets/m.scss */
.cmm_sub__waiting_ugc_list_container .post_card_content {
  height: 126px;
  padding: 3px 10px 10px;
}

/* line 3324, 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 3332, 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 3353, 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 3367, app/assets/stylesheets/m.scss */
#own_submit:active {
  transform: translateY(3px);
  box-shadow: none;
}

/* line 3374, 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 3391, app/assets/stylesheets/m.scss */
.btn_gray_active {
  background-color: #848484 !important;
  box-shadow: 0 0 0 black !important;
}

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

/* line 3404, 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 3416, app/assets/stylesheets/m.scss */
.hashtag_list_permission.active {
  display: block;
  width: 90%;
  max-width: 1000px;
  padding-bottom: 90px;
}

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

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

/* line 3434, 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 3443, app/assets/stylesheets/m.scss */
.hashtag_list_permission__title__container {
  position: relative;
}

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

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

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

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

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

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

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

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

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

/* line 3490, 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 3500, 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 3511, 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 3521, app/assets/stylesheets/m.scss */
.hashtag_list_permission__hello_textarea {
  height: 210px;
}

/* line 3525, 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 3535, app/assets/stylesheets/m.scss */
.hashtag_list_permission__btn_container {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

/* line 3542, 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 3550, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close_button:active {
  transform: translateX(-50%) translateY(3px);
  box-shadow: none;
}

/* line 3556, 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 3565, app/assets/stylesheets/m.scss */
.hashtag_list_permission__product_caption {
  overflow-y: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
  padding: 10px;
}

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

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

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

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

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

/* line 3602, 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 3613, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close:hover {
  color: white;
  background-color: #9d9d9d;
}

/* line 3618, 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 3624, 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 3635, app/assets/stylesheets/m.scss */
.hashtag_list_permission__register:hover {
  color: black;
  background-color: #ff5959;
}

/* line 3640, 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 3646, app/assets/stylesheets/m.scss */
.hashtag_list_permission__close {
  margin-right: 10px;
}

/* line 3650, 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 3665, app/assets/stylesheets/m.scss */
.hashtag_list_permission__overlay.active {
  visibility: visible;
  opacity: 1;
  backdrop-filter: blur(3px);
}

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

/* line 3680, 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 3694, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-001 > label:hover {
  opacity: .8;
}

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

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

/* line 3709, 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 3721, app/assets/stylesheets/m.scss */
.hash_tag_communication__tab-area--communication {
  border: none;
}

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

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

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

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

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

/* line 3745, 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 3763, 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 3782, app/assets/stylesheets/m.scss */
.ugc_permission_btn.cmm_ugc_permission_btn.cmm_sub_ugc_permission_btn {
  left: 50%;
  transform: translateX(-50%);
}

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

/* line 3793, 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 3803, app/assets/stylesheets/m.scss */
.cmm_how_to_use__filter_container {
  display: none;
}

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

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

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

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

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

/* line 3831, 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 3841, 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 3851, 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 3864, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_del {
  font-size: 30px;
  line-height: 25px;
  position: absolute;
  top: 8px;
  right: 11px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: #000000;
}

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

/* line 3885, 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;
  margin-top: 22px;
}

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

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

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

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

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

/* line 3920, 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 3929, app/assets/stylesheets/m.scss */
.cmm_username_input__redirect_url {
  border-bottom: 1.5px #6a6adb solid;
}

/* line 3933, app/assets/stylesheets/m.scss */
.cmm_username_input__username_submit {
  width: fit-content;
  background-color: #ff781c;
  font-size: 12px;
  margin-top: 9px;
  width: 200px !important;
}

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

/* line 3948, app/assets/stylesheets/m.scss */
.cmm_username_input__modal_submit {
  font-size: 12px;
  width: fit-content;
  padding: 12px;
  cursor: pointer;
  color: white;
  border-radius: 4px;
  background-color: blue;
  width: 200px !important;
}

/* line 3959, 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 3970, 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 3978, 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 3987, app/assets/stylesheets/m.scss */
.cmm_official_comment_input {
  font-size: 14px;
  width: 80%;
  max-width: 100%;
  padding: 11px 10px;
  border: 2px solid blue;
  border-radius: 5px;
  margin-top: 20px;
}

/* line 3996, app/assets/stylesheets/m.scss */
.official_comment_submit {
  font-size: 12px;
  padding: 3px 10px;
  margin-top: 12px;
  background-color: #ff781c;
  width: 200px !important;
}

/* line 4005, 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 4024, 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 4034, 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 4044, 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 4057, 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 4072, app/assets/stylesheets/m.scss */
.mas_username_input__modal_title {
  font-size: 24px;
  margin: 10px auto 30px;
  color: #346df1;
}

/* line 4078, 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 4088, app/assets/stylesheets/m.scss */
.mas_username_input__modal_label {
  margin-right: 20px;
  color: #346df1;
}

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

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

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

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

/* line 4112, 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 4121, app/assets/stylesheets/m.scss */
.mas_username_input__redirect_url {
  border-bottom: 1.5px #6a6adb solid;
}

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

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

/* line 4137, 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 4148, 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 4159, 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 4167, 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 4177, 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 4187, app/assets/stylesheets/m.scss */
.mas_post_tag_card {
  border-radius: 0px;
  height: 235px;
}

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

/* line 4204, 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 4215, 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 4231, app/assets/stylesheets/m.scss */
.application_hide_sidebar__icon_container {
  position: relative;
}

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

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

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

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

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

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

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

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

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

/* line 4293, 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 4311, 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 4328, 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 4337, 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 4347, app/assets/stylesheets/m.scss */
.modal-background.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

/* line 4361, 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 4371, 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 4382, app/assets/stylesheets/m.scss */
.modal-body {
  width: 100%;
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

/* line 4388, 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 4399, app/assets/stylesheets/m.scss */
.modal-footer button {
  margin-left: 10px;
}

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

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

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

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

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

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

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

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

/* line 4443, 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 4447, app/assets/stylesheets/m.scss */
.profiler-results {
  display: none;
}

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

/* line 4454, 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 4467, app/assets/stylesheets/m.scss */
#status-bar div {
  margin-right: 20px;
}

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

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

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

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

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

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

/* line 4505, 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 4516, 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 4526, app/assets/stylesheets/m.scss */
.question {
  background-color: royalblue;
}

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

/* line 4534, 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 4545, app/assets/stylesheets/m.scss */
.content {
  padding: 5px;
  width: 230px;
}

/* line 4550, 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;
}

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

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

/* line 4567, 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;
}

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

/* line 4581, 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 4591, 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 4600, app/assets/stylesheets/m.scss */
.check-link:hover {
  text-decoration: underline;
}

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

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

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

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

/* line 4629, 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: 1;
  background-color: white;
  overflow-x: clip;
}

/* line 4641, 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 4652, app/assets/stylesheets/m.scss */
.node-anchor {
  display: flex;
  align-items: center;
  padding: 0 10px 10px 10px;
  font-size: 11px;
}

/* line 4659, 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 4674, 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 4683, app/assets/stylesheets/m.scss */
#remove-node:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

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

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

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

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

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

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

/* line 4710, 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 4722, 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 4734, app/assets/stylesheets/m.scss */
#push-posts {
  width: 100%;
  border-radius: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

/* line 4780, 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 4790, app/assets/stylesheets/m.scss */
.image-preview-wrapper.no-data svg.upload-icon {
  display: block;
}

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

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

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

/* line 4807, 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 4816, app/assets/stylesheets/m.scss */
.image-preview-wrapper.has-data:hover .edit-icon svg {
  display: block;
}

/* line 4828, 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 4844, app/assets/stylesheets/m.scss */
.position_relative {
  position: relative;
}

/* line 4848, 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 4864, app/assets/stylesheets/m.scss */
.relation_not_color {
  color: red !important;
  background: #feffff;
  border: 1px solid red;
  border-radius: 20px;
}

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

/* line 4880, app/assets/stylesheets/m.scss */
.bg-site {
  background-color: #e3eefb;
}

/* line 4886, app/assets/stylesheets/m.scss */
.def-button {
  padding: 10px 20px 10px 17px;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background: linear-gradient(90deg, #3b82f6, #60a5fa);
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}

/* line 4897, app/assets/stylesheets/m.scss */
.def-button i {
  margin-right: 6px;
}

/* line 4902, app/assets/stylesheets/m.scss */
.grey-button {
  background: linear-gradient(90deg, #6b7280, #9ca3af);
}

/* line 4906, app/assets/stylesheets/m.scss */
.peer:checked ~ .peer-checked\:bg-base-500 {
  background-color: #5094f8 !important;
}