/*!
 * 
 * Product name/Version: SynapDocumentViewer 25.04.0
 * 
 */
/** common **/
/** dark **/
/** light **/
/** etc **/
/** common **/
/** dark **/
/** light **/
/** etc **/
/* You can See me */
.notAllowCopyForIOS {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none; }

@media screen and (max-width: 768px), not all and (pointer: fine) and (min-width: 768px), screen and (max-width: 610px) {
  .wrap__header {
    height: 40px;
    font-size: 0; }
    .wrap__header--hide {
      display: none; }
  .wrap__title {
    max-width: none;
    display: block;
    margin-left: 0;
    padding-left: 5px;
    line-height: 41px;
    margin-right: 0; }
  .wrap__contents--assistant-on {
    right: 0 !important; }
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 5px; }
  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(156, 156, 156, 0.6); }
  .wrap__logo {
    position: relative;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 5px;
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -218px -219px;
    width: 46px;
    height: 12px; }
    .wrap__logo .dark {
      background-image: url(../images/sprite-mobile.6006bf8.png);
      background-position: -273px -249px;
      width: 46px;
      height: 12px; }
  .wrap__panel {
    padding-top: 40px;
    width: 184px;
    min-width: 184px;
    background-color: #ffffff;
    background-color: var(--sub-bg-color);
    opacity: .9;
    overflow-x: hidden;
    overflow-y: auto;
    display: none; }
    .wrap__panel--off {
      width: 0; }
    .wrap__panel--option-on {
      padding-top: 0; }
  .wrap__thumbnail {
    top: 40px; }
    .wrap__thumbnail--on {
      width: 184px; }
    .wrap__thumbnail_2025 {
      top: 90px; }
  .wrap__outline {
    top: 90px; }
    .wrap__outline--on {
      width: 184px; }
  .wrap__attachment {
    top: 90px; }
    .wrap__attachment--on {
      width: 184px; }
  .wrap__search-result-list {
    top: 90px; }
    .wrap__search-result-list--on {
      width: 184px; }
  .wrap__container {
    top: 0; }
    .wrap__container--cell {
      bottom: 0; }
  .wrap__index {
    margin-bottom: 14px; }
  .wrap__panelbar {
    width: 57px;
    left: 0;
    cursor: pointer; }
    .wrap__panelbar--mobile-on {
      left: 184px; }
  .wrap__annotation-list {
    padding-top: 40px;
    width: 184px;
    min-width: 184px;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: var(--annot-bg-color);
    opacity: .9;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px; }
    .wrap__annotation-list-ul {
      font-size: 9pt; }
  .wrap .panel-list-btn {
    margin: 2px 0; }
  .wrap .panel-list-totalNum {
    width: 45px;
    height: 20px;
    margin-left: 4px; }
  .wrap .annot-page-nav {
    width: 184px;
    font-size: 12px;
    line-height: 20px; }
  .wrap .annot-page-ul {
    font-size: 12px; }
  .wrap .annot-page-li {
    height: 70px;
    margin: 2px 2px;
    border-radius: 0; }
    .wrap .annot-page-li .button {
      font-size: 9pt; }
  .wrap .attach-page-nav {
    width: 184px;
    font-size: 12px;
    line-height: 20px; }
  .wrap .attach-page-ul {
    font-size: 12px; }
  .wrap .attach-page-li .button {
    font-size: 9pt; }
  .wrap__contents {
    touch-action: manipulation; }
    .wrap__contents--annot-on {
      left: 0px; }
    .wrap__contents .sheet-dialog {
      top: 15%; }
  .wrap__footer--cell {
    height: 40px; }
    .wrap__footer--cell .tabmore {
      height: 32px;
      margin-top: 3px; }
    .wrap__footer--cell .sheet-move {
      height: 32px;
      margin-top: 3px; }
    .wrap__footer--cell .sheet-list__sheet-tab {
      height: 34px;
      line-height: 32px; }
  .page__select {
    display: none; }
  .header-title-icon {
    height: 30px;
    float: left; }
    .header-title-icon__img {
      margin: 13px 0px -4px 10px; }
  .mobile-marker-loading {
    opacity: .2; }
  .erasermode {
    touch-action: none; }
  .menu {
    display: inline-block;
    right: 10px;
    height: 27.5px;
    top: 2.5px; }
  .mobile-panelbar__img {
    background-color: #d8d8d8;
    opacity: 0.5;
    display: inline-block; }
    .mobile-panelbar__img .on {
      transform: rotate(180deg);
      stroke: #797979;
      fill: #797979; }
  .mobile-panelbar--icon {
    width: 40px;
    height: 52px;
    stroke: #797979;
    fill: #797979; }
  .web-panelbar__img {
    display: none; }
  .more-arrow {
    display: block;
    position: absolute;
    margin: 0;
    top: 5px;
    right: 22px;
    width: 0;
    height: 0;
    box-sizing: content-box;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 6px solid #333333;
    z-index: 30; }
    .more-arrow__bolder {
      display: block;
      position: absolute;
      margin: 0;
      top: 1px;
      right: 21px;
      width: 0;
      height: 0;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      border-bottom: 8px solid #121212; }
  .thumb__div {
    margin-bottom: 0;
    border: 3px solid transparent; }
  .thumb__div:hover {
    border: 3px solid #666666; }
  .thumb__span {
    display: none; }
  .thumb__img {
    width: 108px;
    height: auto;
    height: calc( (108 / var(--page-width)) * var(--page-height) * 1px); }
  .thumb__focus {
    border: 3px solid #666666;
    opacity: 1;
    outline: none; }
  .thumb--nohover {
    border: 3px solid transparent !important; }
  .thumb-area {
    margin-left: 35px; }
  .contents__slide-img {
    width: 100%;
    height: 100%; }
  .contents__word-img {
    width: 96%;
    height: 100%;
    padding: 10px; }
  .contents-page {
    width: 100%;
    height: 100%;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .contents-page--even {
      float: left;
      margin-left: 4px; }
    .contents-page--odd {
      float: left;
      clear: both;
      margin-right: 4px; }
  .dialog {
    -webkit-box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* Safari and Chrome */
    -moz-box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* Firefox */
    box-shadow: -1px 1px 1px rgba(21, 5, 8, 0.2);
    /* CSS3 */ }
    .dialog--min-width {
      min-width: 300px; }
    .dialog--rm-border-bottom {
      border-bottom: 0; }
    .dialog__msg {
      padding: 16px; }
    .dialog__btn--single {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 16px; }
    .dialog__btn--answer {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
    .dialog__btn .btn {
      width: 50%;
      padding: 8px 0;
      min-height: 0px;
      line-height: normal; }
      .dialog__btn .btn--answer-left {
        margin-right: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0; }
      .dialog__btn .btn--answer-white {
        margin-right: 0;
        border-left: 0;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333; }
      .dialog__btn .btn--3answer-width {
        width: 100px; }
    .dialog__pwd-input {
      margin-left: 16px;
      margin-right: 16px;
      margin-bottom: 16px; }
      .dialog__pwd-input .pwd-input {
        width: 100%;
        height: 24px;
        padding: 2px 5px; }
      .dialog__pwd-input .pwd-warn-msg {
        margin-top: 5px; }
    .dialog__input {
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px; }
      .dialog__input .input {
        width: 100%; }
    .dialog__checkbox {
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 16px; }
      .dialog__checkbox .input {
        vertical-align: -2px; }
    .dialog__order {
      display: table;
      margin: 0 16px 16px 16px; }
    .dialog__url {
      display: table-footer-group;
      padding: 0; }
      .dialog__url .url__text {
        width: 183px;
        text-decoration: none; }
    .dialog__sns {
      display: table-header-group;
      padding: 0; }
      .dialog__sns .sns {
        white-space: nowrap;
        margin-bottom: 5px; }
        .dialog__sns .sns__btn:not(:first-child) {
          margin-left: 5px; }
        .dialog__sns .sns__btn--facebook {
          background-image: url(../images/sprite-mobile.6006bf8.png);
          background-position: -273px -126px;
          width: 60px;
          height: 60px; }
        .dialog__sns .sns__btn--x {
          background-image: url(../images/sprite-mobile.6006bf8.png);
          background-position: -273px 0px;
          width: 61px;
          height: 60px; }
        .dialog__sns .sns__btn--band {
          background-image: url(../images/sprite-mobile.6006bf8.png);
          background-position: -273px -63px;
          width: 60px;
          height: 60px; }
        .dialog__sns .sns__btn--kakaotalk {
          background-image: url(../images/sprite-mobile.6006bf8.png);
          background-position: -154px -180px;
          width: 61px;
          height: 60px; }
    .dialog__info-logo {
      padding: 16px; }
    .dialog__info-content {
      margin-bottom: 16px; }
      .dialog__info-content__copyright {
        margin-top: 16px; }
  .ttsPlayer {
    height: 80vh;
    width: 100vw;
    touch-action: manipulation; }
    .ttsPlayer__tr {
      height: 90%; } }
    @media screen and (max-width: 768px) and (max-height: 450px) and (orientation: landscape), screen and (max-width: 610px) and (max-height: 450px) and (orientation: landscape) {
      .ttsPlayer__tr {
        margin-top: 0; } }

@media screen and (max-width: 768px), not all and (pointer: fine) and (min-width: 768px), screen and (max-width: 610px) {
    .ttsPlayer__body {
      border-radius: 15px 15px 0 0;
      height: 87.5%;
      padding-bottom: 0px; }
      .ttsPlayer__body__control-btn {
        min-width: auto; }
      .ttsPlayer__body__text-field {
        font-size: 16px; }
      .ttsPlayer__body__speed-text {
        font-size: 48px; }
      .ttsPlayer__body__tts_td {
        width: 50%;
        height: 18.57%;
        margin-top: 10px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 768px) and (max-height: 450px) and (orientation: landscape), screen and (max-width: 610px) and (max-height: 450px) and (orientation: landscape) {
      .ttsPlayer__body {
        height: 81.25%;
        padding: 0px; }
        .ttsPlayer__body__tts_td {
          height: 37.5%;
          width: 25%; }
        .ttsPlayer__body__control-btn {
          min-width: auto;
          min-height: calc(calc(var(--vh, 1vh) * 100) / 4); } }

@media screen and (max-width: 768px), not all and (pointer: fine) and (min-width: 768px), screen and (max-width: 610px) {
    .ttsPlayer__footer {
      height: 12.5%; }
      .ttsPlayer__footer__page-move-btn {
        margin: 12px 2% 12px 2%; }
      .ttsPlayer__footer__page-input-field {
        margin: 12px 2% 12px 2%;
        max-width: 5%; }
  .fullscreen-close {
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer; }
  .img-loading {
    background-size: 24px;
    background-image: url(../images/loading_white.77e0891.gif); }
  .img-retry {
    background-size: 24px;
    background-image: url(../images/retry_icon.36a9ca4.png); }
  .color-submenu {
    left: 0; }
    .color-submenu__block {
      width: 29px;
      height: 29px; }
  .transparency-submenu {
    left: 0;
    padding: 8px 10px; }
    .transparency-submenu__input {
      height: 19px; }
    .transparency-submenu ::-webkit-slider-thumb {
      background: url(../images/mobile_transparency_select_icon.5f507c3.png);
      height: 21px;
      width: 21px;
      margin-top: -4.5px;
      margin-bottom: -4.5px; }
    .transparency-submenu ::-moz-range-thumb {
      background: url(../images/mobile_transparency_select_icon.5f507c3.png);
      height: 21px;
      width: 21px;
      margin-top: -4.5px;
      margin-bottom: -4.5px; }
    .transparency-submenu ::-ms-thumb {
      background: url(../images/mobile_transparency_select_icon.5f507c3.png);
      height: 21px;
      width: 21px;
      margin-top: -4.5px;
      margin-bottom: -4.5px; }
  .annotation-popup {
    position: absolute;
    z-index: 31; }
    .annotation-popup__item {
      display: inline-block;
      cursor: pointer; }
      .annotation-popup__item--hide {
        display: none; }
  .border-margin {
    height: 40px; }
  .marker-border {
    height: 24px;
    margin: 0 4px; }
  .assistant {
    width: 100%;
    height: 100%;
    padding: 0px !important;
    z-index: 52 !important;
    position: fixed; }
  .fileExplorer {
    width: 100%;
    height: 100%;
    left: 0;
    margin-left: 0;
    border-radius: 0;
    display: none; }
  .fileExplorer-header {
    font-size: 0;
    padding: 10px 13px; }
    .fileExplorer-header__archiveFileName {
      padding-right: 13px;
      font-size: 12px; }
  .fileExplorer-path {
    padding: 4px 4px 4px 4px; }
    .fileExplorer-path__prevBtn {
      background-image: url(../images/sprite-mobile.6006bf8.png);
      background-position: -206px -264px;
      width: 40px;
      height: 36px; }
      .fileExplorer-path__prevBtn--hover {
        background-image: url(../images/sprite-mobile.6006bf8.png);
        background-position: -163px -264px;
        width: 40px;
        height: 36px; }
    .fileExplorer-path__nextBtn {
      margin-left: -1px;
      background-image: url(../images/sprite-mobile.6006bf8.png);
      background-position: -120px -264px;
      width: 40px;
      height: 36px; }
      .fileExplorer-path__nextBtn--hover {
        background-image: url(../images/sprite-mobile.6006bf8.png);
        background-position: -218px -180px;
        width: 40px;
        height: 36px; }
    .fileExplorer-path__filePath {
      margin-left: 4px;
      margin-bottom: 0px;
      padding: 0 8px;
      line-height: 34px; }
    .fileExplorer-path__filePath-txt {
      display: inline-block;
      padding: 6px 2px;
      font-size: 12px; }
    .fileExplorer-path__filePath-arrow {
      display: inline-block;
      font-size: 12px; }
  .fileExplorer-allCount {
    display: none; }
  .fileExplorer-tree {
    padding: 0;
    width: 100%; }
  .fileExplorer-folderTree {
    display: none; }
  .fileExplorer-fileTree {
    width: 100%;
    height: 400px;
    border-left: 0;
    border-right: 0; }
  .fileExplorer-fileTree-sort {
    width: 100%; }
    .fileExplorer-fileTree-sort__div {
      padding: 0 10px 0 13px;
      width: 100px;
      border-bottom: 0; }
  .fileExplorer-fileTree-list {
    padding: 0;
    height: 371px;
    overflow-y: auto; }
    .fileExplorer-fileTree-list__div {
      margin: 0;
      padding: 11.5px 13px;
      border-bottom: 1px solid #c1c1c1; }
    .fileExplorer-fileTree-list__div-icon {
      margin-right: 10px;
      width: 20px;
      height: 20px; }
    .fileExplorer-fileTree-list__div-name {
      font-size: 15px;
      margin-right: 10px; }
    .fileExplorer-fileTree-list__div-size {
      font-size: 15px; }
    .fileExplorer-fileTree-list__space {
      width: 13px; }
  .fileExplorer-viewerBtn {
    width: 94px;
    height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -100px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 54px;
    padding-right: 50px;
    left: 50%; }
    .fileExplorer-viewerBtn__viewIcon {
      background-image: url(../images/sprite-mobile.6006bf8.png);
      background-position: 0px -324px;
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-right: 6px;
      vertical-align: top; }
    .fileExplorer-viewerBtn__txt {
      height: 20px;
      font-size: 15px;
      font-weight: bold;
      vertical-align: bottom; }
  .modal__dialog {
    top: 15%; }
  .modal__fileExplorer {
    padding-top: 30px; }
  .modal--sheet-page {
    top: 40px;
    bottom: 0; }
  .header-border {
    display: none; }
  .page__input-wrapper {
    margin-bottom: 2px; }
  .fileExplorer-folder-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -121px;
    width: 20px;
    height: 20px; }
  .fileExplorer-word-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -23px -324px;
    width: 20px;
    height: 20px; }
  .fileExplorer-slide-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -259px;
    width: 20px;
    height: 20px; }
  .fileExplorer-cell-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -98px;
    width: 20px;
    height: 20px; }
  .fileExplorer-hwp-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -144px;
    width: 20px;
    height: 20px; }
  .fileExplorer-odt-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -213px;
    width: 20px;
    height: 20px; }
  .fileExplorer-pdf-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -236px;
    width: 20px;
    height: 20px; }
  .fileExplorer-img-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -167px;
    width: 20px;
    height: 20px; }
  .fileExplorer-txt-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -282px;
    width: 20px;
    height: 20px; }
  .fileExplorer-zip-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -75px;
    width: 20px;
    height: 20px; }
  .fileExplorer-nosupport-icon {
    background-image: url(../images/sprite-mobile.6006bf8.png);
    background-position: -337px -190px;
    width: 20px;
    height: 20px; }
  .control-point:before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    left: -8px;
    top: -8px;
    z-index: 8; } }

@media screen and (max-width: 768px), not all and (pointer: fine) and (min-width: 768px) {
  .web-panelbar__img {
    display: none; }
  #fullscreen {
    display: none; }
  .wrap__footer {
    position: fixed; }
  .sheet-list__sheet-tab--on {
    color: #363636;
    color: var(--tab-focus-font-color) !important;
    background-color: #ffffff;
    background-color: var(--tab-list-focus-bg-color) !important; }
  .sheet-list__sheet-tab:hover {
    color: #565656;
    color: var(--select-page-font-color);
    background-color: #eeeeee;
    background-color: var(--tab-list-bg-color); }
  .tablist-popup__li:hover {
    color: #363636;
    color: var(--tab-focus-font-color);
    background-color: #ffffff;
    background-color: var(--sub-bg-color); }
  .tablist-popup--focus {
    color: #363636;
    color: var(--tab-focus-font-color) !important;
    background-color: #d8d8d8;
    background-color: var(--tab-popup-focus-bg-color) !important; }
  .tablist-popup__arrow-bolder {
    display: none; } }

@media screen and (max-width: 610px) {
  .wrap__footer--cell {
    display: none; }
  .page__input-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 24px;
    margin-right: 5px; }
  .page__input {
    width: 90px;
    height: 42px;
    line-height: 1.7;
    font-size: 16px;
    text-align: left;
    padding-left: 17px;
    padding-right: 5px;
    transform: scale(0.57);
    transform-origin: 0 0; }
  .page__select-arrow {
    position: absolute;
    display: inline;
    left: 43px;
    top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer; }
    .page__select-arrow-img {
      display: block;
      width: 8px;
      height: 6px;
      margin: 4px 3px; }
    .page__select-arrow::after {
      content: '';
      position: absolute;
      top: -5px;
      right: -5px;
      bottom: 20px;
      left: -5px; }
  .page__total-page {
    font-size: 9px;
    color: #565656;
    color: var(--select-page-focus-font-color);
    height: 40px;
    line-height: 40px; }
  .page__total-page::before {
    content: attr(data-content); }
  .page__menu {
    display: inline-block;
    right: 10px;
    height: 27.5px;
    top: 2.5px; }
  .page__select {
    position: absolute;
    left: 13px;
    top: 23px;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    z-index: -9999;
    font-size: 16px;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: 32px;
    display: block; }
  .page__div {
    height: 15px; }
  .page-content {
    display: none;
    position: absolute;
    top: 32px;
    height: auto;
    max-height: 115px;
    margin: 0;
    padding: 5px 0 5px 0;
    box-sizing: content-box;
    border: 1px solid #e4e4e4;
    border: var(--page-border);
    background-color: #ffffff;
    background-color: var(--sub-bg-color);
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .page-scroll-blind {
    width: 62px;
    max-height: inherit; }
    .page-scroll-blind__list {
      margin: 0;
      padding: 0;
      max-height: inherit;
      overflow-y: scroll;
      overflow-x: hidden; }
    .page-scroll-blind__item {
      padding-left: 10px;
      padding-right: 10px;
      line-height: 23px;
      font-size: 9px;
      color: #565656;
      color: var(--select-page-font-color);
      background-color: #ffffff;
      background-color: var(--select-page-bg-color);
      cursor: pointer; }
      .page-scroll-blind__item--hover {
        color: #565656;
        color: var(--select-page-focus-font-color);
        background-color: #eeeeee;
        background-color: var(--select-page-focus-bg-color); }
    .page-scroll-blind--focus {
      color: #565656;
      color: var(--select-page-focus-font-color);
      background-color: #eeeeee;
      background-color: var(--select-page-focus-bg-color); }
  .tab-content {
    display: none;
    position: absolute;
    top: 32px;
    height: auto;
    max-height: 115px;
    margin: 0;
    padding: 5px 0 5px 0;
    box-sizing: content-box;
    border: 1px solid #e4e4e4;
    border: var(--page-border);
    background-color: #ffffff;
    background-color: var(--sub-bg-color);
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 174px;
    top: 24px;
    z-index: 20; }
  .header-tablist {
    position: relative;
    margin-left: 0;
    height: 40px;
    left: 0;
    float: left;
    margin-top: 3px;
    margin-top: 6.5px;
    font-size: 0;
    vertical-align: top;
    height: auto;
    display: none; }
    .header-tablist__input {
      width: 49px;
      height: 24px;
      line-height: 1.0;
      font-size: 9px;
      font-weight: 500;
      padding-left: 10px;
      padding-right: 3px;
      margin-right: 5px;
      text-align: left;
      background-color: #eeeeee;
      background-color: var(--select-page-focus-bg-color);
      line-height: 24px;
      color: #565656;
      color: var(--select-page-font-color);
      border: 1px solid #e4e4e4;
      border: var(--page-border);
      padding-left: 3px;
      padding-right: 16px;
      margin-right: 0;
      width: 68px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer; }
    .header-tablist__select-arrow {
      position: absolute;
      display: inline;
      left: 43px;
      top: 12px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 5px;
      right: 0;
      left: auto;
      outline: none; }
      .header-tablist__select-arrow-img {
        display: block;
        width: 8px;
        height: 6px;
        margin: 4px 3px; }
      .header-tablist__select-arrow::after {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: 20px;
        left: -5px; }
    .header-tablist__select {
      position: absolute;
      left: 6px;
      top: 23px;
      width: 1px;
      height: 1px;
      margin: 0;
      padding: 0;
      border: 0;
      background-color: transparent;
      z-index: -9999;
      font-size: 16px;
      opacity: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      top: 24px; }
  .tab-scroll-blind {
    width: 62px;
    max-height: inherit;
    width: auto; }
    .tab-scroll-blind__ul {
      margin: 0;
      padding: 0;
      max-height: inherit;
      overflow-y: scroll;
      overflow-x: hidden; }
    .tab-scroll-blind__li {
      padding-left: 10px;
      padding-right: 10px;
      line-height: 23px;
      font-size: 9px;
      color: #565656;
      color: var(--select-page-font-color);
      background-color: #ffffff;
      background-color: var(--select-page-bg-color);
      cursor: pointer;
      padding-left: 5px;
      padding-right: 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .tab-scroll-blind__li--hover {
        color: #565656;
        color: var(--select-page-focus-font-color);
        background-color: #eeeeee;
        background-color: var(--select-page-focus-bg-color); }
    .tab-scroll-blind--focus {
      color: #565656;
      color: var(--select-page-focus-font-color);
      background-color: #eeeeee;
      background-color: var(--select-page-focus-bg-color); }
  .more {
    display: table-cell; }
  .cell-mobile {
    display: inline-block; }
  .more-content {
    visibility: visible;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0 5px 0;
    background-color: #ffffff;
    background-color: var(--sub-bg-color);
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    border: var(--page-border);
    border-radius: 2px;
    -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  .scroll-blind {
    height: inherit;
    max-height: inherit;
    overflow: hidden; }
    .scroll-blind__ul {
      display: inline-block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 100%; }
    .scroll-blind__li {
      list-style: none; }
    .scroll-blind__more-item {
      margin: 0;
      padding: 13px 12px;
      text-align: center;
      font-size: 12px;
      color: #FFFFFF;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .scroll-blind__more-item--hover {
        color: #ffffff;
        background-color: #121212; }
    .scroll-blind__more-border {
      width: 20px;
      height: 2px;
      margin: auto;
      background-color: #202020; }
  .annot-mode {
    display: table-cell; }
  .wrap__annotation-list {
    top: 40px; }
  .filter-popup {
    width: 100%;
    height: 100%;
    z-index: 52 !important;
    touch-action: none; }
    .filter-popup__header {
      font-size: 7vw;
      display: flex;
      align-items: center; }
    .filter-popup__search {
      height: 50%;
      font-size: 16px; } }

/** common **/
/** dark **/
/** light **/
/** etc **/
@media screen and (max-width: 610px) {
  .marker-hide {
    display: none; } }

@media screen and (max-width: 768px), not all and (pointer: fine) and (min-width: 768px), screen and (max-width: 610px) {
  .annotation-list__search {
    margin: 10px 0;
    position: relative;
    width: 181px;
    height: 30px; }
    .annotation-list__search__input {
      position: absolute;
      left: 0; }
    .annotation-list__search-btn {
      position: absolute;
      left: 141px; }
    .annotation-list__search--result {
      margin-bottom: 2px; }
    .annotation-list__search-result {
      margin-bottom: 10px; } }

@media screen and (max-width: 610px) {
  .prop-submenu {
    position: fixed;
    width: 100%;
    height: 307px;
    z-index: 51; }
    .prop-submenu__right-align {
      margin-right: 3%; }
    .prop-submenu__block-u {
      margin: 7px; }
    .prop-submenu__block-l {
      margin: 1px 7px 1px 7px; }
    .prop-submenu-color__radio-fill {
      margin-right: -1px; }
    .prop-submenu-color__block {
      width: 7.8%;
      height: 27px;
      margin-left: 0.3%; }
    .prop-submenu-slider__input {
      width: 80%;
      margin: 10px 0px 10px 6px; }
      .prop-submenu-slider__input-ms {
        margin: 0; }
      .prop-submenu-slider__input::-webkit-slider-thumb {
        height: 23px;
        width: 23px; }
      .prop-submenu-slider__input::-moz-range-thumb {
        height: 17px;
        width: 17px; }
    .prop-submenu__prop-border {
      margin-top: 15px; } }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvbW9iaWxlLjc5ODVmMjguY3NzIiwic291cmNlUm9vdCI6IiJ9*/