@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=Roboto:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+SC:wght@100..900&display=swap");

/* 979px */
/* 979px */
/* media query */
/* width: 1800px 以下 */
/* color */
/* max-width */
/* $maxwidth: 56.25rem; 900px; */
/* margin */
/* common */
html {
  height: 100%;
  font-size: 100%;
  background: #ffffff;
  touch-action: manipulation;
}

body {
  position: relative;
  height: 100%;
  min-height: 100%;
  /* 	height: auto !important; */
  /* 	font-family: "BIZ UDGothic", "Roboto", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
  font-family: "Roboto", "Noto Sans JP", "BIZ UDGothic", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /*	font-family: 'Roboto', 'BIZ UDGothic', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; */
  /* 	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif; */
  color: #2E3341;
  font-size: 1rem;
  line-height: 1.2;
  background: #ffffff;
  overscroll-behavior: none;
  -webkit-touch-callout: none; /* リンク長押しのポップアップを無効化 */
  -webkit-user-select: none; /* テキスト長押しの選択ボックスを無効化 */
  -moz-user-select: none;
       user-select: none;
  -webkit-print-color-adjust: exact;
  overflow: hidden; /* スクロールバーを表示しない 241122*/
}

[data-langcode="zh-CN"] {
  font-family: "Noto Sans SC", "Roboto", "Noto Sans JP";
}
[data-langcode="ko"] {
  font-family: "Noto Sans KR", "Roboto", "Noto Sans JP";
}

label {
  margin: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
[contenteditable]:focus {
  outline: none;
  box-shadow: none;
}

/* Customize */
.uk-link, a {
  color: #2E3341;
  text-decoration: none;
}
.uk-link:active, .uk-link:hover, a:active, a:hover {
  color: #2E3341;
  /* opacity: 0.8; */ /* BT 変更 20250120 */
  text-decoration: none;
}
.uk-link:link, .uk-link:visited, a:link, a:visited {
  color: #2E3341;
  text-decoration: none;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  /* font-family: "BIZ UDGothic", "Roboto", "Helvetica Neue", Arial, " Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
  font-family: "Roboto", "Noto Sans JP", "BIZ UDGothic", "Helvetica Neue", Arial, " Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #2E3341;
}

.uk-card-default {
  color: #2E3341;
}

.uk-card-body {
  padding: 15px 20px;
}

* + .uk-table {
  margin-top: 0px;
}

* + p {
  margin-top: 0px;
}

.uk-tab {
  margin: 0 !important;
}

.uk-tab::before {
  border: none;
}

.uk-grid {
  margin-left: 0;
}

.uk-grid > * {
  padding-left: 0;
}

.uk-modal {
  padding: 0;
  z-index: 1005; /* 念の為の処理 */
  background: rgba(0, 0, 0, 0.4);
}

.uk-modal-dialog {
  width: auto;
  height: 80vh;
  min-height: 45.25rem;
  padding: 1.125rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.375rem #666;
}

.uk-modal-header {
  min-height: 30px;
  padding: 0;
  border: none;
  background: #2E3341;
}

.uk-modal-body {
  padding: 40px 32px 22px;
  font-weight: bold;
}
.uk-modal-body img {
  margin-bottom: 18px;
}

.uk-modal-footer {
  border: none;
}

.uk-close {
  color: #2E3341;
}
.uk-close svg line {
  stroke-width: 2 !important;
}
.uk-close:link, .uk-close:active, .uk-close:hover, .uk-close:visited {
  color: #2E3341 !important;
}

.uk-form-controls {
  margin: 0 0 20px;
}

.uk-checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 6px;
  background-color: #fff;
  border: 1px solid #2E3341;
  overflow: visible;
  accent-color: #fff;
}
/* .uk-checkbox:hover, .uk-checkbox:focus, .uk-checkbox:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border: 1px solid #2E3341;
} */
/* BT: focusのとき、uikit.min.cssの uk-checkbox:focus の設定が効いてしまって、borderが違う色になってしまうのを避けるため */
.uk-checkbox:focus {
  border: 1px solid #2E3341;
}
/* BT: チェックボックスの非チェック時の背景色変更は hover時のみ、focus, active時はなし */
.uk-checkbox:hover {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border: 1px solid #2E3341;
}
.uk-checkbox.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.uk-checkbox:checked {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-color: #fff;
  border: 1px solid #2E3341;
  overflow: visible;
  accent-color: #fff;
}
/* .uk-checkbox:checked:hover, .uk-checkbox:checked:focus, .uk-checkbox:checked:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border: 1px solid #2E3341;
} */
 /* BT: チェックボックスのチェック時の背景色替えはhover時のみ、checked時でfocus時は色変えなしを明示しないとuikitのデフォルト装飾を切る */
.uk-checkbox:checked:focus {
  background-color: #fff;
}
.uk-checkbox:checked:hover {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border: 1px solid #2E3341;
}

.uk-checkbox:checked:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  left: 2px;
  background: url("../img/common/checkmark.svg") no-repeat top left;
  background-size: contain;
}

.uk-input {
  color: #2E3341;
}
.uk-input:focus {
  color: #2E3341;
}
.uk-input::-moz-placeholder {
  color: rgba(46, 51, 65, 0.5);
}
.uk-input::placeholder {
  color: rgba(46, 51, 65, 0.5);
}

.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
  padding-left: 90px !important;
}

.uk-dropdown {
  /* width: auto; */        /* <-- pbi: 1649--> */
  width: 26.625rem;             /* <-- pbi: 1649--> */
  /* min-width: 176px; */
  min-width: 11.25rem; /* 180px */
  padding: 0.5rem 0.625rem;
  /* padding: 0; */
  border: 2px solid #C1C2C6;
  border-radius: 0.625rem;
  overflow: hidden;
  /* box-shadow: 0 0.3125rem 0.75rem rgba(0, 0, 0, 0.4); */
  /* padding: 0.5rem 1.25rem; */
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

.uk-dropdown-nav > li > a {
  color: #2E3341;
  font-size: 1.125rem;
  line-height: 1;
}

.uk-dropdown-nav > li.uk-active > a {
  font-weight: normal;
  color: #ffffff;
  background: #767676;
}

.uk-nav > li > a {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding: 0.5rem 0.625rem;
}
.uk-nav > li > a:hover, .uk-nav > li > a:focus, .uk-nav > li > a:active {
  opacity: 1;
  color: #2E3341;
  background-color: rgba(46, 51, 65, 0.1);
}

.uk-nav > li:first-child > a {
  margin-top: -0.5rem;
  padding-top: 0.5rem;
}
.uk-nav > li:last-child > a {
  margin-bottom: -0.5rem;
  padding-bottom: 0.5rem;
}

.uk-navbar-dropdown {
  width: auto;
  min-width: 11.25rem; /* 180px */
  padding: 0.375rem 1rem;
  border-radius: 0.375rem;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}

.uk-navbar-dropdown-nav > li > a {
  padding: 0.5rem 0;
  color: #2E3341;
  font-size: 1.25rem;
}

.uk-dropdown-nav .uk-nav-divider {
  border-top: 1px solid #2E3341;
}

.uk-button-large {
  line-height: 2.75rem;
}

/* -----------------------------
Switch */
.uk-switch {
  position: relative;
  display: inline-block;
  height: 25px;
  width: 60px;
}

/* Hide default HTML checkbox */
.uk-switch input {
  display: none;
}

.uk-switcher > :not(.uk-active) {
  display: none;
}

.tmp-active {
  display: block !important;
}

.ui-datepicker-trigger {
  cursor: pointer;
}

/* Main Style */
.main {
  /* BT: 右端をトピック一覧の右端(スクロールバーを除く)に合わせる */
  /* 右カラムAID */
  /* BT: */
  /* 翻訳 translate */
  /* Setting1 Setting */
  /* Setting2 Signage Display */
  /* Setting3 Signage Setting */
  /* Signage Display - Preview */
  /* Dict Template */
  /* Template */
  /* Voice Dict Modal */
  /* Template Modal */
  /* Dict Modal */
  /* Translation Window */
  /* Form Element */
}
.main__wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  /* 		height: 100%; */
  padding: 0 0 0;
  background: #ffffff;
}
.main__wrap--top {
  padding: 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__wrap--index, .main__wrap--setting, .main__wrap--dict-template, .main__wrap--signage-setting {
  display: flex;
  justify-content: space-between;
}
.main__h1 {
  margin-bottom: 5rem;
  font-size: 2.5rem;
  font-weight: bold;
}
.main__content-top {
  flex: 1;
  height: 100%;
  /* background: grey; */
}
.main__content {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.main__content--top {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main__content--setting {
  padding: 2.875rem 1.5rem 0 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.main__content--template {
  padding: 0 1.5rem 0 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.main__content--help {
  flex: 1;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  .main__content--setting {
    padding: 1.5rem 0.5rem 0 1.5rem;
  }
  .main__content--template {
    padding: 0 0.5rem 0 1.5rem;
  }
}
.main__sub-content {
  position: relative;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__sub-content--input {
  width: 50%;
  width: 48.52%;
  flex: 0 1 auto;
  padding: 0.75rem 0.25rem 0 1.875rem;
}
.main__sub-content--input-aid {
  --margin-top: 18px;
  margin-top: var(--margin-top);
  height: calc(100% - var(--margin-top));
  width: 50%;
  word-break: break-word;     /* <!-- pbi: 1753 --> */
  overflow-wrap: break-word;  /* <!-- pbi: 1753 --> */
  min-width: 0;               /* <!-- pbi: 1753 --> */
  /* padding: 1rem 1.25rem 0 1.5rem; */
}
.main__sub-content--input-aid.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.main__sub-content--translate {
  width: 100%;
  padding: 0 2rem 0 1.875rem;
}
.main__sub-content-header {
  margin-bottom: 0.75rem;
}
.main__sub-content-header--lang-setting {
  margin-bottom: 3rem; /* 48px */
  flex-shrink: 0;
}
.main__sub-content-header--signage-display {
  margin-bottom: 3rem; /* 48px */
  flex-shrink: 0;
}
.main__sub-content-header--common-dict {
  margin-bottom: 0;
}
@media screen and (max-width: 1800px) {
  .main__sub-content-header {
    margin-bottom: 0.75rem;
  }
  .main__sub-content-header--common-dict {
    margin-bottom: 0;
  }
}
.main__header {
  margin-bottom: 0.3125rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main__header-desc {
  min-height: 3.375rem; /* 54px */
  font-size: 1.125rem;
  line-height: 1.388;
}
.main__h2 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  /* &--error {
  	margin-bottom: 1.75rem;

  	@include mq-xlsp {
  		margin-bottom: 1rem;
  	}
  } */
}
.main__h2--sub-content {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1800px) {
  .main__h2--sub-content {
    margin-bottom: 0.75rem;
  }
}
.main__h2--modal {
  margin-bottom: 1.375rem; /* 22px */
}
@media screen and (max-width: 1800px) {
  .main__h2--modal {
    margin-bottom: 1rem;
  }
}
.main__h2--dict {
  margin-bottom: 3.625rem; /* 58px */
}
@media screen and (max-width: 1800px) {
  .main__h2--dict {
    margin-bottom: 1rem;
  }
}
.main__nav {
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__nav--topic-order {
  align-items: flex-end;
}
.main__nav-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__nav-box--undo {
  width: 5.875rem;
  margin-left: 0.125rem;
}
.main__nav-box--label {
  flex: 1;
  /* color: #2BB2A9; */
  /* BT: 20241115 文字色変更 #2BB2A9 -> #009E92 */
  color: #009E92;
  font-size: 1.25rem;
}
.main__nav-box--order-ui {
  min-width: 20.375rem; /* 326px */
}
.main__undo-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 1.5rem;
}
.main__undo-btn:hover, .main__undo-btn:focus, .main__undo-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__undo-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__undo-img {
  width: 2rem;
  height: 1.25rem;
}
.main__btn {
  padding: 0 1rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__btn:hover, .main__btn:focus, .main__btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__btn--dark {
  color: #ffffff;
  background: #2E3341;
}
.main__btn--dark:visited {
  color: #ffffff;
}
/* BT: main__btn--dark の hover時の文字色は白で、20%透過 (*/
.main__btn--dark:hover {
	opacity: 0.8;
	color: #fff;
}
.main__btn--dark:hover, .main__btn--dark:focus, .main__btn--dark:active {
  opacity: 1;
  background: rgba(67, 72, 84, 0.8);
  border-color: rgba(67, 72, 84, 0.8);
}
.main__btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__order-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
.main__order-btn:hover, .main__order-btn:focus, .main__order-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__order-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
/* BT: 右端をトピック一覧の右端(スクロールバーを除く)に合わせる */
.main__topic-nav {
  margin-right: 16px;
}
.main__topic-box {
  margin-bottom: 1.375rem;
  /* padding: 0.4rem 1.1875rem 1.125rem; */
  padding: 0.75rem 1.5rem 1.4375rem; /* active時のボーダー分5pxを増やす */
  background: #DEF5F4;
  border: solid 1px #2E3341;
  border-radius: 1.25rem;
  box-shadow: 0px 0.25rem 0.25rem 0px rgba(46, 51, 65, 0.2);
}
[data-mode="topic-input"] .main__topic-box.active {
  padding: 0.4rem 1.1875rem 1.125rem;
  background-color: #B9EBE8;
  border: solid 6px #0CC3B7;
}
[data-mode="topic-order"] .main__topic-box.selected {
  padding: 0.4rem 1.1875rem 1.125rem;
  background-color: #B9EBE8;
  border: solid 6px #0CC3B7;
}
.main__topic-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__topic-row--header {
  margin-bottom: 0.375rem;
}
.main__topic-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;	/* pbi: 162 */
}
/* <!-- pbi: 162 --> */
.main__topic-imput-image {
  /*width: 36px;  */
  max-width: 85.424px;
  height: 36px;
  float: left;
}
.main__topic-imput-image.template {
  margin-left: 48px;
}
.main__topic-imput-image.hasimage {
  border-radius: 2px;
  border: 1px solid var(--Black-main, #2E3341);
}
.main__topic-imput-image.loading {
  pointer-events: none;
}
.main__topic-imput-image.disabled {
  opacity: 0.2;
}
.main__topic-imput-image:hover, .main__topic-imput-image:focus {
  opacity: 0.7;
  background: rgba(46, 51, 65, 0.1);
}
.main__topic-imput-button {
  display: none;
}
.main__topic-imput-button.disabled {
  pointer-events: none;
}
.main__topic-delete-btn {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
}
.main__topic-delete-btn:hover, .main__topic-delete-btn:focus, .main__topic-delete-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__topic-delete-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__topic-h4 {
  margin-left: 0.125rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
.main__topic-wrap {
  flex: 1;
  padding-right: 0.5rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main__topic-wrap::-webkit-scrollbar {
  width: 8px;
}
.main__topic-wrap::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__topic-wrap::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__topic-content-box {
  flex: 1;
}
.main__topic-input {
  width: 100%;
  height: 11rem; /* 176px */
  resize: none;
  padding: 0.5625rem 0.5rem 0.5625rem 0.9375rem;
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  font-size: 1.4375rem;
  letter-spacing: 0;
  line-height: 1.36;
  /* line-height: 1.4545; */
  word-break: break-word;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  background: #ffffff;
  border: none;
  border-radius: 0.625rem;
}
.main__topic-input::-webkit-scrollbar {
  width: 8px;
}
/* BT: トピック順編集モード時はトピックの縦スクロールバーは無効(非表示)にする。スクロールバーをなくすと横幅が変わってしまうので、右端にpaddingを設定する。 */
[data-mode="topic-order"] .main__topic-input {
	overflow-y:hidden;
	padding-right: 16px;
}
.main__topic-input::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__topic-input::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__topic-input::-moz-placeholder {
  color: #96989F;
}
.main__topic-input::placeholder {
  color: #96989F;
}
.main__topic-input-txt {
  width: 100%;
  height: 11rem; /* 176px */
  resize: none;
  padding: 0.5625rem 0.5rem 0.5625rem 0;
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  font-size: 1.4375rem;
  letter-spacing: 0;
  /* line-height: 1.5; */
  line-height: 1.36;
  word-break: break-word;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  border: none;
}
.main__topic-input-txt::-webkit-scrollbar {
  width: 8px;
}
.main__topic-input-txt::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__topic-input-txt::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__topic-add-box {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__topic-add-btn {
  width: 2.5rem;
  height: 2.5rem;
}
.main__lang-box {
  height: 1.875rem;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
.main__lang-flag-img {
  max-width: initial;
  height: 100%;
  margin-right: 0.5rem;
}
.main__aid-tab-menu {
  height: 2.625rem; /* 42px */
  /* margin: 0 1.25rem 0 1.5rem; */ /* 追加 */
  margin: 0 1.25rem 0 2.5rem;
  padding: 0 0.375rem;
  padding-top: 0.3125rem; /* 5px */
  background: #E4E5E6;
  border-radius: 0.3125rem;
  box-shadow: 0px 3px 6px 0 rgba(46, 51, 65, 0.2);
  display: flex;
  justify-content: space-between;
}
.main__aid-tab-menu--noshadow {
  box-shadow: 0px 0 10px -4px rgba(46, 51, 65, 0.4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.main__aid-tab-content {
  height: calc(100% - 1rem); /* bottom margin分 */
  margin-bottom: 1rem;
  /* min-height: 25.74vh; */ /* 何もない時のmin-height */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__aid-tab-content--favorite, .main__aid-tab-content--archive, .main__aid-tab-content--template {
  border: solid 1px #CCCCCC;
  border-top: solid 1px #96989F;
  box-shadow: 0px 3px 8px 0px rgba(46, 51, 65, 0.2);
  /* 			border-bottom-left-radius: 0.3125rem;
  			border-bottom-right-radius: 0.3125rem; */
}
.main__aid-tab-content--template .main__aid-item-header {
  position: sticky;
  top: 0;
  background: #EFEFF0;
  z-index: 10;
  margin-bottom: 1px;
  /* &::before {
  		content: '';
  		position: absolute;
  		top: -12px; 
  		left: 0;
  		right: 0;
  		height: 12px; 
  		background: $basewhite;
  		z-index: -1;
  } */
}
.main__aid-tab-content--template .main__aid-txt-list {
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.main__aid-dummy-txt {
  margin-top: 1.375rem;
  text-align: center;
  color: #96989F;
  font-size: 1.125rem;
  letter-spacing: -1px;
}
.main__aid-filter-box {
  padding: 1.375rem 3.5rem 0.875rem 2rem;
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-box {
    padding: 1.375rem 1.5rem 0.875rem;
  }
}
.main__aid-filter-row {
  /* 		display: flex;
  		justify-content: space-between;
  		flex-wrap: wrap; */
  margin-bottom: 0.75rem;
}
.main__aid-split-row {
  flex-basis: auto;
  display: flex;
  justify-content: space-between;
}
.main__aid-split-row--author {
  justify-content: flex-start;
  align-items: center;
}
.main__aid-split-row--keyword {
  justify-content: flex-start;
  align-items: center;
}
.main__aid-split-row--date {
  margin-bottom: 1rem;
  justify-content: flex-start;
  align-items: center;
}
.main__aid-split-row--type {
  justify-content: flex-start;
  align-items: center;
}
.main__aid-split-row--category {
  margin-bottom: 1rem;
  justify-content: flex-start;
}
.main__aid-split-row--subject {
  justify-content: flex-start;
  align-items: center;
}
.main__aid-split-row label {
  display: flex;
  align-items: center;
  line-height: 1;
}
.main__aid-split-row label span {
  padding-top: 2px;
}
.main__aid-filter-title {
  width: 6.25rem; /* 100px */
  flex-shrink: 0;
  /* 例外処理 */
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-title {
    width: 5.5rem; /* 88px */
  }
}
.main__aid-filter-title--type {
  display: none;
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-title--type {
    width: 4.625rem; /* 74px */
    display: none; /* block; */
  }
}
.main__aid-favorite-row {
  display: flex;
  flex-wrap: wrap;
  /* 例外処理 */
}
.main__aid-favorite-row .main__aid-split-row {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 1800px) {
  .main__aid-favorite-row .main__aid-favorite-col {
    width: 100%;
  }
}
.main__aid-favorite-col {
  width: 9.5rem; /* 152px */
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
}
.main__aid-favorite-main-col {
  flex: 1;
  /* 例外処理 */
}
.main__aid-favorite-main-col .main__aid-filter-title {
  width: 5.625rem; /* 90px */
}
.main__aid-favorite-main-col .main__aid-filter-category-box label:first-child {
  width: 100%;
}
.main__aid-filter-type-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0.125rem;
  padding-bottom: 2.5rem; /* 40px 固定オフセット */
  /* 例外処理　*/
}
.main__aid-filter-type-box label {
  display: flex;
  align-items: center;
  line-height: 1;
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-type-box {
    flex-direction: row;
    padding-bottom: 1rem;
    gap: 1rem;
  }
}
.main__aid-filter-keyword-box {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}
.main__filter-text-input--date {
  width: 6.75rem; /* 108px */
}
.main__filter-text-input.uk-input {
  height: 28px;
  padding: 4px 6px 6px;
  font-size: 1rem; /* 1.125rem; */
  border: none;
  border-bottom: solid 1px rgba(46, 51, 65, 0.5);
}
.main__filter-text-input--dict {
  padding-right: 1.625rem;
}
.main__filter-text-input--dict.uk-input {
  padding: 4px 1.625rem 6px 6px;
}
.main__aid-filter-category-box {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem 1rem;
}
/* .main__filter-checkbox--partial.uk-checkbox:after {
  content: "";
  width: 12px;
  height: 3px;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #2E3341;
} */
.main__filter-checkbox:indeterminate.uk-checkbox {
  /* これを指定しないと uikit.min.css の設定が適用されて background-color: #1e87f0; border-color: transparent; になってしまうのはナゼ? */
  background-color: #ffffff;
  border: 1px solid #2E3341;
}
.main__filter-checkbox:indeterminate.uk-checkbox:after {
  content: "";
  width: 12px;
  height: 3px;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #2E3341;
}
.main__filter-checkbox.uk-radio {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  overflow: hidden;
  margin-top: 0;
  margin-right: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #2E3341;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;
}
.main__filter-checkbox.uk-radio:checked, .main__filter-checkbox.uk-radio:checked:focus {
  background-color: #ffffff;
  border-color: #2E3341;
}
.main__filter-checkbox.uk-radio:checked:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #2E3341;
  border-radius: 100vw;
}
.main__aid-search-row {
  padding-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.main__aid-filter-author-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.625rem;
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-author-box {
    gap: 1rem;
  }
}
.main__aid-filter-subject-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.625rem;
}
@media screen and (max-width: 1800px) {
  .main__aid-filter-subject-box {
    gap: 1rem;
  }
}
.main__aid-header-row {
  padding: 0 0.875rem 0.4375rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
  border-bottom: solid 2px #96989F;
}
.main__aid-link {
  position: relative;
  height: 1.375rem;
  padding-left: 1.75rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1;
}
.main__aid-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto 0;
  background: url("../img/common/ic_gotop.svg") center center;
  background-size: contain;
  display: block;
}
.main__aid-link:hover, .main__aid-link:focus, .main__aid-link:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__aid-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__aid-icon-box {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.375rem;
}
.main__aid-tab-content-wrap {
  flex: 1;
  overflow: hidden;
}
.main__aid-tab-content-list {
  height: 100%;
  /* margin: 0 1.25rem 0 1.5rem; */
  margin: 0 1.25rem 0 2.5rem;
}
.main__aid-tab-content-list--show-template {
  margin: 0;
}
.main__aid-tab-content-list--show-template .main__aid-tab-content {
  height: 100%;
  margin-bottom: 0;
}
.main__aid-list-wrap {
  flex: 1;
  padding: 0.75rem 0.375rem 0.75rem 0.75rem;
  overflow: hidden;
}
.main__aid-list {
  position: relative;
  z-index: 1;
  height: 100%;
  /* padding: 0.75rem 0.375rem 0.75rem 0.75rem; */
  /* overflow-y: scroll; */
  overflow-y: scroll;
  overflow-x: hidden;
  word-break: break-word;     /* <!-- pbi: 1753 --> */
  overflow-wrap: break-word;  /* <!-- pbi: 1753 --> */
}
.main__aid-list::-webkit-scrollbar {
  width: 8px;
}
.main__aid-list::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__aid-list::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__aid-list-block {
  position: relative;
  margin-bottom: 0.75rem;
  /* BT: 検索結果が0件のときは ::after を無効にしたい。 */
}
.main__aid-list-block::after {
  content: "";
  position: absolute;
  right: -12px;
  bottom: 0;
  left: -12px;
  border-bottom: solid 2px #96989F;
  z-index: 0; /* Ensure the border is below the content */
}
/* BT: 検索結果が0件のときは ::after を無効にしたい。 */
.main__aid-list-block.afteroff::after {
  content: none;
}
.main__aid-header-title {
  flex: 1;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
}
.main__aid-header-box {
  margin: 0 0.5rem 0.625rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__aid-item {
  position: relative;
  /* overflow: visible; */
  background: #ffffff;
}
.main__aid-item-header {
  position: relative;
  height: 2.75rem;
  padding: 0 1.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2E3341;
  font-size: 1.25rem;
  line-height: 1;
  background: #EFEFF0;
  /* 		gap: 42px; */
}
.main__aid-item-title {
  /* min-width: clamp(232px, 52.96%, 258px);  */ /* 232px 258px */
  max-width: 232px; /* 232px */
  margin-right: 1rem;
  letter-spacing: -1px;
}
.main__aid-item-author {
  flex: 1;
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main__aid-item-author:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 11px;
  height: 20px;
  margin: auto 0;
  background: url("../img/common/ic_person.svg") top left;
  background-size: contain;
  display: block;
}
/* BT: */
.main__aid-item--nodata {
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
  font-size: 1.25rem;
}
.main__aid-btn {
  padding: 0 0.875rem;
  height: 2.25rem;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__aid-btn:hover, .main__aid-btn:focus, .main__aid-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__aid-btn--allinsert {
  width: 7rem;
  padding: 0;
  margin-left: 0.75rem;
}
.main__aid-btn--dark {
  color: #ffffff;
  background: #2E3341;
}
.main__aid-btn--dark:visited {
  color: #ffffff;
}
.main__aid-btn--dark:hover, .main__aid-btn--dark:focus, .main__aid-btn--dark:active {
  opacity: 1;
  background: rgba(67, 72, 84, 0.8);
  border-color: rgba(67, 72, 84, 0.8);
}
.main__aid-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__aid-txt-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main__aid-txt-item {
  padding: 12px 12px;
  display: flex;
  /* justify-content: space-between; */
  align-items: flex-start;
  border-bottom: solid 1px #707070;
}
/* <!-- pbi: 162 --> */
.main__aid-txt-image {
  width: 20px;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.main__aid-txt-item:last-child {
  border: none;
}
.main__aid-txt {
  flex: 1;
  /* margin-left: 1.75rem; */
  margin-left: 0.75rem;			/* <!-- pbi: 162 --> */
  margin-right: 1.375rem;
  margin-top: 0.375rem;
  font-size: 1.125rem;
  line-height: 1.388;
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
  white-space: pre-wrap;  /* <!-- pbi: 1622 --> 改行を有効にする */
}
.main__aid-btn-wrap {
  width: 98px; /* 98px */
}
.main__aid-btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__aid-favorite-btn {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  background: url("../img/common/bt_star_wht.svg") top left;
  background-size: contain;
}
.main__aid-favorite-btn:hover {
  background: url("../img/common/bt_star_wht-hover.svg") top left;
}
.main__aid-favorite-btn--on {
  background: url("../img/common/bt_star_blk.svg") top left;
  background-size: contain;
}
.main__aid-favorite-btn--on:hover {
  background: url("../img/common/bt_star_blk-hover.svg") top left;
}
/* .main__aid-favorite-btn:hover, .main__aid-favorite-btn:focus, .main__aid-favorite-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
} */
.main__aid-favorite-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__aid-item-no {
  font-size: 1rem;
}
.main__aid-searching-wrap {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 2;
}
.main__aid-searching-txt {
  margin-bottom: 2.5rem;
  font-size: 1.25rem;
}
.main__translate-top-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main__translate-master-box {
  max-height: 226px;
  margin-top: 0.9375rem; /* 15px */
  padding-bottom: 1.25rem;
  background: #F7F7F8;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: column;
  /* 例外処理　*/
}
@media screen and (max-width: 1800px) {
  .main__translate-master-box {
    max-height: 200px;
    padding-bottom: 0.75rem;
  }
}
.main__translate-master-box:has(.main__translate-master-toggle.close) {
  padding-bottom: 0;
}
.main__translate-master-header {
  position: relative;
  height: 2.375rem; /* 38px */
  padding-left: 0.75rem;
  padding-right: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #C1C2C6;
  border-radius: 0.3125rem;
  flex-shrink: 0;
}
.main__translate-master-toggle-link {
  display: flex;
  align-items: center;
}
.main__translate-master-toggle {
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -9999px;
  background: url("../img/common/bt_tab_close.svg") top left;
  background-size: contain;
}
.main__translate-master-toggle.close {
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.main__translate-master-toggle:hover, .main__translate-master-toggle:focus, .main__translate-master-toggle:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
/* <!-- pbi: 162 --> */
.main__translate-master {
  display: flex;
  justify-content: flex-start;
  height: 28px;
  align-items: center;
  gap: 48px;
}
.main__translate-master-title {
  position: relative;
  padding-left: 2.3125rem; /* 37px */
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
.main__translate-master-title:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.625rem;
  height: 1.625rem;
  margin: auto 0;
  background: url("../img/common/ic_topic.svg") top left;
  background-size: contain;
  text-indent: -9999px;
  display: block;
}
/* <!-- pbi: 162 --> */
.main__translate-master-image {
    max-width: 85px;
    height: 28px;
    float: left;
}
.main__translate-master-content-box {
  width: calc(100% - 26px);
  margin: 0.9375rem 0.75rem 0;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main__translate-master-content-box::-webkit-scrollbar {
  width: 8px;
  margin-left: 12px;
}
.main__translate-master-content-box::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__translate-master-content-box::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__translate-master-txt {
  width: calc(100% - 20px);
  /* height: 9.125rem; */ /* 146px */
  height: 10rem;
  margin: 0 0.3125rem 0 0.9375rem;
  /* padding-right: 6px; */
  resize: none;
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  font-size: 1.3125rem;
  letter-spacing: 1px;
  /* line-height: 1.5; */
  line-height: 1.5;
  word-break: break-word;
  outline: none;
  border: none;
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
}
.main__translate-split-box {
  position: relative;
  width: 50%;
  margin-bottom: 12px;
}
.main__translate-split-box--left {
  width: calc(50% - 35px);
  padding-top: 17px;
}
.main__translate-split-box--right {
  width: 50%;
}
.main__translate-alert-box {
  width: 92.42%;
  max-width: 45rem; /* 720px */
  min-height: 6.125rem; /* 98px */ /* 2025-02-11 */
  margin-left: auto;
  padding: 0.75rem 1.5625rem;
  background: #E2E2E2;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /* box-shadow: 0px 3px 8px 0px rgba($baseblack, 0.3); */ /* 2025-02-11 */
  box-shadow: 0px 8px 8px -5px rgba(46, 51, 65, 0.3);
}
@media screen and (max-width: 1800px) {
  .main__translate-alert-box {
    padding: 0.75rem 1rem;
  }
}
.main__translate-alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main__translate-alert-item {
  position: relative;
  padding-left: 1.0625rem;
  /* margin-bottom: 0.375rem; */ /* 2025-02-11 */
  font-size: 1.25rem;
  letter-spacing: -0.5px;
}
.main__translate-alert-item:last-child {
  margin: 0;
}
.main__translate-alert-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  /* margin: auto 0; */
  margin: 5px 0; /* 赤丸は上揃え */
  display: block;
  background: #FF0000;
  border-radius: 100vw;
}
.main__translate-alert-item .red-circle:before {
  content: "";
  width: 10px;
  height: 10px;
  margin: 2px;
  display: inline-block;
  background: #FF0000;
  border-radius: 100vw;
}
@media screen and (max-width: 1800px) {
  .main__translate-alert-item {
    font-size: 1rem;
  }
}
.main__translate-nav {
  width: 100%;
  margin-bottom: 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.main__translate-nav-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  /* gap: 2rem; */  /* <!-- pbi: 2006 --> */
  gap: 1.25rem;     /* <!-- pbi: 2006 --> */
}
.main__translate-btn {
  position: relative;
  padding: 0 1rem;
  width: 30.9375rem; /* 495px */
  height: 2.875rem;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1;
  background: #4A77F2;
  border-radius: 100vh;
  box-shadow: 0px 3px 8px 0 rgba(46, 51, 65, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 2;
}
.main__translate-btn:visited {
  color: #ffffff;
  background: #4A77F2;
}
.main__translate-btn:hover, .main__translate-btn:focus, .main__translate-btn:active {
  opacity: 1;
  background-color: rgba(74, 119, 242, 0.8);
}
.main__translate-btn.active {
  opacity: 1;
  background-color: #2A63FC;
}
.main__translate-btn.disabled {
  color: #ffffff;
  background-color: #DBE4FC;
  pointer-events: none;
  box-shadow: none;
}
.main__translate-btn span {
  position: relative;
  padding-left: 1.25rem;
}
.main__translate-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  height: 17px;
  margin: auto 0;
  display: block;
  background: url("../img/common/ic_arrow_down.svg") top left;
  background-size: contain;
}

/* Google帰属表示 <!-- pbi: 515 --> */
.main__translate-right-container{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 22px; 
}
.main__translate-btm-container{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 22px;
  margin-top: -20px;
}
.main__translate-googletrans {
  transform: translateX(-20px);
}
.main__translate-en-box-googletransicon {
  margin-top: 0px;
  margin-right: 0px;  /* <!-- pbi: 2006 --> */
  margin-left: auto;  /* <!-- pbi: 2006 --> */
}
.main__translate-en-box-googletransicon2 {
  margin-top: 0px;
  margin-right: 8px;
}
/* <!-- pbi: 2006 --> */
.main__translate-switch-group {
  position: relative;
  display: flex;
  flex-direction: column;
}

.main__translate-switch-btn {
  position: relative;
  width: 15.6875rem; /* 251px */
  height: 1.875rem;
}
.main__translate-switch-link {
  position: absolute;
  width: 126px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #485F8D;
  border: solid 1px #485F8D;
  border-collapse: collapse;
}
.main__translate-switch-link--translate {
  left: 0;
  border-top-left-radius: 100vw;
  border-bottom-left-radius: 100vw;
}
.main__translate-switch-link--repeat {
  right: 0;
  border-top-right-radius: 100vw;
  border-bottom-right-radius: 100vw;
}
.main__translate-switch-link.active {
  background-color: #E7EDFF;
}
.main__translate-switch-link:hover, .main__translate-switch-link:focus, .main__translate-switch-link:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.main__translate-header-btn {
  width: 16rem; /* 256px */
  height: 2.25rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__translate-header-btn:hover, .main__translate-header-btn:focus, .main__translate-header-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__translate-header-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__translate-content-wrap {
  height: 16.5rem; /* 264px */
  margin-bottom: 0.625rem;
  display: flex;
  flex-direction: column;
  background: #F1F5FF;
  border: solid 1px #2E3341;
  border-radius: 1.25rem;
  box-shadow: 0px 3px 8px 0 rgba(46, 51, 65, 0.3);
  scroll-snap-align: start;
}
.main__translate-content-wrap--template-register {
  height: auto;
}
.main__translate-content-wrap--sub {
  height: 15.75rem; /* 252px */
}
.main__translate-content-wrap--sub .main__translate-content-header {
  background-color: transparent;
}
.main__translate-content-wrap--sub .main__translate-split-content {
  padding-top: 0;
}
.main__translate-main-box {
  flex: 1;
}
.main__translate-content-header {
  height: 3.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #BACBFF;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
.main__translate-split-header {
  flex: 1;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__translate-split-header--left {
  width: calc(50% - 28px);
  padding-left: 1.75rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.main__translate-split-header--left span {
  flex: 1;
  margin-right: 1rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main__translate-split-header--right {
  width: calc(50% + 28px);
  padding-left: 6.375rem; /* 102px */
}
.main__translate-content-box {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.main__translate-split-content {
  flex: 1;
  width: 50%;
  height: 100%;
  /* padding: 0.75rem 0 1.25rem 0.75rem; */
  padding: 0.75rem 0 1.25rem 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main__translate-split-content--left {
  flex: 0 1 auto;
  /* width: calc(50% - 46px); */
  width: calc(50% - 48px);
}
.main__translate-split-content--right {
  flex: 0 1 auto;
  /* width: calc(50% + 46px); */
  width: calc(50% + 48px);
  padding: 0.75rem 1rem 1.25rem 1rem;
}
.main__translate-split-content--template-register {
  width: calc(50% - 27px);
  /* min-width: 50rem; */ /* 800px */
  margin-bottom: 0.75rem;
  flex: 0 1 auto;
  padding: 0;
  display: block;
}
.main__translate-content {
  width: 100%;
  height: 11rem; /* 176px */
  /* padding: 0.5rem 0.5rem 0.375rem 0.9375rem; */
  padding: 0.5rem 0.5rem 0.375rem 1rem;
  background: #ffffff;
  border: none;
  border-radius: 0.625rem;
  overflow: hidden;
}
.main__translate-content--template-register {
  height: 13.25rem; /* 212px */
  padding: 0.875rem 0.5rem 0.375rem 1rem;
}
.main__translate-content-input {
  width: 100%;
  /* 		height: 11rem; */ /* 176px */
  height: 100%;
  resize: none;
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  font-size: 1.3125rem;
  letter-spacing: 1px;
  /* line-height: 1.5; */
  line-height: 1.5;
  /* line-height: 1.4545; */
  word-break: break-word;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  border: none;
}
.main__translate-content-input::-webkit-scrollbar {
  width: 8px;
}
.main__translate-content-input::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__translate-content-input::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  /* background-color: #96989F; */
  background-color: #C1C2C6;
  border-radius: 100vw;
}
.main__translate-content-input.disabled {
  pointer-events: none;
}
.main__translate-content-txt {
  width: 100%;
  /* 		height: 11rem; */ /* 176px */
  margin-bottom: 0.5rem;
  height: 100%;
  resize: none;
  color: #485F8D;
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  font-size: 1.3125rem;
  letter-spacing: 1px;
  /* line-height: 1.5; */
  line-height: 1.5;
  /* line-height: 1.4545; */
  word-break: break-word;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  border: none;
  -webkit-user-select: text;
  -moz-user-select: text;
       user-select: text;
}
.main__translate-content-wrap[data-langcode="my"] .main__translate-content-box .main__translate-split-content .main__translate-target-content .main__translate-content-txt {
  line-height: 1.7;
}
.main__translate-content-txt::-webkit-scrollbar {
  width: 8px;
}
.main__translate-content-txt::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__translate-content-txt::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  /* background-color: #96989F; */
  background-color: #C1C2C6;
  border-radius: 100vw;
}
.main__translate-content-txt.processing {
  opacity: 0.2;
}
.main__badge--inprogress {
  background-color: #f9e412;
}
.main__translate-target-content {
  position: relative;
  width: 100%;
  height: 100%;
  height: 11rem; /* 176px */
  padding: 0.625rem 0.5rem 0.375rem 1.5rem;
  border: none;
  overflow: hidden;
}
.main__translate-target-content--template-register {
  height: 13.25rem; /* 212px */
  padding: 0.875rem 0.5rem 0.875rem 1rem;
  background: #F1F5FF;
}
.main__translate-content-btn-box {
  position: relative;
  width: 5rem; /* 80px */
  height: 11rem; /* 176px */
  margin-right: 0.75rem;
}
.main__translate-content-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.25rem; /* 84px */
  height: 11.5rem; /* 184px */
  display: block;
  text-indent: -9999px;
  background: url("../img/common/bt_translate.svg") top left no-repeat;
  background-size: contain;
}
.main__translate-content-btn:hover, .main__translate-content-btn:focus, .main__translate-content-btn:active {
  opacity: 1;
  background: url("../img/common/bt_translate_hover.svg") top left no-repeat;
  background-size: contain;
}
.main__translate-content-btn.active {
  opacity: 1;
  background: url("../img/common/bt_translate_active.svg") top left no-repeat;
  background-size: contain;
}
.main__translate-content-btn.disabled {
  width: 5rem; /* 80px */
  height: 11rem; /* 176px */
  background: url("../img/common/bt_translate_disabled.svg") top left no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* 翻訳言語の追加メッセージ  <!-- pbi: 406 --> */
.main__translate-add-lang-desc-wrapper {
  display: inline-flex;
  align-items: center;
  line-height: 1.5;
}
.main__translate-add-lang-desc-part {
  /* テキストの改行を防ぐ */
  white-space: nowrap;
}
/* アイコンのスタイル */
.main__translate-add-lang-desc-wrapper .icon {
    vertical-align: middle;
    display: inline-block;
}

.main__translate-separator-box {
  position: relative;
  width: 100%;
  margin-bottom: 0.625rem;
  padding-left: 7.875rem; /* 126px */
}
.main__translate-separator-hr {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 100%;
  height: 2px;
  background: #96989F;
  display: block;
  z-index: 0;
}
.main__translate-content-blank {
  scroll-snap-align: start;
  height: 5.5rem; /* 88px */
  margin-bottom: 0.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border: solid 1px #2E3341;
  border-radius: 1.25rem;
}
.main__translate-main-box {
  width: calc(100% + 22px); /* listのpadding分 */
  flex: 1;
  overflow: hidden;
}
.main__translate-main-list {
  width: 100%;
  height: 100%;
  padding-right: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y proximity;
}
/* <!-- pbi: 2006 --> */
.main__translate-main-list-1 {
  width: 100%;
  height: 16.5rem;
  padding-right: 14px;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y proximity;
}
.main__translate-main-list::-webkit-scrollbar {
  width: 8px;
}
.main__translate-main-list::-webkit-scrollbar-track {
  margin: 0 1.25rem 0.75rem; /* スクロールバー上下左右のマージン */
}
.main__translate-main-list::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__translate-notice-box {
  margin-left: 0.25rem;
  color: #485F8D;
}

/* ツールチップ *//* <!-- pbi: 1562 --> */
.tooltip-trigger {
  display: inline-block;
  max-width: 150px;
  /* 改行しない */
  white-space: nowrap;
  /* はみ出した部分を隠す */
  overflow: hidden;
  /* 省略記号(...)を表示 */
  text-overflow: ellipsis;
  /* ellipsisが正しく表示されるように調整 */ 
  vertical-align: bottom; 
  border-bottom: 1px dotted black;
  cursor: pointer;
}
/* ツールチップ *//* <!-- pbi: 1562 --> */
#tooltip {
  position: fixed;
  display: none; 
  background-color: #fff;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  color: #2b2b2b;
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 8px;
  pointer-events: none;
  z-index: 2000;
}

.main__content-list {
  height: 100%;
  /* 		overflow: hidden; */
  list-style: none;          /* <!-- pbi: 1620 --> */
  padding: 0;                /* <!-- pbi: 1620 --> */
  margin: 0;                 /* <!-- pbi: 1620 --> */ 
}
.main__content-item {
  height: 100%;
}
.main__content-wrap {
  height: 100%;
  /* offset padding の例外 */
}
.main__content-wrap--top {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main__content-wrap--display {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__content-wrap--dict {
  justify-content: flex-start;
  gap: 0;
}
.main__content-wrap--help {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #e4e5e6;
}
.main__content-wrap--signage-display .main__setting-content-wrap {
  padding: 0;
}
.main__sub-column-header {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__setting-content-wrap {
  position: relative;
  flex: 1;
  height: 100%;
  padding-right: 1rem; /* offset for scrollbar */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* overflow: hidden; */
}
.main__setting-content {
  position: relative;
  /* 		overflow-y: auto; */
  flex: 1;
  /*     overflow-y: auto;
      overflow-x: hidden;
      padding-right: 0.5rem;

  		&::-webkit-scrollbar {
  			width: 8px;
  		}
  		 */
  /* &::-webkit-scrollbar-track { */
  /* margin: 0.5rem 1.25rem; */ /* スクロールバー上下左右のマージン */
  /* 	} */
  /* 		&::-webkit-scrollbar-thumb {
  			border-right: 2px solid transparent;
  			border-left: 2px solid transparent;
  			background-clip: padding-box;
  			background-color: $dark_1;
  			border-radius: 100vw;
  		} */
}
.main__setting-column-box {
  flex: 1;
  padding-right: 1rem; /* offset for scrollbar for display-signage */
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.main__setting-column--left {
/*  width: 27.15%;	*/
  width: min(27.15%, 520px);
  margin: 7px 0 20px;
  border-right: 2px solid #96989F;
}
.main__setting-column--right {
  flex: 1;
  padding-left: 2.375rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1800px) {
  .main__setting-column--right {
    padding-left: 1.5rem;
  }
}
.main__signage-header-title {
  /* font-size: 1.125rem; */
  font-size: 1.25rem;
  font-weight: bold;
}
.main__signage-header-btn {
  width: 13.625rem; /* 218px */
  height: 2.25rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__signage-header-btn:hover, .main__signage-header-btn:focus, .main__signage-header-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__signage-header-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__signage-list-top {
  position: absolute;
  top: 0;
  width: 100%;
  /* height: 3.375rem; */ /* 54px */
  height: 4.25rem; /* 4rem */ /* 0921 */
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); */ /* 0921 */
}
.main__signage-top-desc {
  width: 100%;
  margin-top: -0.25rem; /* -4px */
  font-size: 1.125rem;
  line-height: 1.388;
}
.main__signage-top-desc span {
  padding-left: 2rem;
}
.main__signage-list-box {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 54px 0;
}
.main__signage-list-box--nopad {
  padding: 0;
}
@media screen and (max-width: 1800px) {
  .main__signage-list-box {
    padding: 68px 0 54px; /* 0921 */
  }
}
.main__signage-list-wrapper {
  height: 100%;
}
.main__signage-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.main__signage-list-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.375rem; /* 54px */
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}
.main__signage-scroll-icon {
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  pointer-events: none;
}
.main__signage-scroll-icon--up {
  margin-top: 0.375rem;
  background: url("../img/common/ic_scroll_up.svg") top left no-repeat;
  background-size: contain;
}
.main__signage-scroll-icon--down {
  margin-bottom: 0.375rem;
  background: url("../img/common/ic_scroll_down.svg") top left no-repeat;
  background-size: contain;
}
.main__signage-scroll-icon.disabled {
  opacity: 0.2;
}
.main__signage-item {
  position: relative;
  padding: 12px 0 22px 26px;
  padding-left: max(6.11%, 17px);
  padding-right: max(16%, 43px);
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  background: #ffffff;
}
.main__signage-item--single {
  padding: 0 0 0 26px;
}
.main__signage-item--single .main__signage-lang-row {
  margin-left: 0;
}
.main__signage-item--single .main__signage-lang-wrap {
  width: clamp(200px, 100%, 376px);
  height: auto;
  aspect-ratio: 377/198;
}
.main__signage-item:hover {
  background: rgba(239, 239, 230, 0.5);
}
.main__signage-item.selected {
  background: #EFEFF0;
}
@media screen and (max-width: 1800px) {
  .main__signage-item {
    padding-left: 12px;
    padding-right: 24px;
  }
}
.main__signage-title {
  font-size: 1.25rem;
  font-weight: bold;
}
.main__signage-desc {
  margin-bottom: 0.375rem;
  color: #2E3341;
  font-size: 1.125rem;
}
.main__signage-desc--single {
  padding-right: 3.5rem;
}
.main__signage-desc.new {
  color: #96989F;
}
.main__signage-lang-row {
  /*margin-left: max(12.15%, 1.5625rem); /* 40px 25px */
  margin-left: 0.5rem;
}
@media screen and (max-width: 1800px) {
  .main__signage-lang-row {
    margin-left: 0.5rem;
  }
}
.main__signage-lang-wrap {
  /*width: clamp(200px, 100%, 284px);	*/
  width: clamp(min(200px, 100%), 100%, max(284px, 100%));
  /* min-width: 12.5rem; */ /* 200px */
  /* max-width: 17.75rem; */ /* 284px */
  height: 100%;
  min-height: 9.375rem; /* 150px */
  /* aspect-ratio: 284/150; */
  padding: 0.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #434854;
  gap: 0.25rem;
}
.main__signage-lang-item {
  padding-left: max(18.3%, 26px); 
  flex: 1;
  background: #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  .main__signage-lang-item {
    padding-left: 8px;
  }
}
.main__signage-label {
  margin-right: 1rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 1800px) {
  .main__signage-label {
    margin-right: 0.625rem;
  }
}
.main__signage-lang-box {
  max-width: calc(100% - 1rem - 1.5rem);
  flex: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  .main__signage-lang-box {
    max-width: calc(100% - 0.625rem - 1.5rem);
  }
}
.main__signage-flag-img {
  width: 1.75rem;
  margin-right: 0.5rem;
}
.main__signage-lang {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1800px) {
  .main__signage-lang {
    letter-spacing: -0.5px;
  }
}
.main__signage-text-input {
  font-size: 1.125rem;
  line-height: 1;
}
.main__signage-text-input.uk-input {
  height: 32px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #2E3341;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1800px) {
  .main__signage-text-input.uk-input {
    font-size: 1rem;
    margin-right: 1.25rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.main__signage-text-input--desc {
  text-overflow: ellipsis;
}
.main__signage-setting-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.main__signage-setting-box .uk-checkbox {
  margin-right: 0;
}
.main__signage-setting-box .uk-checkbox:checked {
  margin-right: 0;
}
.main__signage-form-header {
  display: flex;
  align-items: center;
}
.main__signage-checkbox--partial.uk-checkbox:after {
  content: "";
  width: 12px;
  height: 3px;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #2E3341;
}
.main__signage-checkbox:indeterminate.uk-checkbox:after {
  content: "";
  width: 12px;
  height: 3px;
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #2E3341;
}
.main__signage-delete-btn {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  text-indent: -9999px;
  background: url("../img/common/bt_trash.svg") top left no-repeat;
  background-size: contain;
}
.main__signage-delete-btn:hover, .main__signage-delete-btn:focus, .main__signage-delete-btn:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__signage-delete-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__signage-form-content {
  flex: 1;
  /* overflow: hidden; */
  display: flex;
  flex-direction: column;
}
.main__signage-form-header {
  padding-right: 0.5rem; /* .main__setting-content スクロールバー分 */
  margin-bottom: 0.4375rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main__signage-form-list-header {
  height: 2.5rem; /* 40px */
  /* margin-bottom: 0.75rem; */
  padding-right: 0.5rem; /* .main__setting-content スクロールバー分 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: #F7F7F8;
  border-top: 2px solid #707070;
  border-bottom: 1px solid #96989F;
}
.main__signage-input-item {
  height: 10.875rem; /* 174px */
  padding: 0.75rem 0;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  border-bottom: 1px solid #E4E5E6;
}
.main__signage-form-label {
  height: 100%;
  margin-top: 0.25rem;
  margin-left: 0.125rem;
}
.main__signage-sub-form-title {
  margin-bottom: 1.375rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
.main__signage-input-box {
  height: 100%;
}
.main__signage-input-textarea {
  height: 100%;
  resize: none;
  font-size: 1.125rem;
}
.main__signage-input-textarea.uk-textarea {
  padding: 1rem;
  border: 1px solid #C1C2C6;
}
@media screen and (max-width: 1800px) {
  .main__signage-input-textarea.uk-textarea {
    padding: 0.5rem;
  }
}
.main__signage-input-add-box {
  padding: 1.875rem 1rem;
}
.main__signage-add-btn {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}
.main__signage-add-btn:hover, .main__signage-add-btn:focus, .main__signage-add-btn:active {
  opacity: 0.5;
}
.main__signage-add-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__display-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.main__display-content--signage {
  background: url("../img/common/main_logo.svg") center center no-repeat;
  background-size: 46.97% 33.13%; /* 902px 332px */
}
/*--> pbi:162 */
.main__translation-image {
  flex: 0 0 63%;
  display: flex;
  padding: 1.5rem; /* 24px */
  background: #def5f4;
  overflow: hidden;
  border-bottom: 2px solid #2e3341;
  position: relative;
}
.main__column-image {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  background: #ffffff;
  position: relative;
  border: 0.5px solid #2bb2a9;
}
/* .main__column-image {
  flex: 1;
  background: #ffffff;
  position: relative;
  border: 0.5px solid #2bb2a9;
  padding-top: 16px;
  padding-bottom: 16px;
} */
.main__column-image-area {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 16px;
  padding-bottom: 16px;
}
.main__column-translation-hasimage {
  /* width: 100%;
  height: 100%; */
  /*margin-top: -10px; /* (60px - 50px) / 2) */
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
}
.main__column-translation-hasimage::-webkit-scrollbar {
  display: none;
}
/*<-- pbi:162 */
.main__translation-column {
  padding: 2rem 1.5rem 1.875rem; /* 32px 24px 30px */
  flex: 1;
  background: #def5f4;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}
/* <!-- pbi: 162 --> */
.main__translation-column-hasimage {
  padding: 0rem 1.5rem 0rem; /* 32px 24px 30px */
}
.main__translation-column[data-langcode="zh-CN"] .main__column-translation .main__p-sp {
	font-family: "Noto Sans SC";
}
.main__translation-column[data-langcode="ko"] .main__column-translation .main__p-sp {
	font-family: "Noto Sans KR";
}
.main__translation-column[data-langcode="my"] .main__column-translation .main__p-sp {
	line-height: 1.7;
}
.main__translation-column:nth-child(2n) {
/*  background: #E9EAEB;*/                     /* pbi: 1341 */
/*  border-top: 1px solid #777A83; */          /* pbi: 1341 */
/*  border-bottom: 1px solid #777A83; */       /* pbi: 1341 */
  background: #ffffff;
/*  border-bottom: 1px solid #2BB2A9;           /* pbi: 1341 */
}
/* BT: 区切り線追加 20241115 */
.main__translation-column:nth-child(n+2) {
	/*border-top: solid 1px;                      /* pbi: 1341 */
  border-top: solid 1px #2BB2A9;                  /* pbi: 1341 */
}
.main__column-country {
  width: 3.5%;
  max-width: 60px;
  min-width: 42px;
  margin-right: 1.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: -0.5px;
  gap: 1.125rem;
}
/* <!-- pbi: 162 --> */
.main__column-country-hasimage {
  margin-top: 4px;
  flex-direction: row;
}
.main__column-translation {
  width: 100%;
  /* height: 100%; */
}
/* <!-- pbi: 162 --> */
.main__column-translation-noimage {
  /* width: 100%; */
  /* height: 100%; */
  margin-top: -5px; /* (60px - 50px) / 2) */
  /* font-family: "Roboto"; */
  /* font-family: "Roboto", "Noto Sans JP"; */
  font-size: 50px;
  /* 	letter-spacing: 4px; */
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.main__column-translation::-webkit-scrollbar {
  display: none;
}
.main__column-translation.font-l {
  font-size: 78px;
}
.main__column-translation.font-m {
  font-size: 64px;
}
.main__column-translation.font-s {
  font-size: 50px;
}
.main__column-translation.size-112 {
  margin-top: -28px; /* (168px - 112px) / 2) */
  font-size: 7rem; /* 112px */
  line-height: 1.5;
}
.main__column-translation.size-85 {
  margin-top: -9px; /* (102px - 85px) / 2) */
  font-size: 5.3125rem; /* 85px */
  line-height: 1.2;
}
.main__column-translation.size-75 {
  margin-top: -11px; /* (98px - 75px) / 2) */
  font-size: 4.6875rem; /* 75px */
  line-height: 1.3;
}
.main__column-translation.size-67 {
  margin-top: -14px; /* (94px - 67px) / 2) */
  font-size: 4.1875rem; /* 67px */
  line-height: 1.4;
  letter-spacing: 0;
}
.main__column-translation.size-56 {
  margin-top: -6px; /* (67px - 56px) / 2) */
  font-size: 3.5rem; /* 56px */
  line-height: 1.2;
}
.main__column-translation.size-48 {
  margin-top: -10px; /* (68px - 48px) / 2) */
  font-size: 3rem; /* 48px */
  line-height: 1.4;
}
.main__column-translation--jp {
  /* font-family: "BIZ UDGothic"; */
  font-family: "Roboto", "Noto Sans JP";
  letter-spacing: 0;
}
.main__column-translation[data-langcode="zh-CN"] .main__p-sp {
  font-family: "Noto Sans SC", "Roboto";
}
.main__column-translation[data-langcode="ko"] .main__p-sp {
  font-family: "Noto Sans KR", "Roboto";
}
[data-langcode="zh-CN"] .main__translate-content-txt--trans {
  font-family: "Noto Sans SC", "Roboto";
}
[data-langcode="ko"] .main__translate-content-txt--trans {
  font-family: "Noto Sans KR", "Roboto";
}

.main__p-sp {
  margin: 0 0 0.5rem;
  line-height: 1.5;
  white-space: pre-wrap;    /* 改行を有効にする */  /* <!-- pbi: 367 --> */
  word-break: break-word;     /* <!-- pbi: 1753 --> */
  overflow-wrap: break-word;  /* <!-- pbi: 1753 --> */
}
.main__p-sp:last-child {
  margin: 0;
}
/* <!-- pbi: 162 --> */
.main__column-translation-hasimage .main__p-sp {
  margin: 0 0 0.5rem;
  white-space: nowrap;    /* 改行を無効にする */
  display: flex;
  align-items: center;      /* 上下中央揃え */
  height: 100%;             /* 親要素の高さに合わせる */
}

.main__p {
  margin: 0 0 0.5rem;
}
/* <!-- pbi: 2066 --> */
.main__p-sp.wait {
  /* color: #2E3341; */
  /* color: #585C67; */
  color: #96989F;
  /* color: #C1C2C6; */
  /* color: #777A83; */
}
.main__template-content-wrap {
  position: relative;
  flex: 1;
  height: 100%;
  padding-top: 2.875rem; /* 46px */
  padding-right: 1rem; /* offset for scrollbar */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* overflow: hidden; */
}
@media screen and (max-width: 1800px) {
  .main__template-content-wrap {
    padding-top: 1.5rem; /* 24px */
  }
}
.main__template-column-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.main__dict-search-row {
  margin: 0 0 2.375rem 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  .main__dict-search-row {
    margin-left: 1rem;
  }
}
.main__dict-filter-row {
  margin: 0 0 1rem 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main__dict-filter-row--btn-box {
  margin: 0 0 1.125rem 2rem;
  gap: 0.625rem;
}
@media screen and (max-width: 1800px) {
  .main__dict-filter-row {
    margin-left: 1rem;
  }
}
.main__dict-filter-title {
  width: 5.625rem; /* 90px */
  margin-right: 1.75rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 1800px) {
  .main__dict-filter-title {
    margin-right: 0.75rem;
  }
}
.main__dict-filter-category-box {
  width: 35rem; /* 560px */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__dict-filter-category-box label {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  .main__dict-filter-category-box {
    width: 28.75rem; /* 460px */
  }
}
.main__dict-filter-btn {
  width: 10.25rem; /* 164px */
  height: 2.25rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__dict-filter-btn:hover, .main__dict-filter-btn:focus, .main__dict-filter-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__dict-filter-btn--filter {
  color: #ffffff;
  background: #2E3341;
}
.main__dict-filter-btn--filter:visited {
  color: #ffffff;
}
.main__dict-filter-btn--filter:hover, .main__dict-filter-btn--filter:focus, .main__dict-filter-btn--filter:active {
  opacity: 1;
  background: rgba(67, 72, 84, 0.8);
  border-color: rgba(67, 72, 84, 0.8);
}
.main__dict-filter-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__dict-select-btn {
  width: 16.25rem;
  padding: 0.5rem 0.875rem;
  font-size: 1rem;
  color: #2E3341;
  line-height: 1;
  display: inline-block;
  text-align: center;
  border: solid 1px #2E3341;
}
.main__dict-select-btn:hover, .main__dict-select-btn:focus, .main__dict-select-btn:active {
  opacity: 1;
  color: #2E3341;
}
.main__dict-select-btn.disabled {
  opacity: 0.3;
}
.main__dict-filter-keyword-box {
  position: relative;
  width: 27%;
  min-width: 25rem; /* 400px */
  margin-right: 1.75rem;
}
.main__dict-filter-keyword-box--template {
  width: 35rem; /* 560px */
}
@media screen and (max-width: 1800px) {
  .main__dict-filter-keyword-box {
    min-width: 21.25rem; /* 340px */
    margin-right: 1rem;
  }
  .main__dict-filter-keyword-box--template {
    width: 28.75rem; /* 460px */
  }
}
.main__dict-list {
  /* width: calc(100% - 2.75rem); */
  flex: 1;
  position: relative;
  width: 100%;
  /* height: 100%; */
  /* 		margin-left: 2.75rem; */
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.main__dict-list-header {
  /* padding: 0 1rem 0.125rem 1.5rem; */
  position: relative;
  height: 2.4375rem;
  /* 		padding: 0 0 0.125rem; */
  background: #F7F7F8;
  display: flex;
  align-items: center;
  border-top: 2px solid #2E3341;
  border-bottom: solid 1px #707070;
}
.main__dict-list-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 314px; /* 314px */
  height: 100%;
  border-right: 1px solid #96989F;
  pointer-events: none;
}
.main__dict-list-content {
  position: relative;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}
.main__dict-list-content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 314px; /* 314px */
  height: 100%;
  border-right: 1px solid #96989F;
  pointer-events: none;
}
.main__dict-list-content-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding-right: 0.5rem; */
  overflow-y: auto;
  overflow-x: hidden;
  /* display: none; */
}
.main__dict-list-content-wrap::-webkit-scrollbar {
  width: 8px;
}
.main__dict-list-content-wrap::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__dict-list-content-wrap::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__dict-list-col {
  line-height: 1.388;
  box-sizing: border-box;
}
.main__dict-list-col--checkbox {
  width: 64px;
  margin-top: 1px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main__dict-list-col--checkbox .uk-checkbox {
  margin-right: 0;
}
.main__dict-list-col--edit {
  /* width: 70px; */
  width: 46px;
  margin-top: 1px;
}
.main__dict-list-col--read {
  width: 440px;
  padding-right: 3.125rem;
}
.main__dict-list-col--display {
  width: 440px;
  padding-right: 3.125rem;
}
.main__dict-list-col--jp {
  /* width: clamp(180px, 12.44%, 212px); */
  width: 180px;
}
.main__dict-list-col--other {
  flex: 0 0 auto; /* Let the width be determined by content */
  width: clamp(170px, 15.937%, 189px);
  height: 100%;
  margin-right: 10px;
  padding: 0 0.5rem;
  scroll-snap-align: start;
}
.main__dict-list-col--prev {
  width: 24px;
  height: 100%;
  margin-right: 8px;
}
.main__dict-list-col--next {
  width: 24px;
  height: 100%;
  margin-left: 8px;
}
.main__dict-list-col--new {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem; /* 20px */
}
.main__menu-flag-img {
  height: 1.875rem;
  width: auto;
  margin-right: 0.5rem;
}
.main__menu-lang-name {
  width: calc(100% - 1.875rem - 0.5rem);
  font-size: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main__dict-check-box {
  display: flex;
  gap: 1.25rem;
  font-size: 1rem;
}
.main__dict-check-box .main__form-radio-input, .main__dict-check-box .main__form-label {
  margin-bottom: 0;
}
.main__dict-other-row {
  flex: 1;
  display: flex;
  overflow: hidden;
  max-width: 100%;
  /* scroll-snap-type: x mandatory; */ /* Enable horizontal scrolling and mandatory snap */
}
.main__dict-other-inner {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap; /* Prevent wrapping */
  scroll-padding: 0 15.937%; /* dicl-list-col--otherの幅分 */
}
.main__dict-item {
  position: relative;
  min-height: 2.75rem; /* 44px */
  padding: 0.75rem 0;
  /* padding: 0.75rem 0 0.75rem 1.5rem; */
  /* padding: 0.75rem 0; */
  display: flex;
  align-items: flex-start;
  /* 		&:not(.main__dict-item--label) {
  			& .main__dict-list-col--read, .main__dict-list-col--jp {
  				padding-left: 2rem;
  			}
  		} */
  word-break: break-word;     /* <!-- pbi: 1753 --> */
  overflow-wrap: break-word;  /* <!-- pbi: 1753 --> */
}
.main__dict-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  border-bottom: solid 1px rgba(46, 51, 65, 0.1);
}
.main__dict-item--label {
  background: #E2E2E2;
}
.main__dict-form-header-padding-wrap {
  width: calc(100% - 11px);
  margin-right: 11px;
}
.main__dict-form-header {
  width: 100%;
  /* padding-right: 0.5rem; */ /* .main__setting-content スクロールバー分 */
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  align-items: center;
  /* gap: 0.5rem; */
}
.main__dict-form-header--translate {
  align-items: flex-end;
}
.main__dict-form-header--dummy {
  min-height: 2.75rem; /* 44px */
  margin: 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #2E3341;
}
.main__dict-form-header--dict {
  margin: 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #2E3341;
}
.main__dict-form-header--dict .main__dict-total-count {
  padding-top: 0.5rem;
}
.main__dict-header-btn {
  min-width: 13.625rem; /* 218px */
  height: 2.25rem;
  padding: 0 1.25rem;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__dict-header-btn--dict-select-new, .main__dict-header-btn--dict-select-all {
  min-width: 15.5rem; /* 248px */
}
.main__dict-header-btn:hover, .main__dict-header-btn:focus, .main__dict-header-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__dict-header-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__dict-delete-btn {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  text-indent: -9999px;
  background: url("../img/common/bt_trash.svg") top left no-repeat;
  background-size: contain;
}
.main__dict-delete-btn:hover, .main__dict-delete-btn:focus, .main__dict-delete-btn:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__dict-delete-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__dict-edit-btn {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  text-indent: -9999px;
  background: url("../img/common/bt_edit-large.svg") top left no-repeat;
  background-size: contain;
}
.main__dict-edit-btn:hover, .main__dict-edit-btn:focus, .main__dict-edit-btn:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.main__dict-edit-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__dict-lang-box {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main__dict-lang-name {
  width: calc(100% - 1.875rem - 0.625rem);
  font-size: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main__dict-flag-img {
  height: 1.25rem;
  width: auto;
  margin-right: 0.625rem;
}
.main__other-lang-link {
  display: block;
  width: 24px;
  height: 36px;
  text-indent: -9999px;
}
.main__other-lang-link--prev {
  background: url("../img/common/bt_lang_prev.svg") top center no-repeat;
  background-size: contain;
}
.main__other-lang-link--next {
  background: url("../img/common/bt_lang_next.svg") top center no-repeat;
  background-size: contain;
}
.main__other-lang-link:hover--prev, .main__other-lang-link:focus--prev, .main__other-lang-link:active--prev {
  background: url("../img/common/bt_lang_prev_hover.svg") top center no-repeat;
  background-size: contain;
}
.main__other-lang-link:hover--next, .main__other-lang-link:focus--next, .main__other-lang-link:active--next {
  background: url("../img/common/bt_lang_next_hover.svg") top center no-repeat;
  background-size: contain;
}
.main__other-lang-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__template-alert-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 46.75%;
  max-width: 45rem; /* 720px */
  min-height: 6.125rem; /* 98px */ /* 2025-02-11 */
  /* max-height: 12.875rem;  */ /* 206px */
  max-height: 95vh; /* 2025-02-13 */
  margin-left: auto;
  padding: 0.75rem 1.5625rem;
  background: #E2E2E2;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  /* box-shadow: 0px 3px 8px 0 rgba($baseblack, 0.3); */ /* 2025-02-11 */
  box-shadow: 0px 8px 8px -5px rgba(46, 51, 65, 0.3);
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1800px) {
  .main__template-alert-box {
    width: 27.5rem; /* 440px */
    /* max-height: 10.5rem; */ /* 168px */
    padding: 0.75rem 0.875rem;
  }
}
.main__template-account-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__template-account-toggle-link {
  display: flex;
  align-items: center;
}
.main__template-account-toggle {
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -9999px;
  background: url("../img/common/bt_tab_close.svg") top left;
  background-size: contain;
}
.main__template-account-toggle.close {
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.main__template-account-toggle:hover, .main__template-account-toggle:focus, .main__template-account-toggle:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__template-account-list {
  height: 100%;
  margin: 0;
  /* padding: 0;
  padding-right: 8px; */
  padding: 4px 8px 4px 0; /* 上下のpaddingを0にすると.main__template-account-item spanにRoboto, Noto Sans JPのテキストを設定したときに縦スクロールバーが表示されてしまう。*/
  list-style: none;
  display: none;
  overflow-y: scroll; /* scroll; 2025-02-12 BT koby */
  overflow-x: hidden;
}
.main__template-account-list::-webkit-scrollbar {
  width: 8px;
  margin-right: 8px;
}
.main__template-account-list::-webkit-scrollbar-track {
  margin: 0.25rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__template-account-list::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__template-account-item {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.375rem;
  flex-wrap: wrap;
  gap: 0.375rem 1.25rem;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.5px;
}
.main__template-account-item:last-child {
  margin: 0;
}
@media screen and (max-width: 1800px) {
  .main__template-account-item {
    font-size: 1rem;
  }
}
.main__template-account-header {
  position: relative;
  margin-bottom: 0.25rem;
  padding-left: 1.0625rem;
  line-height: 0;
}
.main__template-account-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto 0;
  display: block;
  background: #FF0000;
  border-radius: 100vw;
}
@media screen and (max-width: 1800px) {
  .main__template-account-header {
    font-size: 1rem;
  }
}
.main__template-alert-list {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main__template-alert-item {
  position: relative;
  padding-left: 1.0625rem;
  /* margin-bottom: 0.375rem; */ /* 2025-02-11 */
  font-size: 1.25rem;
  letter-spacing: -0.5px;
}
.main__template-alert-item:last-child {
  margin: 0;
}
.main__template-alert-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto 0;
  display: block;
  background: #FF0000;
  border-radius: 100vw;
}
@media screen and (max-width: 1800px) {
  .main__template-alert-item {
    font-size: 1rem;
  }
}
.main__template-list-header {
  position: relative;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  border-top: 2px solid #2E3341;
  border-bottom: solid 1px #707070;
  flex-shrink: 0;
  background-color: #f7f7f8; /* BT: 背景色指定漏れ */
}
.main__template-list-wrap {
  position: relative;
  flex: 1;
  /* overflow: hidden; */
}
.main__template-list {
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding-right: 0.5rem; */
  /* 		overflow-y: auto;
  		overflow-x: hidden; */
  /* display: none; */
  /* &::-webkit-scrollbar-track { */
  /* margin: 0.5rem 1.25rem;  */ /* スクロールバー上下左右のマージン */
  /* } */
  /* &::-webkit-scrollbar-thumb {
  	border-right: 2px solid transparent;
  	border-left: 2px solid transparent;
  	background-clip: padding-box;
  	background-color: $dark_1;
  	border-radius: 100vw;
  } */
  /* Simplebar custom styles */
}
.main__template-list::-webkit-scrollbar {
  width: 8px;
  display: none;
}
.main__template-list .simplebar-scrollbar::before {
  background-color: #96989F;
}
.main__template-list .simplebar-track.simplebar-vertical {
  width: 8px;
  right: -16px; /* Move scrollbar 16px to the right */
}
.main__template-list .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  right: 0;
  width: 8px;
}
.main__scroll-list {
  position: absolute;
  width: 100%;
  height: 100%;
  width: calc(100% + 1rem);
  padding-right: 0.5rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main__scroll-list::-webkit-scrollbar {
  width: 8px;
}
.main__scroll-list::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__scroll-list::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__scroll-list--common-template .main__log-item-header {
  position: sticky;
  top: 0;
  background: #f5f5f5;
  z-index: 10;
  margin-bottom: 1px;
}
.main__scroll-list--common-template .main__log-txt-list {
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.main__log-item-header {
  height: 2.375rem;
  padding: 0 1.375rem;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
  background: #E4E5E6;
  display: flex;
  align-items: center;
}
.main__log-item-date {
  width: 27.5%;
  min-width: 13.75rem; /* 220px */
}
.main__log-item-author {
  width: 17.75%;
  min-width: 8.875rem; /* 142px */
}
.main__log-item-category {
  /* width: 5.4375rem; 87px */
  width: 8.3125rem; /* 133px */		/* <!-- pbi: 162 --> */
  font-size: 1.125rem;
}
.main__log-item-count {
  font-size: 1rem;
}
.main__log-txt-list {
  margin: 0.25rem 0;
  padding: 0;
  list-style: none;
}
.main__log-txt-item {
  position: relative;
  min-height: 2.75rem; /* 44px */
  padding: 0.75rem 0;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #E4E5E6;
}
.main__log-txt-item:last-child {
  border: none;
}
.main__log-favorite-box {
  width: 3.375rem; /* 54px */
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__log-favorite-count {
  font-size: 1.125rem;
}
.main__template-list-col {
  line-height: 1.388;
  box-sizing: border-box;
}
.main__template-list-col--checkbox {
  width: 64px;
  margin-top: 1px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main__template-list-col--checkbox .uk-checkbox {
  margin-right: 0;
}
.main__template-list-col--edit {
  /* width: 70px; */
  width: 46px;
  margin-top: 1px;
}
/* <!-- pbi: 162 --> */
.main__template-list-col--image {
  /* width: 70px; */
  width: 46px;
  margin-top: 1px;
}
.main__template-list-col--text {
  flex: 1;
  margin-top: -2px; /* (22px - 18px) / 2 */
  font-size: 1.125rem;
  word-break: break-word;     /* <!-- pbi: 1753 --> */
  overflow-wrap: break-word;  /* <!-- pbi: 1753 --> */
}
.main__template-list-col--favorite {
  width: 8.5rem; /* 136px */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main__template-list-col--header-end {
  padding-right: 3.625rem; /* 58px */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main__template-list-col--new {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main__dict-modal-list-content {
  flex: 1;
  position: relative;
  width: calc(100% + 0.5rem);
  padding-right: 0.6875rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
/*--> pbi: 137 */
.main__dict-modal-list-content-translate {
  display: flex;
  flex-direction: column;
}
/*<-- pbi: 137 */
.main__dict-modal-list-content::-webkit-scrollbar {
  width: 8px;
}
.main__dict-modal-list-content::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__dict-modal-list-content::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__dict-modal-content-box {
  width: calc(100% + 22px);
  /* padding-right: 8px; */ /* 2409 */
  padding-right: 11px; /* 2409 */
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.main__dict-modal-list {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.main__dict-modal-list-group {
  margin-bottom: 2.5rem; /* 40px */
  /* 同じ読みの単語が２つ存在します。エラーの場合 例外処理 */
}
.main__dict-modal-list-group--nocheck .main__dict-modal-list-col--checkbox {
  width: 24px;
}
.main__dict-modal-list-group--nocheck .main__dict-modal-list-col--checkbox .main__filter-checkbox {
  display: none;
}
.main__dict-modal-list-group--nocheck .main__dict-modal-list-col--word .main__list-header-label {
  margin-left: 102px;
}
.main__dict-modal-list-group--nocheck .main__dict-input-row {
  align-items: flex-start;
}
.main__dict-modal-list-header {
  position: relative;
  height: 2.4375rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  background: #F7F7F8;
  /* border-top: 2px solid $baseblack; */
  border-bottom: solid 1px #707070;
  flex-shrink: 0;
}
.main__dict-modal-list-header--dict {
  margin-bottom: 0;
  margin-right: 0.6875rem;
}
.main__dict-modal-item {
  position: relative;
  min-height: 2.75rem; /* 44px */
  margin: 0;
  padding: 0;
  margin-bottom: 0.75rem;
  /* 例外処理　*/
}
.main__dict-modal-item--translate {
  margin-bottom: 1.875rem;
}
/*--> pbi: 137 */
.main__dict-modal-item--translate-newdict {
  margin-bottom: 0.75rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
/*<-- pbi: 137 */
.main__dict-modal-item--error .main__dict-text-input--primary {
  pointer-events: none;
}
.main__dict-modal-item--error .main__dict-text-input--primary.uk-input {
  border: none;
  background-color: #EFEFF0;
}
.main__dict-modal-select-item {
  width: 100%;
  display: flex;
  align-items: center;
  /* 例外処理　*/
}
.main__dict-modal-select-item label {
  width: 102px;
  flex-shrink: 0;
}
.main__dict-modal-select-item:has(.main__filter-checkbox:checked) .main__dict-text-input.uk-input {
  border-color: #2E3341;
}
/*--> pbi: 137 */
.main__dict-modal-window-row {
  flex: 0 0 auto;
}
/* <-- pbi: 137 */
.main__dict-input-row {
  position: relative;
  display: flex;
  align-items: center;
}
.main__dict-error-row {
  position: relative;
  min-height: 1.3125rem;
  margin-bottom: 0.3125rem;
  display: flex;
  align-items: center;
}
.main__dict-group-error-row {
  position: relative;
  min-height: 1.75rem;
  padding-left: 1.4375rem; /* 23px */ /* 0920 */
  margin-bottom: 1.125rem;
  display: flex;
  align-items: center;
}
.main__dict-error-col1 {
  flex: 1;
  max-width: 584px;
  /* margin-left: 64px; */ /* 0920 */
  margin-left: 26px; /* 0920 */
}
.main__dict-error-col2 {
  flex: 1;
  max-width: 584px;
  /* margin-left: 86px; */ /* 0920 */
  margin-left: 60px; /* 0920 */
}
.main__dict-total-count {
  line-height: 1;
}
.main__dict-modal-list-col {
  line-height: 1.56;
  box-sizing: border-box;
  /* 		@include mq-lsp {
  			&--read {
  				width: auto;
  				flex: 1;
  			}
  		} */
}
.main__dict-modal-list-col--checkbox {
  width: 64px;
  margin-top: 1px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main__dict-modal-list-col--checkbox .uk-checkbox {
  margin-right: 0;
}
.main__dict-modal-list-col--duplicate-checkbox {
  margin-left: 4px;
  flex: 1;
  max-width: 534px;
}
.main__dict-modal-list-col--lang {
  width: 104px;
  /* margin-left: 8px; */ /* 2409 */
  margin-left: 26px;
  flex-shrink: 0;
}
.main__dict-modal-list-col--lang2 {
  width: 104px;
  flex-shrink: 0;
}
.main__dict-modal-list-col--read {
  flex: 1;
  max-width: 584px;
  padding-left: 26px; /* added 0920 */
}
.main__dict-modal-list-col--word {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main__dict-modal-list-col--arrow {
  width: 86px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__dict-modal-list-col--arrow.center {
  padding-top: 56px;
}
.main__dict-modal-list-col--modal-arrow {
  width: 80px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__dict-modal-list-col--input {
  width: 102px;
  display: flex;
  align-items: center;
}
.main__dict-modal-list-col--new {
  /* 		flex: 1; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem; /* 20px */
}
.main__dict-modal-list-col--primary {
  flex: 1;
  max-width: 430px;
}
.main__dict-modal-list-col--secondary {
  flex: 1;
  max-width: 430px;
}
.main__dict-modal-list-col--translate {
  flex: 1;
  /* padding-left: 0.75rem; */ /* 2409 */
  padding-left: 26px; /* 2409 */
  /*border-left: 1px solid #96989F; */	/* pbi: 137 */
}
.main__dict-modal-list-col--translate:nth-child(1) {
  border-color: transparent;
}
.main__dict-modal-list-col--translate-dummy {
  width: 47px;
  flex-shrink: 0;
}
.main__dict-modal-list-col--sub1 {
  width: 154px;
  flex-shrink: 0;
}
.main__dict-modal-list-col--sub2 {
  flex: 1;
}
.main__dict-modal-list-col--top-window {
  position: relative;
  bottom: 0;
  left: 0;
  height: auto;
  margin-right: 0.625rem;
  flex: 1;
}
.main__dict-modal-list-col--top-window.open {
  height: 76px;
}
.main__dict-modal-list-col .main__list-header-label {
  height: 2.25rem;
  /* padding-left: 1rem; */ /* 0920 */
  display: flex;
  align-items: center;
  line-height: 1;
}
@media screen and (max-width: 1800px) {
  .main__dict-modal-list-col--translate-dummy {
    width: 39px;
  }
  .main__dict-modal-list-col--sub1 {
    width: 146px;
  }
  .main__dict-modal-list-col--lang {
    width: 96px;
    margin-left: 26px;
  }
  .main__dict-modal-list-col--lang2 {
    width: 88px;
  }
}
.main__dict-error-msg {
  position: relative;
  color: #FF0000;
  font-size: 1.0625rem;
  line-height: 1;
  padding-left: 1.6875rem; /* 27px */
  display: flex;
  align-items: center;
}
.main__dict-error-msg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.3125rem;
  height: 1.3125rem;
  margin: auto 0;
  display: block;
  background: url("../img/common/ic_caution.svg") center center no-repeat;
  background-size: contain;
}
.main__dict-header-error-msg {
  position: relative;
  color: #FF0000;
  font-size: 1.375rem;
  padding-left: 2.375rem; /* 38px */
  display: flex;
  align-items: center;
}
.main__dict-header-error-msg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  margin: auto 0;
  display: block;
  background: url("../img/common/ic_caution.svg") center center no-repeat;
  background-size: contain;
}
.main__dict-arrow {
  width: 2.875rem; /* 46px */
  height: 2.75rem; /* 44px */
  display: block;
  text-indent: -9999px;
  background: url("../img/common/ic_dict_arrow.svg") center center no-repeat;
  background-size: 2.875rem 0.625rem;
}
.main__dict-add-box {
  margin: 1rem 1.75rem; /* 16px 28px */
}
.main__dict-text-input {
  max-width: 584px;
  font-size: 1.125rem;
  line-height: 1;
}
.main__dict-text-input.uk-input {
  height: 2.75rem; /* 44px */
  border-color: #C1C2C6;
}
.main__dict-text-input.error {
  border-color: #FF0000;
}
.main__template-modal-content-box {
  width: calc(100% + 22px);
  padding-right: 0.5rem;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.main__template-modal-content {
  flex: 1;
  position: relative;
  width: calc(100% + 0.5rem);
  padding-right: 0.6875rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main__template-modal-content::-webkit-scrollbar {
  width: 8px;
}
.main__template-modal-content::-webkit-scrollbar-track {
  margin: 0.5rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.main__template-modal-content::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__template-register-desc {
  font-size: 18px;
  line-height: 1.388;
}
.main__template-register-box {
  padding: 0.75rem 1.25rem 1.25rem;
  background: #DEF5F4;
  border: 1px solid #2E3341;
  border-radius: 1.25rem;
  box-shadow: 0px 3px 8px 0 rgba(46, 51, 65, 0.3);
}
.main__template-register-content {
  width: 100%;
  height: 13.25rem; /* 212px */
  padding: 0.875rem 0.5rem 0.875rem 1rem;
  background: #ffffff;
  border: none;
  border-radius: 0.625rem;
  overflow: hidden;
}
.main__template-register-top-row {
  margin-bottom: 1rem;
  margin-left: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__show-btn {
  min-width: 8.4375rem; /* 135px */
  padding: 0 1rem;
  height: 2rem;
  font-size: 1.125rem;
  line-height: 1;
  background: #ffffff;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__show-btn:hover, .main__show-btn:focus, .main__show-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__show-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__template-register-filter-row {
  margin-bottom: 1rem;
  margin-left: 1rem;
  display: flex;
  align-items: center;
}
.main__template-register-filter-title {
  margin-right: 2.625rem; /* 42px */
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 1800px) {
  .main__template-register-filter-title {
    font-size: 1rem;
    margin-right: 1rem;
  }
}
.main__template-register-filter-category-box {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
.main__template-register-filter-category-box label {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1;
}
@media screen and (max-width: 1800px) {
  .main__template-register-filter-category-box {
    gap: 1rem;
  }
  .main__template-register-filter-category-box label {
    font-size: 1rem;
  }
}
.main__dict-modal-list-row {
  min-height: 4.75rem; /* 76px */
  padding: 1rem 0;
  margin-bottom: 1rem;
  background: #E4E5E6;
  display: flex; /* 2409 */
  flex-direction: column; /* 2409 */
  justify-content: center; /* 2409 */
  /* 例外処理　2409 */
  flex: 0 0 auto;	/* pbi: 137 */
}
.main__dict-modal-list-row:has(.main__dict-modal-error-row) {
  padding: 0.5rem 0 1rem;
}
.main__dict-modal-input-row {
  display: flex;
  align-items: center;
}
.main__dict-modal-error-row {
  position: relative;
  min-height: 1.3125rem;
  margin-bottom: 0.3125rem;
  display: flex;
  align-items: center;
}
.main__modal-list-lang-box {
  height: 1.25rem;
  display: flex;
  align-items: center;
}
.main__modal-list-lang-box .main__menu-flag-img {
  height: 100%;
}
@media screen and (max-width: 1800px) {
  .main__modal-list-lang-box {
    font-size: 0.9375rem;
  }
  .main__modal-list-lang-box .main__menu-flag-img {
    margin-right: 0.25rem;
  }
}
.main__dict-modal-copy-box {
  flex: 1;
  margin-left: 1.375rem; /* 22px */
  max-width: 20.25rem; /* 324px */
}
.main__dict-modal-copy-btn {
  position: relative;
  padding: 0 1rem;
  width: 20.25rem; /* 324px */
  height: 2.875rem;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1;
  background: #4A77F2;
  border-radius: 100vh;
  box-shadow: 0px 3px 8px 0 rgba(46, 51, 65, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 2;
}
.main__dict-modal-copy-btn:visited {
  color: #ffffff;
  background: #4A77F2;
}
.main__dict-modal-copy-btn:hover, .main__dict-modal-copy-btn:focus, .main__dict-modal-copy-btn:active {
  opacity: 1;
  background-color: rgba(74, 119, 242, 0.8);
}
.main__dict-modal-copy-btn.active {
  opacity: 1;
  background-color: #2A63FC;
}
.main__dict-modal-copy-btn.disabled {
  color: #ffffff;
  background-color: #DBE4FC;
  pointer-events: none;
  box-shadow: none;
}
.main__dict-modal-copy-btn span {
  position: relative;
  padding-left: 1.25rem;
}
.main__dict-modal-copy-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  height: 17px;
  margin: auto 0;
  display: block;
  background: url("../img/common/ic_arrow_down.svg") top left;
  background-size: contain;
}
@media screen and (max-width: 1800px) {
  .main__dict-modal-copy-btn {
    font-size: 1.125rem;
    width: 17.5rem; /* 280px */
  }
}
.main__dict-modal-error-col1 {
  flex: 1;
  max-width: 430px;
  /* margin-left: 176px; */ /* 2409 */
  margin-left: 130px; /* 2409 */
}
@media screen and (max-width: 1800px) {
  .main__dict-modal-error-col1 {
    max-width: 320px;
    margin-left: 122px; /* 2409 */
  }
}
.main__dict-modal-error-col2 {
  flex: 1;
  max-width: 430px;
  margin-left: 184px;
}
@media screen and (max-width: 1800px) {
  .main__dict-modal-error-col2 {
    max-width: 320px;
    margin-left: 170px; /* 2409 */
  }
}
.main__dict-modal-translate-list-row {
  display: flex;
  justify-content: space-between;
 /* gap: 0.75rem;*/	/* pbi: 137 */
}
/*--> pbi: 137 */
.main__dict-modal-translate-list-row-newdict {
  flex: 1;
}
.main__dict-modal-translate-column-tytle {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  overflow: hidden;
}
.main__dict-modal-translate-column-contents {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}
.main__dict-modal-translate-column-contents::-webkit-scrollbar {
  display: none;
}
/*<-- pbi: 137 */
.main__dict-modal-sub-header, .main__dict-modal-sub-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0.75rem;			/* pbi: 137 */
  border-right: 1px solid #96989F;	/* pbi: 137 */

}
.main__sub-lang-box {
  height: 1.25rem;
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
  line-height: 1;
  text-wrap: nowrap;
}
.main__sub-lang-box .main__menu-flag-img {
  height: 100%;
  width: auto;
}
.main__translation-window {
  width: 100%;
  /* height: 8.375rem; */ /* 134px */
  padding: 0;
  margin-bottom: 22px;	/* pbi: 137 */
  background: #F1F4FF;
  border-top: 1px solid #96989F;
}
.main__translation-window-row {
  height: 100%;
  min-height: 5.4375rem; /* 87px */
  /* padding: 2rem 0 0.75rem; */
  position: relative;
  display: flex;
}
.main__window-toggle {
  width: 100%;
  height: 2.25rem; /* 36px */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2E3341;
  line-height: 1;
  background: #F7F7F8;
}
.main__window-toggle span {
  position: relative;
}
.main__window-toggle span:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2rem;
  width: 1.875rem;
  height: 1.875rem;
  margin: auto 0;
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.main__window-toggle.open span {
  position: relative;
}
.main__window-toggle.open span:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2rem;
  width: 1.875rem;
  height: 1.875rem;
  margin: auto 0;
  background: url("../img/common/bt_tab_close.svg") top left;
  background-size: contain;
}
.main__window-status-link {
  position: absolute;
  top: 0.125rem;
  right: 0.4375rem;
  display: flex;
  align-items: center;
  z-index: 5;
}
.main__window-status {
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -9999px;
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.main__window-status:hover, .main__window-status:focus, .main__window-status:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.main__translation-window-col {
  padding: 2rem 1.5rem 0.8125rem;
}
.main__translation-window-col--lang {
  position: relative;
  width: 12.79%;
  min-width: 18.25rem; /* 292px */
  background: #BACBFF;
}
.main__translation-window-col--btn {
  /* width: 64px;
  height: 44px; */
  /* padding: 2rem 0 0.8125rem; */
  margin-top: 2rem;
  padding: 0;
}
.main__translation-window-col--jp, .main__translation-window-col--translate, .main__translation-window-col--return {
  position: relative;
  width: 25%;
  min-width: 26.875rem; /* 430px */
  /* margin-right: 2px; */
  /* 例外処理 */
}
.main__translation-window-col--jp .main__dict-text-input--window.uk-input, .main__translation-window-col--translate .main__dict-text-input--window.uk-input, .main__translation-window-col--return .main__dict-text-input--window.uk-input {
  height: auto;
  min-height: 2.75rem; /* 44px */
  border-color: #C1C2C6;
  field-sizing: content;
  resize: none;
}
.main__translation-window-col--jp {
  padding-right: 6px;
}
.main__translation-window-col--translate {
  padding-left: 6px;
}
.main__translation-window-col--translate, .main__translation-window-col--return {
  /* 例外処理 */
}
.main__translation-window-col--translate .main__translation-window-label, .main__translation-window-col--return .main__translation-window-label {
  color: #485F8D;
}
.main__translation-window-col--translate .main__dict-text-input--window, .main__translation-window-col--return .main__dict-text-input--window {
  color: #485F8D;
  border: none;
  border-top: 1px solid #C1C2C6;
  background: transparent;
}
.main__dict-text-input--window.processing {
  opacity: 0.2;
}

@media screen and (max-width: 1800px) {
  .main__translation-window-col {
    padding: 2rem 1rem 0.8125rem;
  }
  .main__translation-window-col--lang {
    min-width: 12.5rem; /* 200px */
    /* 例外処理 */
  }
  .main__translation-window-col--lang .main__form-select {
    font-size: 1rem;
  }
  .main__translation-window-col--btn {
    margin-top: 2rem;
    padding: 0;
  }
  .main__translation-window-col--jp, .main__translation-window-col--translate, .main__translation-window-col--return {
    min-width: 240px; /* 240px */
  }
  .main__translation-window-col--jp {
    padding-right: 6px;
  }
  .main__translation-window-col--translate {
    padding-left: 6px;
  }
}
.main__translation-window-input-wrap {
  position: relative;
}
.main__translation-window-label {
  position: absolute;
  top: -1.5rem;
  left: 0.25rem;
  color: #2E3341;
  text-wrap: nowrap;
}
/* Google帰属表示 <!-- pbi: 515 --> */
.main__translation-window-btm-container{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
  padding: 4px;
  background-color: white;
}
.main__translation-window-label--btm {
  top: auto;
  bottom: -24px;
  left: 32px;
}
@media screen and (max-width: 1800px) {
  .main__translation-window-label {
    font-size: 0.9375rem;
  }
  .main__translation-window-label--btm {
    left: 16px;
  }
}

/* Google帰属表示 <!-- pbi: 515 --> */
.main__translate-window-googletransicon {
  top: auto;
  bottom: -22px;
  margin-right: 0px;
}
@media screen and (max-width: 1800px) {
  .main__translate-window-googletransicon {
    left: 16px;
  }
}
.main__translation-window-select-wrap {
  width: 100%;
}
.main__translation-window-select-wrap:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #2E3341;
  content: "";
  position: absolute;
  right: 20px;
  top: 18px;
  bottom: 0;
  width: 0;
  pointer-events: none;
}
.main__translation-window-select-wrap.disabled .main__form-select {
  background: #E4E5E6;
  border-color: #E4E5E6;
  pointer-events: none;
}
.main__translation-window-select-wrap.disabled:after {
  border: none;
}
.main__translation-window-btn {
  width: 72px;
  height: 44px;
  display: block;
  text-indent: -9999px;
  background: url("../img/common/bt_window_translate.svg") top left no-repeat;
  background-size: contain;
}
.main__translation-window-btn:hover, .main__translation-window-btn:focus, .main__translation-window-btn:active {
  opacity: 0.5;
}
.main__translation-window-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__dict-header-error-row {
  margin-left: 1.125rem;
  margin-bottom: 1.125rem;
}
.main__dict-modal-duplicate-box {
  padding: 1.75rem 1.375rem;
  /* 例外処理　*/
}
.main__dict-modal-duplicate-box:has(.main__filter-checkbox:checked) .main__dict-text-input.uk-input {
  border-color: #2E3341;
}
.main__dict-modal-duplicate-box--registered {
  padding: 0 1.375rem 1.75rem;
  border-bottom: 1px solid #E4E5E6;
}
.main__dict-modal-duplicate-box .main__dict-modal-translate-list-row {
  padding-left: 1.0625rem;
}
.main__dict-modal-duplicate-checkbox-row {
  margin-bottom: 1.875rem;
  display: flex;
  align-items: center;
}
.main__dict-modal-duplicate-checkbox-row label {
  display: flex;
  align-items: center;
  line-height: 1;
}
.main__help-main-box {
  width: 100%;
  height: 100%;
  padding: 2.1875rem 2.75rem 0;
  overflow: auto;
}
.main__help-main-box::-webkit-scrollbar {
  width: 8px;
}
.main__help-main-box::-webkit-scrollbar:horizontal {
  height: 8px;
}
.main__help-main-box::-webkit-scrollbar-track {
  margin: 0.25rem 1.25rem;
}
.main__help-main-box::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  background-color: #96989F;
  border-radius: 100vw;
}
.main__help-main-box::-webkit-scrollbar-thumb:horizontal {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: none;
  border-left: none;
}
.main__help-header {
  height: 4.6875rem; /* 75px */
  padding: 0 1rem 0 3.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
}
.main__help-img {
  width: 2.125rem;
  height: 2.125rem;
  margin-right: 0.375rem;
}
.main__help-h2 {
  color: #ffffff;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
}
.main__help-close-btn {
  width: 2.75rem; /* 44px */
  height: 2.75rem; /* 44px */
  text-indent: -9999px;
  display: block;
  background: url("../img/common/bt_close.svg") no-repeat top left;
  background-size: contain;
}
.main__help-close-btn:hover, .main__help-close-btn:focus, .main__help-close-btn:active {
  opacity: 1;
  background: url("../img/common/bt_close_hover.svg") no-repeat top left;
  background-size: contain;
}
.main__help-main-img {
  width: 100%;
  min-width: 1816px;
  max-width: none;
  height: auto;
}
.main__help-link {
  width: 2.125rem;
  height: 2.125rem;
  margin-left: 1rem;
  display: block;
}
.main__input-search-clear {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin: auto 0;
  text-indent: -9999px;
}
.main__input-search-clear::before, .main__input-search-clear::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px; /* 棒の幅（太さ） */
  height: 1.125rem; /* 棒の高さ */
  background: #2E3341;
}
.main__input-search-clear:hover, .main__input-search-clear:focus, .main__input-search-clear:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__input-search-clear::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.main__input-search-clear::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.main__input-search-btn {
  min-width: 4rem; /* 64px */
  height: 2.25rem;
  padding: 0 0.875rem;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__input-search-btn:hover, .main__input-search-btn:focus, .main__input-search-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__input-search-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__sub-form-row {
  margin-bottom: 0.625rem;
  padding-left: max(11.07%, 60px);
  display: flex;
  align-items: center;
}
.main__sub-form-header {
  width: 100%;
  height: 2.625rem;
  margin-bottom: 1.25rem;
  padding: 0 1rem;
  background: #EFEFF0;
  display: flex;
  align-items: center;
}
.main__sub-form-header-title {
  font-size: 1.125rem;
}
.main__sub-form-col--langsize-col1 {
  width: max(6%, 64px);
  margin-right: 1rem;
  text-align: center;
}
.main__sub-form-col--langsize-col2 {
  width: clamp(280px, 38%, 360px); /* 280px 360px */
  margin-right: 1rem;
  text-align: center;
}
.main__sub-form-col--langsize-col3 {
  min-width: max(14%, 155px); /* 155px or 180px? */
  display: flex;
  align-items: center;
  text-align: center;
}
.main__sub-form-col--scroll-col1 {
  width: max(23.63%, 252px);
}
.main__sub-form-col--scroll-col2 {
  min-width: max(14%, 155px); /* 155px or 180px? */
  display: flex;
  align-items: center;
}
.main__sub-form-col--signage-col1 {
  width: max(4.37%, 32px);
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 1800px) {
  .main__sub-form-col--signage-col1 {
    width: 2rem;
  }
}
.main__sub-form-col--signage-col2 {
  width: max(16.51%, 200px);
  padding-left: 0.625rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1800px) {
  .main__sub-form-col--signage-col2 {
    padding-left: 0;
  }
}
.main__sub-form-col--signage-col3 {
  width: max(21.75%, 250px);
  flex-shrink: 0;
}
.main__sub-form-col--signage-col4 {
  width: clamp(200px, 18.83%, 284px);
  flex-shrink: 0;
}
.main__sub-form-col--signage-col5 {
  flex: 1;
}
.main__sub-form-col--signage-delete, .main__sub-form-col--signage-title {
  margin-top: 2.1875rem;
}
.main__sub-form-label--langsize {
  margin-left: 2.375rem;
  margin-right: 1rem;
}
.main__sub-form-label--langpos {
  font-size: 1.375rem;
}
.main__sub-form-label--scroll {
  margin-right: 1rem;
  margin-left: 3.3125rem; /* 53px */
}
.main__form-item--lang {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
}
.main__form-item--lang .main__form-label {
  width: 5.9375rem; /* 95px */
}
.main__form-item--signage-display {
  margin-bottom: 3rem; /* 48px */
}
.main__form-item--scroll {
  margin-bottom: 0;
}
.main__form-label {
  font-size: 1.125rem;
}
.main__form-select-wrap {
  position: relative;
  margin-right: 0.625rem;
  width: 9.6875rem; /* 155px */
}
.main__form-select-wrap--full {
  margin: 0;
  width: 100%;
}
.main__form-select-wrap--large {
  margin-right: 1rem;
  width: clamp(280px, 38%, 360px); /* 280px 360px */
}
.main__form-select-wrap--nowidth {
  width: auto;
}
.main__form-select-wrap:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #2E3341;
  content: "";
  position: absolute;
  right: 20px;
  top: 18px;
  bottom: 0;
  width: 0;
  pointer-events: none;
}
.main__form-select-wrap.disabled .main__form-select {
  background: #E4E5E6;
  border-color: #E4E5E6;
  pointer-events: none;
}
.main__form-select-wrap.disabled:after {
  border: none;
}
.main__form-select-wrap--num.disabled {
  width: auto;
  margin-right: 0.9375rem;
}
.main__form-select-wrap--num.disabled .main__form-select {
  padding: 0 0 0 3.375rem;
  background: transparent;
  border-color: transparent;
  pointer-events: none;
}
.main__form-select-wrap--num.disabled:after {
  border: none;
}
.main__form-select {
  position: relative;
  width: 100%;
  height: 2.75rem; /* 44px */
  font-size: 1.125rem;
  padding: 0 1rem;
  padding-right: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #C1C2C6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main__form-select::-ms-expand {
  display: none;
  /* デフォルトの矢印を非表示(IE用) */
}
.main__form-select--num {
  padding-left: 3.375rem; /* 54px */
  font-size: 1.25rem;
  text-align: left;
}
.main__form-input-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main__form-input-wrap.disabled .uk-input {
  border: none;
  pointer-events: none;
}
.main__form-desc {
  flex: 1;
  font-size: 1.125rem;
}
.main__form-unit {
  height: 2.75rem; /* 44px Matches form-select height */
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  line-height: 1;
  margin-top: 2px;
}
.main__form-edit-btn {
  width: 2rem;
  height: 2rem;
  display: block;
  text-indent: -9999px;
  background: url("../img/common/bt_edit.svg") top left no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.main__form-edit-btn--signage {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2.5rem;
  margin: auto 0;
}
@media screen and (max-width: 1800px) {
  .main__form-edit-btn--signage {
    right: -1rem;
  }
}
.main__form-edit-btn:hover, .main__form-edit-btn:focus, .main__form-edit-btn:active {
  opacity: 1;
  background: url("../img/common/bt_edit_hover.svg") top left no-repeat;
  background-size: contain;
}
.main__form-edit-btn.selected {
  opacity: 1;
  background: url("../img/common/bt_edit_selected.svg") top left no-repeat;
  background-size: contain;
}
.main__form-edit-btn.selected:hover, .main__form-edit-btn.selected:focus, .main__form-edit-btn.selected:active {
  background: url("../img/common/bt_edit_selected.svg") top left no-repeat;
  background-size: contain;
}
.main__form-edit-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.main__form-done-btn {
  width: 4rem; /* 64px */
  height: 2.25rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  border: solid 1px #2E3341;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.main__form-done-btn:hover, .main__form-done-btn:focus, .main__form-done-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__form-done-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.tab__list {
  flex: 1;
  margin: 0;
  padding-left: 0;
  gap: 0.5rem;
  border: none;
}
.tab__item {
  width: clamp(8.8125rem, 31.33%, 12.625rem); /* 202px 141px */
  /* width: min(31.33%, 202px); */
  /* min-width: 12.625rem; /* 202px */
  margin: 0;
  padding: 0;
}
.tab__item a {
  height: 2rem; /* 32px */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.5px;
  background: #ffffff;
  border: solid 1px transparent;
  border-radius: 0.3125rem;
}
.tab__item a .tab__icon-box {
  opacity: 0.8;
}
.tab__item:not(.uk-active) a {
  margin-top: 1px;
}
.tab__item.uk-active a {
  position: relative;
  height: 2.3125rem; /* 37px */
  color: #2E3341;
  font-weight: bold;
  opacity: 1;
  border-color: #96989F;
  border-top: solid 1px #96989F;
  border-right: solid 1px #96989F;
  border-left: solid 1px #96989F;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tab__item.uk-active a:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 10px;
  background: #ffffff;
  display: block;
}
.tab__item.uk-active a .tab__icon-box {
  opacity: 1;
}
/* タブを選択(.uk-active)するとタブの文字が下にずれるのを避けるために選択されていないタブと選択されたタブの位置を調整 */
.tab__item .tab__link {
  padding-top: 3px;
}
.tab__item.uk-active .tab__link {
  padding-top: 0px;
}
.tab__link span {
  position: relative;
  margin-top: 0.0625rem;
}
.tab__icon-box {
  width: 1.25rem;
  height: 1.25rem;
}
.tab__status-link {
  margin-right: 1.125rem;
  margin-bottom: 0.325rem;
  display: flex;
  align-items: center;
}
.tab__status-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.tab__status {
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -9999px;
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.tab__status--close {
  background: url("../img/common/bt_tab_close.svg") top left;
  background-size: contain;
}
.tab__status:hover, .tab__status:focus, .tab__status:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}

.sidebar {
  position: relative;
  width: 18.75rem; /* 300px */
  padding: 0 1rem 1rem 1rem; /* 1rem; */
  min-height: 100vh;
  background: #E4E5E6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.sidebar--setting, .sidebar--dict-template {
  padding: 1rem 0 1rem 1rem;
}
.sidebar__to-top-link {
  width: calc(100% + 2rem);
  /* margin: -1rem -1rem 0; */
  margin-bottom: 1rem;
  /* padding: 0.5rem 1rem 0; */
  font-size: 1.125rem;
  cursor: default;              /* <!-- pbi: 1649 --> */
}
.sidebar__to-top-link span {
  margin-left: 0.375rem;
}
/* <!-- pbi: 1649 --> */
/* .sidebar__to-top-link:hover, .sidebar__to-top-link:focus, .sidebar__to-top-link:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
} */
.sidebar__app-logo-box {
  /* margin-top: 0.375rem; */
  /* margin-bottom: 1.125rem; */
  text-align: center;
}
.sidebar__header {
  margin: 0.375rem 0 1.375rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.sidebar__header--setting {
  height: 4.625rem; /* 74px */
  margin: 0;
  margin-bottom: 4.1875rem; /* 67px */
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.sidebar__header--dict-template {
  height: 4.625rem; /* 74px */
  margin: 0;
  margin-bottom: 4.1875rem; /* 67px */
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1;
}
.sidebar__header--dict-template .sidebar__header-icon {
  width: 2.625rem; /* 42px */
  height: 2.1875rem; /* 35px */
}
.sidebar__header-icon {
  width: 2.875rem; /* 46px */
  height: 2.875rem; /* 46px */
  margin-right: 0.875rem;
}
.sidebar__btn {
  width: 100%;
  padding: 0.75rem;
  border: solid 1px #2E3341;
  border-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
}
.sidebar__btn--half {
  width: calc(50% - 4px);
}
.sidebar__btn--new {
  margin-bottom: 1rem /* 1.375rem; */
}
.sidebar__btn--new:hover, .sidebar__btn--new:focus, .sidebar__btn--new:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.sidebar__btn--new.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sidebar__btn--logout {
  width: auto;
  min-width: 8.75rem; /* 140px */
}
.sidebar__btn--logout:hover, .sidebar__btn--logout:focus, .sidebar__btn--logout:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.sidebar__btn--logout.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sidebar__btn--save {
  /* <!-- pbi: 1649 --> */
  /* color: #ffffff;
  background: #2E3341; */
  margin-bottom: 0.125rem;
}
.sidebar__btn--save:hover, .sidebar__btn--save:focus, .sidebar__btn--save:active {
  opacity: 1;
  /* <!-- pbi: 1649 --> */
  background-color: rgba(46, 51, 65, 0.1);
  /* color: #ffffff;
  background-color: rgba(46, 51, 65, 0.8);
  border-color: rgba(46, 51, 65, 0.8); */
}
.sidebar__btn--save.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sidebar__btn--preview:hover, .sidebar__btn--preview:focus, .sidebar__btn--preview:active, .sidebar__btn--print:hover, .sidebar__btn--print:focus, .sidebar__btn--print:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.sidebar__btn--preview.disabled, .sidebar__btn--print.disabled {
  opacity: 0.2;
  pointer-events: none;
}
/* <!-- pbi: 1649 --> */
.sidebar__btn--signage {
  margin-bottom: 0.25rem; /* 1.375rem; */
  color: #ffffff;
  background: #2E3341;
}
.sidebar__btn--signage:hover, .sidebar__btn--signage:focus, .sidebar__btn--signage:active {
  opacity: 1;
  color: #ffffff;
  background-color: rgba(46, 51, 65, 0.8);
  border-color: rgba(46, 51, 65, 0.8);
}
.sidebar__btn--icon {
  display: block;
  width: auto;
  height: 1.25rem;
  margin-right: 0.5rem;
}
.sidebar__btn-box {
  /* margin-bottom: 1.25rem; 20px */    /* <!-- pbi: 1649 --> */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sidebar__icon {
  display: block;
  text-indent: -9999px;
  width: 1.25rem;
  height: 1.25rem;
}
.sidebar__icon--new {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  background: url("../img/common/ic_new.svg") top left;
  background-size: contain;
}
.sidebar__icon--topic-input {
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.125rem;
  /* background: url("../img/common/ic_topic_step1.svg") top left; */            /* <!-- pbi: 1649 --> */
  background: url("../img/common/ic_topic_step1.svg") center no-repeat;          /* <!-- pbi: 1649 --> */
  background-size: contain;
}
.sidebar__icon--topic {
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.125rem;
  /* background: url("../img/common/icon_topic_step2.svg") top left; */           /* <!-- pbi: 1649 --> */
  background: url("../img/common/icon_topic_step2.svg") center no-repeat;         /* <!-- pbi: 1649 --> */
  background-size: contain;
}
.sidebar__icon--topic.marked {
  /* background: url("../img/common/icon_topic_step2_marked.svg") top left; */    /* <!-- pbi: 1649 --> */
  background: url("../img/common/icon_topic_step2_marked.svg") center no-repeat;  /* <!-- pbi: 1649 --> */
}
.sidebar__top {
  width: 100%;
}
.sidebar__mid {
  flex: 1;
  width: 100%;
  /* min-height: 570px;         <!-- pbi: 1649 --> */
  margin-bottom: 1rem; /* 1.375rem; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.sidebar__mid--setting {
  justify-content: flex-start;
}
.sidebar__btm {
  width: 100%;
}
/* <!-- pbi: 1649 --> */
.sidebar__btm--topic {
  width: 100%;
  height:12.6875rem;
}
.sidebar__submenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.sidebar__submenu-item {
  width: 100%;
  padding-left: 0;
  height: 2.875rem; /* 46px */
  /* background: rgba(255, 255, 255, 0.2); */
  background: rgba(255, 255, 255, 0.45);
}
.sidebar__submenu-item.disabled {
  opacity: 0.2;
}
.sidebar__submenu-item a {
  width: 100%;
  height: 100%;
  padding: 0 1.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #2E3341;
  font-size: 1.375rem;
  border: none;
}
.sidebar__submenu-item.disabled a {
  pointer-events: none;
}
.sidebar__submenu-item a:hover, .sidebar__submenu-item a:focus, .sidebar__submenu-item a:active {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85);
}
.sidebar__submenu-item.uk-active {
  background: #2E3341;
}
.sidebar__submenu-item.uk-active a {
  color: #ffffff;
}
.sidebar__submenu-item.uk-active a:hover, .sidebar__submenu-item.uk-active a:focus, .sidebar__submenu-item.uk-active a:active {
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.85);
}
.sidebar__step-box {
  /* height: 100%; */
  padding: 1rem 0.625rem 0.625rem;
  border-radius: 0.3125rem;
  /* Green Step 1 */
  /* Blue Step 2 */
}
.sidebar__step-box:hover {
  cursor: pointer;
}
.sidebar__step-box--step1 {
  background-color: #96989F;
  /* BT: STEP1の[トピックを入力]はhover時には背景色の透過度のみ変更 */
  /* BT: STEP1の[トピックを入力]はアクティブなときはhover時も透過度の変更なし */
}
.sidebar__step-box--step1.active {
  background-color: #0CC3B7;
}
.sidebar__step-box--step1 .sidebar__step-btn {
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar__step-box--step1.active .sidebar__step-btn {
  background-color: #C4FAF6;
}
/* BT: STEP1の[トピックを入力]はhover時には背景色の透過度のみ変更 */
.sidebar__step-box--step1 .sidebar__step-btn:hover {
/* BT: 透過度変更　20% -> 40% */
  /* background-color: rgba(255, 255, 255, 0.2); */
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1.0;
}
.sidebar__step-box--step1.active .sidebar__step-btn {
  background-color: #C4FAF6;
}
/* BT: STEP1の[トピックを入力]はアクティブなときはhover時も透過度の変更なし */
.sidebar__step-box--step1.active .sidebar__step-btn:hover {
  opacity: 1;
}
.sidebar__step-box--step2 {
  height: 100%;
  padding: 1rem 1px 0.4375rem 10px;
  display: flex;
  flex-direction: column;
  /* 			justify-content: space-between; */
  background-color: #96989F;
  /* BT: STEP2がアクティブ(翻訳作成画面)なときトピックボタンのhover時は透過度を変更しない */
  /* BT:  */
}
.sidebar__step-box--step2.active {
  background-color: #83A2FF;
}
.sidebar__step-box--step2.active .sidebar__topic-item.active {
  background-color: #E7EDFF;
}
/* BT: STEP2がアクティブ(翻訳作成画面)なときトピックボタンのhover時は透過度を変更しない */
.sidebar__step-box--step2.active .sidebar__topic-item:hover {
  background: rgba(255, 255, 255, 0.4);
}
.sidebar__step-box--step2.active .sidebar__topic-item.active:hover {
  background-color: #E7EDFF;
}
/* BT:  */
.sidebar__step-box--step2.active .sidebar__topic-item a:hover {
  opacity: 1;
}
.sidebar__step-btn {
  padding: 0.625rem 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.1875rem;
  line-height: 1;
}
.sidebar__step-btn span {
  padding-top: 0.125rem;
}
.sidebar__step-title {
  margin: 0 0.5rem 0.75rem;
  color: #ffffff;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1;
}
.sidebar__arrow {
  margin: 0.25rem 0;
  display: flex;
  justify-content: center;
}
.sidebar__arrow span {
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 14px solid #2E3341;
  text-indent: -9999px;
}
.sidebar__column-list-box {
  width: 100%;
  flex: 1;
  overflow: hidden;
  position: relative; /* Ensure proper positioning */
}
.sidebar__lang-box {
  width: 100%;
  margin: 0.625rem 0 0.3125rem;
  padding-right: 0.625rem;
}
.sidebar__lang-box:hover .sidebar__lang-link, .sidebar__lang-box:active .sidebar__lang-link, .sidebar__lang-box:focus .sidebar__lang-link {
  border-color: #FFFFFF;
}
.sidebar__lang-box.disabled {
  pointer-events: none;
  opacity: 0.2;
}
.sidebar__lang-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, 32px);
  grid-row-gap: 1px;
  grid-column-gap: 8px;
  justify-content: center;
  margin: 0 auto;
}
.sidebar__lang-link {
  width: 32px;
  height: 24px;
  display: block;
  border: solid 2px transparent;
}
.sidebar__lang-link span {
  display: none;
}
.sidebar__topic-list {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  padding-right: 1px;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-snap-type: y proximity;
}
.sidebar__topic-list::-webkit-scrollbar {
  width: 8px;
}
.sidebar__topic-list::-webkit-scrollbar-track {
  margin: 0.25rem 1.25rem; /* スクロールバー上下左右のマージン */
}
.sidebar__topic-list::-webkit-scrollbar-thumb {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  background-clip: padding-box;
  /* background-color: #96989F; */
  background-color: #2E3341; /* BT: スクロールバーの色を黒に変更 */
  border-radius: 100vw;
}
.sidebar__topic-item {
  margin-bottom: 2px;
  background: rgba(255, 255, 255, 0.1);
  scroll-snap-align: start;
  /* BT: STEP2のトピックボタンはアクティブでないときはhover時の透過度は0.2 */
}
.sidebar__topic-item:last-child {
  margin: 0;
}
/* BT: STEP2のトピックボタンはアクティブでないときはhover時の透過度は0.4 */
.sidebar__topic-item:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.sidebar__topic-link {
  padding: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* BT 透過度変更 */
/* .sidebar__topic-link:hover {
	opacity: 0.6;
} */
.sidebar__topic-title {
  position: relative;
  flex: 1;
  width: 100%;
  max-height: 1.25rem;
  padding-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  font-size: 1.125rem;
  line-height: 1;
}
.sidebar__topic-label {
  min-width: 6.5rem; /* 104px */
  white-space: nowrap;
  letter-spacing: -1px;
}
.sidebar__title-txt {
  flex: 1;
  line-height: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; /* Ensure there is a defined width */
}
.sidebar__title-point {
  font-size: 0.5rem;
}
.sidebar__menu-list {
  margin: 0 auto;
  padding: 0;
  /* padding-bottom: 1.25rem; */
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* gap: 1.75rem; */
  gap: 1.4375rem;                       /* <!-- pbi: 1649 --> */
  margin-top: 1.875rem; /* 30px */      /* <!-- pbi: 1649 --> */
}
.sidebar__menu-item {
  position: relative;
  width: 2.75rem;  /* 44px */           /* <!-- pbi: 1649 --> */
  height: 2.75rem; /* 44px */           /* <!-- pbi: 1649 --> */
}
.sidebar__menu-link {
  position: relative;
  display: block;
}
.sidebar__menu-link:hover, .sidebar__menu-link:focus, .sidebar__menu-link:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.sidebar__menu-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sidebar__menu-icon {
  /* <!-- pbi: 1649 --> */
  /* width: 3rem;
  height: 3rem; */
  width: 2.75rem;  /* 44px */           /* <!-- pbi: 1649 --> */
  height: 2.75rem; /* 44px */           /* <!-- pbi: 1649 --> */
}
/* <!-- pbi: 1649 --> */
/* .sidebar__account-dialog {
  position: absolute;
  left: 0;
  bottom: 76px;
  z-index: 10;
  width: calc(100% - 0.5rem);
  min-height: 12.625rem; 202px
  margin: 0 0.25rem;
  border-radius: 0.3125rem;
}
.sidebar__account-dialog.uk-card-body {
  padding: 1.75rem 1.25rem;
}
.sidebar__account-dialog-box {
  display: flex;
  flex-direction: column;
  align-items: center;
} */
.sidebar__account-close-btn {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.sidebar__account-close-btn:hover, .sidebar__account-close-btn:focus, .sidebar__account-close-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
/* <!-- pbi: 1649 --> */
/* .sidebar__account-dialog-icon {
  width: 2.75rem; 44px
  height: 2.75rem; 44px
  margin-bottom: 0.75rem;
} */
.sidebar__account-name {
  /* max-width: 100%; */
  width: 100%;
  /* max-height: 2.996rem; */
  margin-bottom: 1.125rem;
  font-size: 1.375rem;
  line-height: 1.09;
  letter-spacing: -0.5px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.sidebar__account-name span {
  flex: 1;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  overflow-wrap: break-word;
  overflow: hidden;
}
.sidebar__return-link {
  position: relative;
  height: 2.75rem; /* 44px */
  padding-left: 4.375rem; /* 70px */
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.sidebar__return-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.75rem;
  height: 2.75rem;
  margin: auto 0;
  display: block;
  background: url("../img/common/bt_return.svg") top left;
  background-size: contain;
}
.sidebar__return-link:hover, .sidebar__return-link:focus, .sidebar__return-link:active {
  opacity: 1;
}
.sidebar__return-link:hover:before, .sidebar__return-link:focus:before, .sidebar__return-link:active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.75rem;
  height: 2.75rem;
  margin: auto 0;
  display: block;
  background: url("../img/common/bt_return_hover.svg") top left;
  background-size: contain;
}
.sidebar__return-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.sidebar__logo-box {
  width: 8.875rem; /* 142px */
  margin: 0 auto;
}
.sidebar__logo {
  width: 100%;
  height: auto;
}

/* Login Style */
.login__content-box {
  width: 39.1875rem; /* 627px */
  text-align: center;
  margin-bottom: 5%;
}
.login__form-box {
  width: 25.25rem; /* 404px */
  margin: 0 auto;
}
.login__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.login__hr {
  margin-bottom: 5rem;
  border-top: solid 0.3125rem #2E3341;
  opacity: 1;
}
.login__submit-btn {
  height: 3.375rem; /* 54px */
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1.25rem;
  background: #2E3341;
  border: none;
}
.login__submit-btn:hover {
  cursor: pointer;
}
.login__label {
  font-size: 2rem;
}
.login__user-icon {
  width: 20px;
  left: 28px;
  text-indent: -9999px;
  background: url("../img/common/ic_user.svg") no-repeat center center;
  background-size: contain;
}
.login__password-icon {
  width: 20px;
  left: 28px;
  text-indent: -9999px;
  background: url("../img/common/ic_password.svg") no-repeat center center;
  background-size: contain;
}
.login__input {
  padding: 6px 42px; /* padding-left uk-form-iconで設定なので、padding-right用 */
  font-size: 1.125rem;
  border: solid 1px #2E3341;
}
.login__input-box {
  margin-bottom: 2rem;
}
.login__input-box .uk-input {
  height: 3.125rem; /* 50px */
}
.login__input-box--password {
  margin-bottom: 4.0625rem; /* 65px */
}
.login__visibility-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  width: 24px;
  height: 24px;
  margin: auto 0;
  display: block;
}
.login__visibility-link:hover, .login__visibility-link:focus, .login__visibility-link:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
  border-radius: 0.3125rem;
}
.login__visibility-link.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.top__header-box {
  text-align: center;
}
.top__header-icon-box {
  width: 5.25rem; /* 84px */
  height: 5.25rem; /* 84px */
  margin: 0 auto 1.875rem;
}
.top__header-h1 {
  margin-bottom: 4.25rem;
  font-size: 2.75rem;
  font-weight: bold;
}
.top__mode-select-box {
  display: flex;
  justify-content: center;
  gap: 5.5rem; /* 88px */
}
.top__mode-btn {
  width: 22.5rem; /* 360px */
  height: 21.875rem; /* 350px */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #2E3341;
  border-radius: 1.25rem;
  box-shadow: 0.05rem 0.1rem 0.3rem rgba(80, 80, 80, 0.6);
}
.top__mode-btn.notready {
  pointer-events: none;
}
.top__mode-btn:not(.notready):hover, .top__mode-btn:focus, .top__mode-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.top__mode-img-box {
  width: 15rem; /* 240px */
  height: 10.875rem; /* 174px */
  margin-bottom: 1.125rem;
}
.top__mode-h2 {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  font-weight: bold;
}
/* <!-- pbi: 1648 --> */
.top__account-btn {
  width: 16.6875rem;     /* 267px */
  height: 3.8125rem;     /* 61px */
  background-color: #FFFFFF;
  border: 1px solid #D4D7D8;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem; /* 40px */
  margin-left: 2.5rem;   /* 40px */
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
}
.top__account-btn.active {
  background-color: rgba(46, 51, 65, 0.1);
}
.top__account-btn:not(.active):hover{
  background-color: rgba(46, 51, 65, 0.1);
}
.top__account-img-box {
  /* width: 1.5rem;
  height: 1.5rem; */
  width: 2rem;
  height: 2rem;
  padding-right: 0.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-account-container {
  margin-left: 2.5rem;      /* 40px */
  margin-bottom:0.25rem;
  /* margin-bottom: 6.3125rem; 101px */
  bottom: 100%;
  display: none;
  width: auto;
  height: auto;
  border: 1px solid #D4D7D8;
  border-radius: 0.5rem;
  box-shadow: 
  -0.05rem 0 0.1rem rgba(80, 80, 80, 0.2), /* 左 */
   0.05rem 0 0.1rem rgba(80, 80, 80, 0.2), /* 右 */
   0 0.1rem 0.1rem rgba(80, 80, 80, 0.2); /* 下 */
  /* border: none; */
  background: #ffffff;
  /* box-shadow: 0px 4px 12px #00000033; */
  z-index: 9999;
  position: absolute;
  user-select: text;
  display: inline-block;
  align-self: flex-start;
  padding: 0.75rem;
  min-width: 0;
  max-width: unset;
  flex-shrink: 0;
}
.account-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.dialog-divider {
  border: none;
  border-top: 1px solid #D4D7D8;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  width: calc(100% + 1.5rem);
  margin-top: 0rem;
  margin-bottom: 0.75rem;
}
.clickable {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.clickable:hover {
  text-decoration: underline;
}
#open-another-dialog {
  width: calc(100% + 1.5rem);
  margin: -0.75rem;
  padding: 0.75rem;
  border-radius: 0 0 0.5rem 0.5rem;
  display: flex;
  align-items: center;
}

#open-another-dialog:hover {
  background-color: rgba(46, 51, 65, 0.1);
  cursor: pointer;
}
.text-username2 {
  font-size: 0.875rem;
  color: #888888;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}
.text-name,
.text-username2 {
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
.text-name {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.text-username1 {
  font-size: 0.875rem;
  text-align: left;
  color: #888888;
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.modal__confirm-link {
  min-width: 10rem;
  height: 2.25rem;
  /* 		padding: 0.5rem 0; */
  font-size: 1.125rem;
  font-weight: bold;
  color: #ffffff;
  background: #2E3341;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* box-shadow: 0.15rem 0.15rem 0.15rem 0.08rem rgba(80, 80, 80, 0.2); */
  border-radius: 0.3125rem;
  /* box-shadow: 0.0625rem 0.0625rem 0.25rem rgba(80, 80, 80, 0.3); BT:ダイアログのボタンにはドロップシャドーはつけない */
  /* 		@include mq-md {
  			min-width: 7rem;
  			font-size: 1rem;
  		} */
  /* BT: 背景が Black/main のボタンの文字色は白 */
}
.modal__confirm-link:visited {
  color: #ffffff;
}
.modal__confirm-link:hover, .modal__confirm-link:focus, .modal__confirm-link:active {
  opacity: 1;
  background: rgba(67, 72, 84, 0.8);
}
.modal__confirm-link--nosave, .modal__confirm-link--cancel {
  /* margin-right: 1.625rem; */
  color: #2E3341;
  background: #ffffff;
  border: solid 1px #2E3341;
  /* 			@include mq-md {
  				margin-right: 1.125rem;
  			} */
}
.modal__confirm-link--nosave:visited, .modal__confirm-link--cancel:visited {
  color: #2E3341;
}
.modal__confirm-link--nosave:hover, .modal__confirm-link--nosave:focus, .modal__confirm-link--nosave:active, .modal__confirm-link--cancel:hover, .modal__confirm-link--cancel:focus, .modal__confirm-link--cancel:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
/* BT: 背景が Black/main のボタンの文字色は白 */
.modal__confirm-link--ok:hover, .modal__confirm-link--save:hover, .modal__confirm-link--yes:hover {
  color: #ffffff;
}
.modal__dialog {
  /* 例外処理　2409 */
  /* 例外処理　2410 */
}
.modal__dialog.uk-modal-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 660px;
  height: auto;
  min-height: auto;
  aspect-ratio: 660/196;
  margin: auto;
  padding: 1.5rem 1rem 1rem;
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal__dialog--full.uk-modal-dialog {
  position: relative;
  width: calc(100% - 8.75rem); /* 70px 70px */
  max-width: 100% !important;
  height: calc(100% - 4.75rem); /* 38px 38px */
  margin: 2.375rem 4.375rem;
  padding: 1.5rem 2.5rem 0.25rem;
  aspect-ratio: auto;
  border-radius: 1.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1800px) {
  .modal__dialog--full.uk-modal-dialog {
    width: calc(100% - 2rem); /* 16px 16px */
    height: calc(100% - 2rem); /* 16px 16px */
    margin: 1rem;
  }
}
.modal__dialog--full-screen.uk-modal-dialog {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  aspect-ratio: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.modal__dialog--dict:has(.main__dict-group-error-row) .main__h2--dict {
  margin-bottom: 1.75rem; /* 28px */
}
@media screen and (max-width: 1800px) {
  .modal__dialog--dict:has(.main__dict-group-error-row) .main__h2--dict {
    margin-bottom: 1rem;
  }
}
.modal__dialog--dict:has(.main__dict-form-header--dummy) .main__h2--dict {
  margin-bottom: 1.5625rem; /* 25px */
}
@media screen and (max-width: 1800px) {
  .modal__dialog--dict:has(.main__dict-form-header--dummy) .main__h2--dict {
    margin-bottom: 1rem;
  }
}
.modal__dialog--dict:has(.main__dict-form-header--dict-error) .main__h2--dict {
  margin-bottom: 1.75rem; /* 28px */
}
@media screen and (max-width: 1800px) {
  .modal__dialog--dict:has(.main__dict-form-header--dict-error) .main__h2--dict {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .modal__dialog--template .main__translate-top-box {
    flex-direction: column;
  }
}
/* <!-- pbi: 162 --> */
.modal__dialog--image.uk-modal-dialog {
  position: relative;
  width: 1244px;
  height: 784px;
  padding: 10px;
  padding-bottom: 98px;
  aspect-ratio: auto;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.main__image-modal-background {
  padding: 0 62px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  background: #E4E5E6;
  gap: 7px;
}
.main__image-modal-heeder {
  /* width: 1100px; */
  width: 100%;
  padding: 45px 0;
  display: flex;
  flex-direction: row;
  justify-content:flex-start;
  align-items: flex-start;
  gap: 10px;
}
.main__image-modal-heeder-thumbnail {
  width: 84px;
  height: 47px;
  padding: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  aspect-ratio: 84/47;
  border: 1px solid #585C67;
}
.main__h2--image {
  color: #585C67;
  height: 47px;
  font-family: "BIZ UDGothic";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.main__image-modal-content-box {
  /* width: 1100px; */
  width: 100%;
  max-width: 100% !important;
  height: 374px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #fff;
  transition: background-color 0.2s ease;
}
.main__image-modal-content-box.highlight {
    background-color: #ECFBFA;
}
.main__image-modal-noimage {
  width: 424px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.main__image-modal-image {
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
  justify-content: center;
  align-items: center;
}
.main__image-modal-noimage-message {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  text-align: center;
}
.main__image-modal-icon {
  display: flex;
  width: 54px;
  height: 54px;
  justify-content: center;
  align-items: center;
}
.main__image-modal-text {
  color: #2E3341;
  text-align: center;

  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.main__image-modal-btn {
  display: flex;
  height: 36px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 23px;
  border: 1px solid #2E3341;
}
.main__image-modal-btn:hover, .main__image-modal-btn:focus, .main__image-modal-btn:active {
  opacity: 1;
  background: rgba(46, 51, 65, 0.1);
}
.main__image-modal-footer {
  width: 100%;
  height: 151px;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.main__image-modal-footer-btn-area {
  display: flex;
  justify-content: flex-end;
  /* align-items: flex-start; */
  gap: 20px;
}
.main__image-modal-btn-delete {
  width: 144px;
  padding: 8px 16px;
  gap: 6px;
}
.main__image-modal-btn-delete p {
  line-height: 36px;
  margin: 0;
}
.main__image-modal-btn-reedit {
  width: 144px;
  padding: 0;
}
.main__image-modal-error-box {
  display: flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex: 1 0 0;
  align-self: stretch;

  background-color: #ffdcda;
  border: 1px solid var(--Red, #F00);
  border-radius: 10px;

  font-family: "Noto Sans JP";
  text-align: center;
  text-indent: 18px;
  font-size: 20px;
  color: var(--Red, #F00);
  font-weight: bold;
  line-height: 32px;

  visibility: hidden;
  opacity: 0;
}
.main__image-modal-error-box.visible {
  visibility: visible;
  opacity: 1;
}
.main__image-modal-error-message {
  margin-left: 10px;
}
.active-switch-button.is-disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  
  /* ゴーストクリックブロック */
  pointer-events: none; 
}
.modal__confirm-box.uk-modal-footer {
  display: flex;
  justify-content: center;
  gap: 1.875rem;
}
.modal__confirm-box--lg.uk-modal-footer {
  gap: 5rem;
}
.modal__confirm-sub-box {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.modal__body.uk-modal-body {
  flex: 1;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.777;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal__body p {
  margin: 0;
}
.modal__icon-box {
  width: 3.125rem;
  height: 3.125rem;
  margin-top: 1.25rem;
}
.modal__footer-box {
  width: calc(100% - 2rem);
  height: 3.25rem; /* 52px */
  margin-right: 2rem;
  display: flex;
  align-items: center;
  border-top: solid 2px #2E3341;
  background: #ffffff;
  flex-shrink: 0;
}
.modal__footer-box .footer__menu {
  /* margin: 1rem 0 0; */
  margin: 0.75rem 0 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal__footer-box .footer__menu--left {
  justify-content: flex-start;
}
.modal__footer-box .footer__menu--between {
  justify-content: space-between;
}
.modal__close-btn {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2.75rem; /* 44px */
  height: 2.75rem; /* 44px */
  text-indent: -9999px;
  display: block;
  background: url("../img/common/bt_close.svg") no-repeat top left;
  background-size: contain;
}
.modal__close-btn:hover, .modal__close-btn:focus, .modal__close-btn:active {
  opacity: 1;
  background: url("../img/common/bt_close_hover.svg") no-repeat top left;
  background-size: contain;
}
.modal__close-btn.disabled {
  filter: grayscale(100%) brightness(70%) opacity(0.2);
  pointer-events: none;
}

/* Google帰属表示 <!-- pbi: 515 --> */
.google-attribution {
  position: fixed;
  bottom: 82px;
  right: 6px;
  /* z-index: 1000; */      /* <!-- pbi: 1649--> */
  z-index: 2;               /* <!-- pbi: 1649--> */
  background-color: transparent;
  padding: 5px;
}
.google-attribution img {
  border: 0;
  display: block;
}
.google-attribution a {
  text-decoration: none;
  display: block;
}
/* <!-- pbi: 162 --> */
.google-attribution-hasimage {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 22px; 
  position: absolute;
  bottom: 1px;
  right: 0;
}

/* footer */
.footer__box {
  position: relative;
  height: 4.875rem; /* 78px */
  display: flex;
  align-items: center;
  border-top: solid 2px #2E3341;
  background: #ffffff;
  flex-shrink: 0;
  z-index: 5;
}
.footer__box--margin {
  margin: 0 1rem;
}
.footer__box--noborder {
  border: none;
}
.footer__to-top-link {
  height: 100%;
  margin: 0 1rem 0 1.5rem;          /* <!-- pbi: 1649--> */
  /* margin: 0 2rem 0 1.875rem; */  /* <!-- pbi: 1649--> */
  /* padding: 1rem 1.5rem; */       /* <!-- pbi: 1649--> */
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1;
  border-radius: 0.3125rem;
}
.footer__to-top-link span {
  margin-left: 0.375rem;
}
/* <!-- pbi: 1649--> */
.footer__to-top-link img,
.footer__menu-link--setting img {
  width: 2.75rem;  /* 44px */
  height: 2.75rem; /* 44px */
}
.footer__menu-link--setting {
  flex-shrink: 0;
  width: 2.75rem;  /* 44px */
  height: 2.75rem; /* 44px */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
  margin-right: 1.5rem;
}
.footer__to-top-link:hover, .footer__to-top-link:focus, .footer__to-top-link:active,
.footer__menu-link--create-topic:hover, .footer__menu-link--create-topic:focus, .footer__menu-link--create-topic:active,
.footer__menu-link--settings:hover, .footer__menu-link--settings:focus, .footer__menu-link--settings:active
{
  opacity: 1;
  background-color: rgba(46, 51, 65, 0.1);
}
.footer__menu-link--create-topic img {
  margin-left: 1rem;
  width: 10.375rem !important;
  height: 2.75rem !important;
}
.footer__signage-desc {
  display: inline-block;        /* inline-blockに変更 */
  max-width: 100%;             /* 適切な最大幅を設定 */
  overflow: hidden;             /* はみ出し部分を隠す */
  text-overflow: ellipsis;      /* 省略記号を表示 */
  white-space: nowrap;          /* 改行を防ぐ */
  vertical-align: middle;
  min-width: 0;
}
.signage__item > a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}
.signage__item > a > span:first-child {
  flex: 0 0 auto;
}
.footer__info-box,
.footer__nav-count-box,
.footer__nav--display {
  min-width: 0;
  flex-shrink: 1;
  max-width: 33.3%;
  overflow-x: hidden;
}

.footer__signage-select-box {
  position: relative;
  /* padding: 14px 70px 12px 18px; */     /* <!-- pbi: 1649--> */
  padding: 0.625rem 1rem 0.625rem 1rem;   /* <!-- pbi: 1649--> */
  color: #2E3341;
  font-size: 1.25rem;
  line-height: 1;
  border: 1px solid #C1C2C6;
  /* <!-- pbi: 1649--> */
  max-width: 36rem;
  width: 26.625rem;
  box-sizing: border-box;
  overflow: visible;
  min-width: 0;
  display: flex;
  align-items: center;
}
.footer__signage-select-box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.125rem; /* 18px */
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #000;
  border-top: 0;
}
/* <!-- pbi: 1649--> */
.footer__signage-select-box span {
  display: inline-block;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.footer__signage-select-box span:first-child {
  flex-shrink: 0;
}
.footer__menu {
  /* margin: 1rem 0 0; */
  position: relative;
  margin: 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footer__menu_image-edit {
  /* margin: 1rem 0 0; */
  position: relative;
  margin: 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 30px;
}
.footer__menu--left {
  justify-content: flex-start;
}
.footer__menu--between {
  justify-content: space-between;
  min-width: 0;                  /* <!-- pbi: 1649--> */
}
.footer__item-count-box {
  min-height: 2.5rem;
  margin-left: 1.875rem;
  display: flex;
  align-items: flex-start;
}
.footer__return-link {
  margin-left: 0.5rem;
  color: #2E3341;
}
.footer__nav--preview-close {
  margin-right: 2.5rem;
}
.footer__nav--display {
  /* position: relative; */     /*<!-- pbi: 1649-->*/
  margin-right: 0.5rem;
  z-index: 5;
  /* <!-- pbi: 1649--> */
  min-width: 0;
  white-space: nowrap;
  overflow-y: hidden;
  text-overflow: ellipsis;
  height: 4.875rem;
  display: flex;
  align-items: center;
}
.footer__info-box {
  /* position: relative; */     /* <!-- pbi: 1649--> */
  flex: 0 0 auto;               /* <!-- pbi: 1649--> */
  display: flex;
  align-items: center;
  z-index: 5;
}
.footer__logo-box {
  width: 11.5rem; /* 184px */
  margin-right: 2.25rem;
}
@media screen and (max-width: 1800px) {
  .footer__logo-box {
    margin-right: 1rem;
  }
}
.footer__signage-info {
  font-size: 1.25rem;
}
.footer__nav-count-box {
  position: absolute;
  /* <!-- pbi: 1649--> */
  /* left: 0;
  right: 0;
  margin: 0 auto; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* <!-- pbi: 1649--> */
  min-width: 0;
  height: 4.875rem;
  left: 50%;
  transform: translateX(-50%);
}
.footer__nav-count-current {
  position: relative;
  top: -5px;
  left: 4px;
  font-size: 2.25rem;
  line-height: 1;
  font-weight: bold;
}
.footer__nav-count-slash {
  position: relative;
  bottom: -8px;
  font-size: 2rem;
  line-height: 1;
}
.footer__nav-count-total {
  position: relative;
  bottom: -17px;
  right: 4px;
  font-size: 1.5rem;
  line-height: 1;
}
.footer__nav-btn {
  display: block;
  width: 8.25rem; /* 132px */
  height: 2.75rem; /* 44px */
  text-indent: -9999px;
  border: none;
  opacity: 1;
}
.footer__nav-btn--prev {
  margin-right: calc(1rem * 16 / 12); /* 16pt */
  background: url("../img/common/bt_translate_prev.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn--prev:hover, .footer__nav-btn--prev:focus, .footer__nav-btn--prev:active {
  background: url("../img/common/bt_translate_prev_hover.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn--prev.pressed, .footer__nav-btn--prev:active {
  background: url("../img/common/bt_translate_prev_pressed.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn--next {
  margin-left: calc(1rem * 16 / 12); /* 16pt */
  background: url("../img/common/bt_translate_next.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn--next:hover, .footer__nav-btn--next:focus, .footer__nav-btn--next:active {
  background: url("../img/common/bt_translate_next_hover.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn--next.pressed, .footer__nav-btn--next:active {
  background: url("../img/common/bt_translate_next_pressed.svg") no-repeat top left;
  background-size: contain;
}
.footer__nav-btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.footer__display-nav-box {
  display: flex;
  align-items: center;
}
.footer__menu-link--user {
  display: flex;
  align-items: center;
}
.footer__account-name {
  font-size: 1.125rem;
  line-height: 1;
  text-wrap: nowrap;
  letter-spacing: -0.5px;
}
.footer__menu-icon {
  width: 3rem;
  height: 3rem;
}
.footer__copyright-box {
  width: 100%;
  margin: 0 2rem;
  text-align: right;
  color: #2E3341;
  font-size: 1.25rem;
}

/* confirm */
.confirm__box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.875rem;
}
.confirm__link {
  min-width: 13.625rem; /* 218px */
  height: 2.75rem; /* 44px */
  font-size: 1.25rem;
  color: #ffffff;
  background: #434854;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
}
.confirm__link:visited {
  color: #ffffff;
}
.confirm__link:hover, .confirm__link:focus, .confirm__link:active {
  opacity: 1;
  color: #ffffff;
  background: rgba(67, 72, 84, 0.8);
}
.confirm__link.disabled { /* bigtowns koby */
  opacity: 0.2;
  pointer-events: none;
  box-shadow: none;
}
.confirm__link--light {
  /* margin-right: 1.625rem; */
  color: #2E3341;
  background: #ffffff;
  border: solid 1px #2E3341;
}
.confirm__link--light:visited {
  color: #2E3341;
}
.confirm__link--light:hover, .confirm__link--light:focus, .confirm__link--light:active {
  opacity: 1;
  color: #2E3341;
  background: rgba(46, 51, 65, 0.1);
}

/* data-mode 分岐処理 */
[data-mode=topic-input] .main__nav--topic-input {
  display: flex;
}
[data-mode=topic-input] .main__nav--topic-order {
  display: none;
}
[data-mode=topic-input] .main__topic-order-box {
  display: none;
}
[data-mode=topic-input] .main__topic-h4 {
  margin-left: 1rem;
}

[data-mode=topic-order] .main__nav--topic-input {
  display: none;
}
[data-mode=topic-order] .main__nav--topic-order {
  display: flex;
}
[data-mode=topic-order] .main__topic-order-box {
  display: block;
}
[data-mode=topic-order] .main__topic-h4 {
  margin-left: 0.125rem;
}
[data-mode=topic-order] textarea {
  background-color: unset;
  cursor: default;
}
[data-mode=topic-order] .main__topic-delete-btn {
  visibility: hidden;
}
/* <!-- pbi: 162 --> */
[data-mode=topic-order] .main__topic-image {
  pointer-events: none;
  opacity: 0.2;
}

/* Signage Modal Display Custom */
/* 表示レイアウトの例外処理 */
.sidebar__submenu-list:has(.sidebar__submenu-item--layout.uk-active) + .signage__layout-box {
  pointer-events: auto;
  opacity: 1;
}

.signage__modal .uk-modal-dialog {
  transform: none;
  transition: 0s;
  transition-property: none;
}
.signage__layout-box {
  margin-top: 2.5rem; /* 40px */
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  opacity: 0.2;
}
.signage__layout-img-box {
  position: relative;
  width: 14.25rem; /* 228px */
  height: 7.5rem; /* 120px */
  margin-bottom: 0.75rem;
}
.signage__layout-num {
  position: absolute;
  top: 0.8125rem; /* 13px */
  left: 6.5rem; /* 104px */
  width: 2.5rem;
  font-size: 2.5rem; /* 40px */
}
.signage__layout-title {
  margin-bottom: 0.375rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.signage__layout-select {
  width: 11.5rem; /* 184px */
}
.signage__layout-select-box {
  position: relative;
  padding: 13px 56px 12px 18px;
  color: #2E3341;
  font-size: 1.125rem;
  line-height: 1;
  background: #ffffff;
  border: 1px solid #C1C2C6;
}
.signage__layout-select-box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25rem; /* 20px */
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 8px solid #000;
  border-bottom: 0;
}

/* Custom SimpleBar scrollbar */
.simplebar-scrollbar::before {
  background-color: #96989F;
  opacity: 1 !important;
}

.simplebar-track.simplebar-vertical {
  width: 8px;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Show Template */
.show-template__modal.uk-modal {
  width: calc(50% + 32px);
  margin-left: auto;
  background: transparent;
}
.show-template__content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.show-template__content {
  width: calc(100% - 4.875rem);
  height: calc(100% - 5.75rem);
  margin: 2.875rem 4.875rem 2.875rem 0;
  padding: 0;
  background: #ffffff;
  /* box-shadow: 0.1rem 0.1rem 0.5rem rgba(80, 80, 80, 0.6); */
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  .show-template__content {
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    margin: 1.5rem;
  }
}
.show-template__main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.show-template__aid-tab-menu {
  margin: 0;
}

/* touch handler */
.main__input-group-top {
  touch-action: none;
}

/* Toggle Link */
.toggle-link {
  position: relative;
  padding: 0.5rem;
  padding-right: 2rem;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.toggle-link:hover, .toggle-link:focus, .toggle-link:active {
  opacity: 1;
  /* background-color: $hover;
  border-radius: 0.3125rem; */
}
.toggle-link:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  background: url("../img/common/bt_tab_open.svg") top left;
  background-size: contain;
}
.toggle-link.opened:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  background: url("../img/common/bt_tab_close.svg") top left;
  background-size: contain;
}

/* loader */
.loader {
  width: 54px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #0CC3B7 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #0CC3B7);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
.loader--black {
  margin-top: 0.75rem;
  background: radial-gradient(farthest-side, #2E3341 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #2E3341);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
/* placeholder */
.placeholder {
  color: #96989F;
}

/* visibility */
.hidden {
  visibility: hidden;
}

.none {
  display: none !important;
}

.pc {
  display: block;
}
@media screen and (max-width: 1800px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 1800px) {
  .sp {
    display: block;
  }
}