@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;700;900&family=Roboto:wght@300&display=swap');


/**
 * Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Module Settings
 * ================================================================================
 */



/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */

.tabMenuArea {
  position: relative;
}

.tabMenuArea > ul > li.discon {
  position: absolute;
  right: 0;
  bottom: -40px;
  width: auto;
  min-height: initial;
  padding-left: 0;
}

.tabMenuArea > ul > li.discon > a {
  border: none;
  color: #00afeb;
  font-size: 1.6rem;
  text-decoration: underline;
}

.tabMenuArea > ul > li.discon > a:hover,
.tabMenuArea > ul > li.discon.current > a {
  background-color: transparent;
  opacity: 0.6;
}

@media only screen and (max-width: 767px) {
  .tabMenuArea > ul > li.discon {
    bottom: -25px;
  }

  .tabMenuArea > ul > li.discon > a {
    font-size: 1.2rem;
  }

  .tabMenuArea > ul > li.discon > a:hover,
  .tabMenuArea > ul > li.discon.current > a {
    opacity: 1;
  }
}