@charset "UTF-8";
/* -------------------------------------
 *  l-wrapper
 * ------------------------------------- */
.l-wrapper {
    overflow: hidden;
}

/* -------------------------------------
 *  l-header
 * ------------------------------------- */
.l-header {
    height: 60px;
    margin: 0 auto;
    width: 1000px;
}
.l-header a {
    color: #0F0F0F;
}
.l-header__wrapper {
    display: flex;
    justify-content: space-between;
    width: 1000px;
}
.l-header__logo {
    margin: 14px 0 0;
}
.l-header__logo a:hover {
    opacity: 1;
    transition: 0;
}
.l-header__icon-wrapper {
    display: flex;
    font-size: 10px;
    height: 60px;
}
.l-header__icon-wrapper a,
.l-header__icon-wrapper button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-block: calc(5 / var(--design-width) * 100vw);
    gap: calc(2 / var(--design-width) * 100vw);
    margin: 0 15px;
}
.l-header__icn {}
.l-header__icn img {
    display: block;
    width: 100%;
}
.l-header__txt {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 0;
    text-align: center;
}

/* -------------------------------------
 *  g-nav
 * ------------------------------------- */
#g-nav {
  background: var(--color-white-1);
  height: 100vh;
  position: fixed;
  top: 0;
  right: -120%;
  transition: all 0.6s;
  width: 370px;
  z-index: 9999;
}
#g-nav ul {
    border-top: 1px solid #E2E2E2;
}
#g-nav li {
    border-bottom: 1px solid #E2E2E2;
    color: var(--color-blue-1);
    font-size: 16px;
    list-style: none;
}
#g-nav li > * {
    display: flex;
    align-items: center;
    gap: calc(8 / var(--design-width) * 100vw);
    padding: 7px 0 7px 20px;
    position: relative;
}
#g-nav li > *::before {
    background: url("../images/icn_arrow.svg") 0 0 no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: calc(17 / var(--design-width) * 100vw);
    position: absolute;
    top: 50%;
    right: calc(23 / var(--design-width) * 100vw);
    translate: 0 -50%;
    width: calc(9 / var(--design-width) * 100vw);
}

#g-nav.panelactive {
  right: 0;
  transition: all 0.4s;
}
#g-nav.panelactive #g-nav-list {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  z-index: 999;
}
.g-nav-sub-title {
  background: #6FAD32;
  color: var(--color-white-1);
  font-size: 14px;
  padding: 5px 7px;
}
.g-nav-ul {
  background: var(--color-white-1);
}

/*  g-nav-close
 * --------------------------------------------- */
.g-nav-close {
  color: #4D801B;
  font-size: 30px;
  margin: 0 15px;
  text-align: right;
  transition: all 0.6s;
}

/*  g-nav-login
 * --------------------------------------------- */
.g-nav-login-wrap {
  padding: 0 25px;
}
.g-nav-login {
  background: #6FAD32;
  border-radius: 24px;
  color: var(--color-white-1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 30px;
  margin: 0 auto;
  transition: all 0.6s;
  width: 120px;
}
.g-nav-login:hover{
  opacity: 0.7;
}
.g-nav-login a {
  color: var(--color-white-1);
}

/*  g-nav-logout
 * --------------------------------------------- */
.g-nav-logout-wrap {
  margin: 25px auto;
  width: 120px;
}
.g-nav-logout {
  align-items: center;
  border: 1px solid #007612;
  border-radius: 24px;
  color: #007612;
  display: flex;
  font-size: 14px;
  justify-content: center;
  height: 30px;
  width: 120px;
}
.g-nav-logout:hover {
  opacity: 0.7;
}
.g-nav-logout a {
  color: #007612;
}

.fade-layer {
  background-color: #000000;
  height: 100%;
  position:fixed;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  transition: 0.1s ease-in-out;
  width: 100%;
  z-index: 1000;
}
.menu-open-all a {
  display: block;
  width: 100%;
  height: 100%;
}


button:focus {
  outline: none;
}
select {
  border: none;
  border-bottom: 1px solid #1558D6;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}
a:hover {
  opacity: 0.8;
  transition: 0.3s;
}
label[for] {
  cursor: pointer;
}

dialog::backdrop,
.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.dialog {
  border: none;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  height: 299px;
  overflow: inherit;
  padding: 0;
  width: 908px;
}

/* ---------------------------------------------
 *  dialog
 * --------------------------------------------- */
dialog {
    border-radius: 8px;
}

/* ---------------------------------------------
 *  c-dialog
 * --------------------------------------------- */
.c-dialog {
    border: none;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    overflow: inherit;
    padding: 40px;
    min-width: 360px;
}

.c-dialog-1__btn-close {
  background: var(--color-white-1);
  border-radius: 50%;
  color: var(--color-green-2);
  cursor: pointer;
  line-height: 1;
  padding: 8px;
  position: absolute;
  top: -9px;
  right: -8px;
  z-index: 100;
}

/*  c-dialog-2
 * --------------------------------------------- */
.c-dialog-2 {
    border: none;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    overflow: inherit;
    padding: 25px;
    min-width: 360px;
}

/*  c-dialog-3
 * --------------------------------------------- */
.c-dialog-3 {
    background: var(--color-green-3);
    border: none;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    height: 180px;
    overflow: inherit;
    padding: 0;
    /*width: 648px;*/
}

/*  c-dialog-4
 * --------------------------------------------- */
.c-dialog-4 {
    border: none;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    overflow: auto;
    padding: 0;
    width: 300px;
    will-change: transform;
}
.c-dialog-4__text {
    background-color: var(--color-white-1);
    padding: 40px 1em;
    text-align: center;
    width: 100%;
}
.c-dialog-4__button-wrapper {
    background: var(--color-green-2);
    border-top: 1px solid var(--color-green-2);
    display: flex;
}
.c-dialog-4 .button {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
    text-align: center;
    width: 50%;
}
.c-dialog-4 .cancel.button {
    background: var(--color-white-1);
    color: var(--color-green-2);
}
.c-dialog-4 .delete.button {
    background: var(--color-green-2);
    color: var(--color-white-1);
}

/* ---------------------------------------------
 *  c-dialog-contents
 * --------------------------------------------- */
.c-dialog-contents {
}

/* ---------------------------------------------
 *  l-header-info
 * --------------------------------------------- */
.l-header-info {
    background: #d8e3f8;
    color: #1558D6;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 9px 0;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.l-header-info__banner {
    background: url("../images/main-visual.png") no-repeat;
    background-size: auto;
    background-size: cover;
    height: 161px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.l-header-info__banner h1 {
  font-size: 28px;
  color: var(--color-white-1);
  text-align: center;
  font-weight: normal;
}
.l-header-info__banner p {
  color: var(--color-white-1);
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
.l-header-info-search-txt__03 {
  background: var(--color-white-1);
  border-radius: 50px;
  font-size: 14px;
  color: var(--color-green-2);
  padding: 4px 24px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 11px 0 0 0;
}

/* ---------------------------------------------
 *  l-header-search
 * --------------------------------------------- */
.l-header__search-wrapper {
  background: #b8e092;
  height: 0;
  overflow: hidden;
  transition: all 1s;
}
.l-header__search-wrapper.opened {
  height: 440px;
  transition: all 1s;
}
.l-header-search__wrap {
  background: #b8e092;
  transition: all 1s;
}
.l-header-search-pull-down__toggle {
  background: #B8E092;
  border-radius: 8px;
  margin: 0 auto;
  padding: 35px 40px 30px;
  position: relative;
  width: 908px;
}
.l-header-search-pull-down__toggle__02 {
  width: 648px;
}
.l-header-search-pull-down__toggle__03 {
  width: 324px;
}
.l-header-search-word__wrap {
  display: none;
}
.l-header-search-word__txt01 {
  color: #087612;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}
.l-header-search-word__txt01 span {
  color: #0F0F0F;
  font-size: 22px;
}
.l-header-search-pull-down__contents {
  margin: 0 auto;
  max-width: 1000px;
}
.l-header-search-pull-down__01 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  max-width: 827px;
  margin: 0 auto;
}
.l-header-search-pull-down__01 div {
  margin: 0 24px 0 0;
  width: 100%;
}
.l-header-search-pull-down__01 div:last-child {
  margin: 0;
}
.l-header-search-pull-down__02 {
  border: 1px solid var(--color-white-1);
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 80px;
  margin: 10px 0 0;
  padding: 20px;
  width: 625px;
}
.pull-down-search-02-contents {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: baseline;
  width: 100%;
}
.l-header-search-and_wrap {
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-header-search__title {
  border-radius: 6px;
  background: #6FAD32;
  font-size: 14px;
  text-align: center;
  color: var(--color-white-1);
}
.l-header-search__title_02 {
  margin: 0 10px 0;
  white-space: nowrap;
}
.l-header-search__title_02:last-child {
  margin: 0;
}
select {
  background: url("../images/select-arrow.webp"), var(--color-white-1);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
}
.no-webp select {
  background: url("../images/select-arrow.png"), var(--color-white-1);
}
select:invalid {
  color: #757575;
}
select:disabled {
  cursor: default;
}
.l-header-search__select {
  padding: 8px 0 10px 10px;
  margin: 8px 0 0 0;
  border-radius: 6px;
  display: block;
  width: 100%;
  font-size: 14px;
  border: none;
}
.l-header-search__select select:invalid {
  color: #757575;
}
.l-header-search__select option::after {
  content: " ";
  height: 5px;
  width: 5px;
  background: #c00;
  border-radius: 5px;
  display: inline-block;
}
.l-header-search-produce__group optgroup {
  color: #007612;
}
.l-header-search-produce__group option {
  color: #000;
}
.l-header-search-pull-down-btn__btn {
  border-radius: 22px;
  background: #ff9055;
  padding: 6px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: var(--color-white-1);
}
.l-header-search-pull-down-btn__btn:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.l-header-search-pull-down-btn__btn::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/search-arrow-big.webp");
  background-size: contain;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.no-webp .l-header-search-pull-down-btn__btn::before {
  background-image: url("../images/search-arrow-big.png");
}
.l-header-search-txt_wrap {
  border-top: dashed 1px var(--color-green-2);
  color: #1558D6;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  margin: 27px 0 0;
  padding: 15px 0 0;
}
.l-header-search-txt_01 {
  margin: 0 14px 0 0;
  letter-spacing: 0px;
}
.l-header-search-txt_01 a,
.l-header-search-txt_02 a {
  text-decoration: underline;
}

/* -------------------------------------
 *  l-contents
 * ------------------------------------- */
.l-contents {
    padding-bottom: 70px;
}
.l-contents__wrapper {
  margin: 0 auto;
  max-width: 1000px;
}

/*  l-contents__form
 * ------------------------------------- */
.l-contents__form {
    font-size: 14px;
    margin-inline: auto;
    width: 80%;
}
.l-contents__form .terms-of-service {
    border: solid 1px var(--color-black-1);
    height: 540px;
}
.l-contents__form table {
    width: 100%;
}
.l-contents__form .error-txt {
    color: var(--color-orange-3);
    font-size: 13px;
    margin-top: 5px;
}
.form-error input[type="text"],
.form-error input[type="password"],
.form-error textarea {
    background: var(--color-white-1) !important;
    border: 1px solid var(--color-orange-3) !important;
}

/* -------------------------------------
 *  l-contents-tab
 * ------------------------------------- */
.l-contents-tab {}
.l-contents-tab__content.is-current {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-flow: column;
}
.l-contents-tab__content {
  width: 100%;
  display: none;
}
.l-contents-tab__content.is-current {
  display: block;
}
.l-contents-tab-ttl_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.l-contents-tab-ttl_01 span {
  font-size: 16px;
  color: var(--color-white-1);
  background: #78aa58;
  padding: 8px 16px;
}
.l-contents-tab-ttl_02 {
  color: #0F0F0F;
  font-size: 24px;
  letter-spacing: 0;
   text-align: center;
}
.l-contents-tab-ttl_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}
.l-contents-tab-edit__btn {
  font-size: 14px;
}
.l-contents-tab-edit__btn a {
  color: #1558D6;
  text-decoration: underline;
  position: relative;
  z-index: 100;
}
.l-contents-tab-edit__btn button {
  position: relative;
  z-index: 10;
}
.l-contents-tab-edit__btn span {
  color: #1558D6;
  margin-inline-start: 10px;
  text-decoration: underline;
}
.l-contents-tab-edit__btn picture {
  margin: 0 4px 0 0;
}
.l-contents-tab-level__wrap {
  position: relative;
  text-align: center;
  top: 23px;
}
.l-contents-tab-note__wrap {
  color: #0F0F0F;
  font-size: 12px;
  margin: -13px 0 -12px 0;
}
.l-contents-tab-pulldown__wrap {
  position: relative;
  text-align: right;
}
.l-contents-tab-pulldown__wrap select {
  background: url("../images/select-arrow.png"), var(--color-white-1);
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  width: 100%;
}
.l-contents-tab-pulldown__wrap span select {
  border: 1px solid #606060;
  border-radius: 8px;
  display: block;
  font-size: 14px;
  margin: 0 0 0 auto;
  max-width: 120px;
  padding: 7px 17px;
  text-align: left;
  position: relative;
  top: -26px;
  z-index: 100;
}

/*  l-contents-tab__table
 * ------------------------------------- */
.l-contents-tab__table {
  border: 1px solid var(--color-gray-4);
  border-collapse: separate;
  border-radius: 7px;
  border-spacing: 0;
  margin: -2px 0 0;
  overflow: hidden;
  width: 100%;
}
.l-contents-tab__table .bd-r__none {
  border-right: none;
}
.l-contents-tab__table th {
  background: #ddead5;
  font-size: 14px;
  padding: 2px 0;
  text-align: center;
}
.l-contents-tab__table tr:nth-child(even) td {
  background: var(--color-gray-3);
}
.l-contents-tab__table tbody tr:last-child > * {
  border-bottom: none;
}
.l-contents-tab__table th,
.l-contents-tab__table td {
  border-bottom: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
}
.l-contents-tab__table tr th select {
  background: url("../images/select-arrow-blue.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  color: #1558D6;
  font-size: 13px;
  padding: 2px;
  width: 45%;
}

.bd-r__none {
  border-right: none !important;
}

/* -------------------------------------
 *  l-contents-tab-02
 * ------------------------------------- */
.l-contents-tab-02__content {
  width: 100%;
}
.l-contents-tab-02__content,
.l-contents-tab-02__content02 {
  width: 100%;
  display: none;
}
.l-contents-tab-02__label.is-current,
.l-contents-tab-02__label02.is-current {
  background: var(--color-green-2);
  border-radius: 22px;
  color: var(--color-white-1);
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.l-contents-tab-02__content.is-current {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-flow: column;
}
.l-contents-tab-02__label,
.l-contents-tab-02__label02 {
/*  background: var(--color-white-1);
  border-right: 1px solid var(--color-green-2);
  border-bottom: none;
  border-left: 1px solid var(--color-green-2);
  border-radius: 6px 6px 0px 0px;
  color: var(--color-green-2);*/
  color: #0F0F0F;
  height: 41px;
  order: -1;
  width: 500px;
}
.l-contents-tab-02__label {
/*  border: 1.1px solid var(--color-green-2);*/
/*  border-radius: 22px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  height: 34px;
/*  margin: 0 -2px 0;*/
  order: -1;
}
.l-contents-tab-02__label02 {
  border: none;
/*  border: 1.1px solid var(--color-green-2);
  border-radius: 0px 22px 22px 0px;
  color: var(--color-green-2);*/
  color: #0F0F0F;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  height: 34px;
  order: -1;
  text-align: center;
  padding: 5.5px 0;
}

/* -------------------------------------
 * トップ（市況推移）
 * マイ市況（市況推移）
 * ------------------------------------- */
/*  l-contents-tab-02__table
 * ------------------------------------- */
.l-contents-tab-02__table {
  border-bottom: 1px solid #9f9f9f;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 7px;
  margin: 1px 0 0;
  overflow: hidden;
  width: 100%;
}
.l-contents-tab-02__table tr th select {
  background: url("../images/select-arrow-blue.png");
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  color: #1558D6;
  font-size: 13px;
  padding: 2px;
  width: 45%;
}
.l-contents-tab-02__table tr:first-child th:first-child {
  border-top: none;
  border-right: none;
  border-left: none;
}
.l-contents-tab-02__table tr:nth-child(even) {
  background: var(--color-gray-3);
}
.l-contents-tab-02__table tr:nth-child(2) > * a {
  color: #1558D6;
  text-decoration: underline;
}
.l-contents-tab-02__table tr:nth-child(even) {
  background: var(--color-gray-3);
}
.l-contents-tab-02__table tr:nth-child(2) > * a {
  color: #1558D6;
  text-decoration: underline;
}
.l-contents-tab-02__table tr > *:first-child {
  border-left: 1px solid #9f9f9f;
  font-size: 14px;
  text-align: center;
}
.l-contents-tab-02__table tr > *:first-child a {
  color: #1558D6;
  text-decoration: underline;
}
.l-contents-tab-02__table tr > *:nth-child(2) {
  text-align: center;
  width: 120px;
}
.l-contents-tab-02__table tr > *:nth-child(3),
.l-contents-tab-02__table tr > *:nth-child(4),
.l-contents-tab-02__table tr > *:nth-child(5) {
  text-align: center;
  width: 150px;
}
.l-contents-tab-02__table tr > *:last-child {
  border-right: 1px solid #9f9f9f;
  text-align: center;
  width: 170px;
}
.l-contents-tab-02__table th {
  height: 6px;
}
.l-contents-tab-02__table th:last-child {
  border-bottom: none;
  height: auto;
}
.l-contents-tab-02__table thead tr:nth-child(2) > * {
  background: #ddead5 !important;
  border-top: 1px solid #9f9f9f;
  font-size: 14px;
  padding: 5px 3px;
  text-align: center;
}

/* -------------------------------------
 * マイ市況（市況一覧）
 * ------------------------------------- */
.l-contents-tab__table__10 table tr > :first-child {
  width: 320px;
}

/* -------------------------------------
 * マイ市況（市況推移）
 * ------------------------------------- */
.l-contents-tab-02__table__06 {
  height: 100%;
  position: relative;
}
.l-contents-tab-02__table__06 .l-contents-tab-02-yasai__wrap {
  height: 100%;
}
.no-webp .l-contents-tab-detail-change__btn span {
  background: url("../images/detail-change_ico.webp") no-repeat left 10px center;
}
.l-contents-tab-kakaku__wrap__02 {
  padding: 0px !important;
}

/* -------------------------------------
 * 市況
 * ------------------------------------- */
.l-contents-tab__table__02 th:first-of-type {
  border-bottom: none;
  width: 204px;
}
.l-contents-tab__table__02 table {
}
.l-contents-tab__table__02 table th {
}
.l-contents-tab__table__02 tr > *:first-child {
  background: none;
}
.l-contents-tab__table__02 tr th:nth-child(2) {
  width: 424px;
}
.l-contents-tab__table__02 tr th:nth-child(3) {
  width: 234px;
}
.l-contents-tab__table__02 tr th:nth-child(4) {
  width: 138px;
}
.l-contents-tab__table__02 .l-contents-tab-kakaku__wrap {
  padding: 0 !important;
}

/* -------------------------------------
 * 動向
 * ------------------------------------- */
.l-contents-tab__table__07 {
  border-top: 1px solid #9f9f9f;
  border-left: 1px solid #9f9f9f;
  border-bottom: 1px solid #9f9f9f;
  border-right: none;
  border-collapse: separate;
  border-radius: 7px;
  border-spacing: 0;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.l-contents-tab__table__07 th,
.l-contents-tab__table__07 td {
  border-bottom: 1px solid var(--color-gray-4);
  border-right: 1px solid #9f9f9f;
}
.l-contents-tab__table__07 th {
  background: #ddead5;
  font-size: 14px;
  padding: 3px 0;
  text-align: center;
}
.l-contents-tab__table__07 td {
  background: var(--color-white-1);
  font-size: 12px;
}
.l-contents-tab__table__07 tbody tr:last-child > * {
  border-bottom: none;
}
.l-contents-tab__table__07 tr > *:nth-child(1) {
  width: 119px;
}
.l-contents-tab__table__07 tr > *:nth-child(2) {
  width: 95px;
}
.l-contents-tab__table__07 tr > *:nth-child(n+3) {
  width: 62px;
}
.l-contents-tab__table__07 tr > *:last-child {
  width: 40px;
}
.l-contents-tab__table__07 tr:not(:first-child) {
  padding: 8px 10px;
}
.l-contents-tab__table__07 tr:first-child > * select:invalid {
  color: #1558D6;
  border-bottom: 1px solid #1558D6;
}
.l-contents-tab__table__07 tr > td:first-child {
  padding: 5px;
}
.l-contents-tab__table__07 tr > td:nth-child(2) {
  color: #0F0F0F;
  padding: 0 12px 0 0;
  text-align: right;
}
.l-contents-tab__table__07 tr > td:nth-child(n+3) {
  padding: 5px;
  text-align: right;
}
.l-contents-tab__table__07 tr > td:last-child {
  text-align: center;
}
.l-contents-tab__table__07 td:last-child img {
  width: 50%;
}
.l-contents-tab__table__07 .level_01 {
  background: var(--color-gray-3);
}
.l-contents-tab__table__07 .level_02 {
  background: #FEF9CE;
}
.l-contents-tab__table__07 .level_03 {
  background: #FDEB84;
}
.l-contents-tab__table__07 select {
  background: url("../images/select-arrow-blue.png");
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  color: #1558D6;
  font-size: 13px;
  padding: 2px;
  width: 90%;
}
.l-contents-tab__table__07 a,
.l-contents-tab__table__07 button {
  color: #1558D6;
  padding: 3px 0;
  text-decoration: underline;
}

.l-contents-tab-yasai__contents__wrap__wrap {
  display: flex;
  height: 100%;
}
.l-contents-tab-yasai__num {
  border-right: 1px solid var(--color-gray-4);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
}
.l-contents-tab-yasai__contents__wrap {
  padding: 15px 35px 10px 16px;
  white-space: nowrap;
}
.l-contents-tab__tabled tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}

.l-contents-tab-02-yasai__wrap {
  border-top: 1px solid var(--color-gray-4);
}
.l-contents-tab-02-yasai__contents {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 0 0 20px;
}
.l-contents-tab-02-yasai__contents img {
  margin: 0 8px 0 0;
  width: 40px;
}
.l-contents-tab-02-market__contents {
  display: flex;
  /* justify-content: center;*/
  align-items: center;
  padding: 0 0 0 10px;
/*  margin: 0 auto;*/
}
.l-contents-tab-02-td-ttl02__wrap,
.l-contents-tab-02-td-ttl03__wrap {
  padding: 15px 0;
  line-height: 0;
  font-size: 18px;
}
.l-contents-tab-02__th01 select,
.l-contents-tab-02__th02 select {
}
.l-contents-tab-02__th01 select:focus,
.l-contents-tab-02__th02 select:focus {
  outline: none;
}
.l-contents-tab-02-td-ttl02__folder__01,
.l-contents-tab-02-td-ttl02__folder__02,
.l-contents-tab-02-td-ttl02__folder__03 {
  background: var(--color-white-1) !important;
}
.l-contents-tab-02-td-ttl02__folder__01:nth-child(odd),
.l-contents-tab-02-td-ttl02__folder__02:nth-child(even),
.l-contents-tab-02-td-ttl02__folder__03:nth-child(odd) {
  background: var(--color-gray-3) !important;
}
.l-contents-tab-02__th01,
.l-contents-tab-02-td-ttl__wrap,
.l-contents-tab-02-kakaku__wrap,
.l-contents-tab-02-td-ttl05__wrap {
  border-left: 1px solid var(--color-gray-4);
  border-top: 1px solid var(--color-gray-4);
  border-bottom: 1px solid var(--color-gray-4);
}
.l-contents-tab-02__th02 {
  border-left: 1px solid var(--color-gray-4);
  border-bottom: 1px solid var(--color-gray-4);
}
.l-contents-tab-02-kakaku-02__wrap,
.l-contents-tab-02-td-ttl05-02__wrap {
  border-left: 1px solid var(--color-gray-4);
  border-top: none;
  font-size: 18px;
  padding: 8px 0;
  line-height: 21px;
  border-bottom: none;
}
.l-contents-tab-02__th01 {
  border-bottom: none;
  width: 200px;
}

.l-contents-tab-02__th {
  background: #FDEB84;
  border: 1px solid var(--color-gray-4);
  border-radius: 0 7px 0 0;
}
.l-contents-tab-02-left-top__radius {
  border-radius: 7px 0 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.l-contents-tab-02-last_td {
  background: #FEF9CE;
}
.l-contents-tab-02-td-ttl__wrap {
  font-size: 14px;
}
.l-contents-tab-02-td-ttl__wrap span {
  display: block;
  font-size: 12px;
}
.l-contents-tab-02-td-ttl05-02__wrap span {
  display: block;
  font-size: 12px;
}
.l-contents-tab-02-td-ttl02__wrap, .l-contents-tab-02-td-ttl04__wrap {
  border-left: 1px dashed var(--color-gray-4);
  border-bottom: 1px dashed var(--color-gray-4);
  font-size: 12px !important;
  width: 119px !important;
}
.l-contents-tab-02-td-ttl03__wrap {
  border-bottom: none;
  border-left: 1px dashed var(--color-gray-4);
  font-size: 12px !important;
  width: 119px !important;
}
.l-contents-tab-02-td-ttl05__wrap {
  width: 119px !important;
}
.l-contents-tab-02-td-ttl05__wrap span {
  font-size: 12px !important;
  display: block;
}
.l-contents-tab-kakaku__wrap {
  border-top: none;
  font-size: 18px;
  text-align: center;
  width: 380px;
}

/* -------------------------------------
 * マイ市況（編集・削除・並べ替え）
 * ------------------------------------- */
.l-contents-tab__table__05 table tr > :first-child {
  width: 320px;
}
.l-contents-tab__table__05 .l-contents-tab-kakaku__wrap {
  width: 260px;
}
.l-contents-tab__table__05 .l-contents-tab-nyuka__wrap__02 {
  width: 140px;
}
.l-contents-tab__table__05 .l-contents-tab-nyuka__wrap__02 picture:hover {
  opacity: 0.8;
  transition: 0.3s;
  cursor: pointer;
}
.l-contents-tab__table__05 .l-contents-tab-kosin__wrap__02 {
  width: 140px;
}
.l-contents-tab-kakaku__wrap__02 {
  vertical-align: top;
}
.l-contents-tab-kakaku__wrap span {
  font-size: 12px;
}
.l-contents-tab-02-kakaku__wrap {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  padding: 8px 0;
}
.l-contents-tab-02-kakaku__wrap span:first-child,
.l-contents-tab-02-kakaku-02__wrap span:first-child {
  font-size: 12px;
  display: inline;
}
.l-contents-tab-02-kakaku__wrap span {
  font-size: 12px;
  display: block;
  width: 100%;
}
.l-contents-tab-02-kakaku-02__wrap span {
  font-size: 12px;
  display: block;
  width: 100%;
}
.l-contents-tab-kakaku__contents {
  display: flex;
  flex-wrap: wrap;
}
.l-contents-tab-kakaku__contents div {
  border-right: 1px dashed #9f9f9f;
  font-size: 12px;
  padding: 4px 0;
  text-align: center;
  width: 33%;
}
.l-contents-tab-kakaku__contents div:nth-child(1) {
  border-bottom: 1px dashed #9f9f9f;
  border-right: none;
  font-size: 18px;
  font-weight: 500;
  margin-right: 0;
  padding: 4px 0;
  width: 100%;
}
.l-contents-tab-kakaku__contents div:last-child {
  border-right: none;
}
.l-contents-tab-kakaku__01__02 {
  height: 107px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-contents-tab-kakaku__02__02,
.l-contents-tab-kakaku__03__03,
.l-contents-tab-kakaku__04__04 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
}
.font__red {
  color: #E24733;
}
.font__green {
  color: #57942f;
}
.l-contents-tab-kakaku-02__wrap {
  border-top: 1px dotted #9f9f9f !important;
  border-right: 1px dotted #9f9f9f !important;
  border-left: 1px dotted #9f9f9f !important;
  border-bottom: 1px solid #9f9f9f;
  padding: 7px 40px;
  text-align: center;
  font-size: 12px;
}
.l-contents-tab-kakaku-02__wrap:last-child {
  border-right: solid 1px #9f9f9f !important;
}
.l-contents-tab-yasai__wrap {
  font-size: 14px;
  padding: 0px 15px !important;
}
.l-contents-tab-yasai__wrap__02 {
  padding: 0 !important;
  line-height: 21px;
}
.l-contents-tab-yasai__contents {
  display: flex;
  align-items: center;
  text-align: left;
}
.l-contents-tab-yasai__contents a {
  color: #1558D6;
  text-decoration: underline;
}
.l-contents-tab-yasai__contents img {
  margin: 0 8px 0 0;
  width: 40px;
}
.l-contents-tab-yasai__contents__02 {
  border-top: 1px dashed #9f9f9f;
  padding: 9px 0 0;
  margin: 16px 0 0 0;
  line-height: 23px;
  text-align: left;
}
.l-contents-tab-nyuka__wrap {
  text-align: center;
  font-size: 18px;
  width: 264px;
  font-weight: 500;
}
.l-contents-tab-nyuka__wrap span {
  font-size: 12px;
}
.l-contents-tab-nyuka__wrap__02 {
  width: 190px;
}
.l-contents-tab-kosin__wrap__02 {
  width: 110px;
}
.l-contents-tab-kosin__wrap {
  font-size: 14px;
  text-align: center;
}



/* -------------------------------------
 *  c-block
 * ------------------------------------- */

/*  c-block-3
 * ------------------------------------- */
.c-block-3 {
    padding-top: 30px;
}
.c-block-3__head {
    border-bottom: 1px solid var(--color-green-2);
    column-gap: 17px;
}
.c-block-3__date {
    color: var(--color-gray-5);
    font-size: 12px;
}
.c-block-3__contents {
    padding-top: 30px;
}

/*  c-box-2
 * ------------------------------------- */
.c-box-2 {
  font-size: 14px;
  text-align: center;
}

/* -------------------------------------
 *  c-btn
 * ------------------------------------- */
/*  c-btn-1
 * ------------------------------------- */
/* 緑枠、白文字、緑背景 */
.c-btn-1 {
  background: var(--color-green-2);
  border-radius: 22px;
  color: var(--color-white-1);
  font-size: 14px;
  height: 32px;
  padding-inline: 26px;
}
.c-btn-1:hover {
  opacity: 0.8;
  transition: 0.3s;
}
a.c-btn-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  c-btn-2
 * ------------------------------------- */
/* 緑枠、緑文字、白背景 */
.c-btn-2 {
  background: var(--color-white-1);
  border: 1px solid var(--color-green-2);
  border-radius: 22px;
  color: var(--color-green-7);
  font-size: 14px;
  height: 32px;
  padding-inline: 26px;
}
.c-btn-2:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-btn-2:disabled,
.c-btn-2.disabled {
  background: var(--color-gray-2);
}
.c-btn-2.narrow {
  padding-inline: 20px;
}
.c-btn-2.contact {
  background-image: url(../images/faq/icon_contact.svg);
  background-position: left 20px center;
  background-repeat: no-repeat;
  padding: 0 26px 0 50px;
}
.c-btn-2.excel-download {
  background: url(../images/download_ico.png) no-repeat left 20px center;
  padding: 0 26px 0 50px;
}
.c-btn-2.pdf-download {
  background: url(../images/graph-change_ico.png) no-repeat left 25px center;
  padding: 0 26px 0 50px;
}
.c-btn-2.search-change {
  background: url(../images/detail-change_ico.png) no-repeat left 13px center;
  padding: 0 26px 0 50px;
}
.c-btn-2.add-my-market {
  border: none;
}
a.c-btn-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  c-btn-3
 * ------------------------------------- */
/* 緑枠、緑文字、白背景（c-btn-2の大きいバージョン） */
.c-btn-3 {
  border: 1px solid var(--color-green-2);
  border-radius: 30px;
  color: var(--color-green-2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding-block: 10px;
  width: 350px;
}

/*  c-btn-4
 * ------------------------------------- */
/* 枠無し、青文字、白背景 */
.c-btn-4 {
    border: none;
    color: var(--color-blue-1);
    font-size: 14px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* -------------------------------------
 *  c-cassette
 * ------------------------------------- */
.c-cassette {
    margin-inline: auto;
    width: var(--design-width-px);
}
.c-cassette__head {
}
.c-cassette__contents {
    margin-top: 30px;
}

/* -------------------------------------
 *  c-check
 * ------------------------------------- */
input[type="checkbox"] {
    display: none;
}
.c-check {
    display: none;
}

/*  c-check-2
 * ------------------------------------- */
.c-check-2 {
    cursor: pointer;
    position: relative;
}
.c-check-2 input[type=checkbox] {
    display: none;
}
.c-check-2 div span {
    display: inline-block;
    margin-inline-start: 30px;
}
.c-check-2 > div::before {
    background: var(--color-white-1);
    border: 1px solid #ccc;
    border-radius: 3px;
    content: "";
    height: 20px;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 20px;
}
.c-check-2 > div::after {
    background: url("../images/check-ico.png");
    background-size: cover;
    content: "";
    height: 16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 5%;
    translate: 0 -50%;
    width: 16px;
}
.c-check-2 > div:has(input[type="checkbox"]:checked)::after {
    opacity: 1;
}

/* -------------------------------------
 *  c-section
 * ------------------------------------- */
.c-section__head {
}
.c-section__sort {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-section__radio {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: center;
}
.c-section__selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c-section__contents {
    margin-block-start: 20px;
}
.c-section__graph-wrap {
    margin-bottom: 25px;
    position: relative;
}
.c-section__slider {
    margin-inline: auto;
    width: 89%;
}
.c-section__period-control {
    margin-inline: auto;
    margin-top: 35px;
    width: 48%;
}
.c-section__line-control {
    margin-top: 40px;
}

/* -------------------------------------
 *  c-tab
 * ------------------------------------- */
.c-tab {
    display: flex;
    align-items: flex-end;
    margin-right: auto;
}
.c-tab__item {
    width: 74px;
}
.c-tab__trigger {
    background-color: var(--color-gray-2);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #0F0F0F;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36.5px;
    margin: 3.5px 8px 0 0;
    padding: 0 39px 0;
    text-align: center;
    width: 160px;
}
.c-tab__trigger.is-current {
    border-color: var(--color-green-2);
    background-color: var(--color-white-1);
    color: var(--color-green-2);
    font-weight: 500;
    height: 41px;
    margin: 0 7px 0 0;
    padding-block: 8px;
    translate: 0 1px;
}

/*  c-tab-2
 * ------------------------------------- */
.c-tab-2 {
    background: var(--color-gray-2);
    /*border: 1.1px solid var(--color-green-2);*/
    border-radius: 22px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

/*  c-tab-3
 * ------------------------------------- */
.c-tab-3 {
    border: 1px solid var(--color-green-2);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.c-tab-3__item {
    border-right: 1px solid var(--color-green-2);
    flex-shrink: 0;
    width: 25%;
}
.c-tab-3__item:last-of-type {
    border-right: none;
}
.c-tab-3__trigger {
    color: var(--color-green-2);
    display: flex;
    justify-content: center;
    font-size: 13px;
    padding-block: 2px;
    width: 100%;
}
.c-tab-3__trigger.is-current {
    background-color: var(--color-green-2);
    color: var(--color-white-1);
}

/* ------------------------------------- *
 *  c-table
 * ------------------------------------- */


/*  c-table-10
 * ------------------------------------- */
.c-table-10 {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 50px;
    width: 100%;
}
.c-table-10 tr {
    height: 40px;
}
.c-table-10 tr td {
    font-size: 14px;
    vertical-align: middle;
    width: 25%;
}
.c-table-10 td a {
    color: var(--color-blue-1);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.c-table-10 td a.c-btn-2 {
    color: var(--color-green-7);
    text-decoration: none;
}
.c-table-10 td div {
    line-height: 1.7em;
}

/*  c-table-11
 * ------------------------------------- */
.c-table-11 {
    font-size: 14px;
    width: 100%;
}
.c-table-11 td {
    border: none;
    padding: 10px 15px 5px;
}
.c-table-11 td.region {
    background: var(--color-gray-3);
    border-top: 10px solid var(--color-white-1);
    padding: 20px 15px 15px;
}
.c-table-11 td.region div:first-child {
    font-weight: 600;
}
.c-table-11 tr.last-row td {
    padding-bottom: 25px;
}

/*  c-table-12
 * ------------------------------------- */
.c-table-12 {
    font-size: 14px;
    width: 100%;
}
.c-table-12 tr {
    background: var(--color-green-6);
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.c-table-12 tr td:first-of-type {
    line-height: 24px;
    padding-inline-start: 20px;
    vertical-align: middle;
    width: 270px;
}
.c-table-12 tr td:nth-of-type(2) {
    background: var(--color-white-1);
    padding: 20px;
}
.c-table-12 input[type="text"] {
    border: 1px solid var(--color-black-1);
    border-radius: 6px;
    height: 40px;
    padding: 10px 14px;
    width: 100%;
}
.c-table-12 textarea {
    border: 1px solid var(--color-black-1);
    border-radius: 6px;
    height: 200px;
    padding: 11px 0 0 14px;
    width: 100%;
}

/*  c-table-13
 * ------------------------------------- */
.c-table-13 {
    font-size: 16px;
    width: 100%;
}
.c-table-13 tr td:first-of-type {
    height: 85px;
    line-height: 24px;
    padding: 10px 0 0;
    vertical-align: top;
    width: 270px;
}
.c-table-13 tr td:nth-of-type(2) {
    height: 85px;
    padding: 0 0 15px;
    vertical-align: top;
}
.c-table-13 tr td.passwd {
    position: relative;
}
.c-table-13 input[type="text"],
.c-table-13 input[type="password"] {
    background-color: var(--color-white-1);
    border: 1px solid var(--color-black-1);
    border-radius: 6px;
    padding: 10px;
    width: 100%;
}
.c-table-13 .req::after {
    top: 25%;
}

/*  c-table-14
 * ------------------------------------- */
.c-table-14 {
    font-size: 14px;
    width: 100%;
}
.c-table-14 tr {
    background: var(--color-green-6);
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.c-table-14 tr td:first-of-type {
    line-height: 24px;
    padding-inline-start: 20px;
    vertical-align: middle;
    width: 270px;
}
.c-table-14 tr td:nth-of-type(2) {
    background: var(--color-white-1);
    padding: 20px;
}
.c-table-14 input[type="text"] {
    border: 1px solid var(--color-black-1);
    border-radius: 6px;
    height: 40px;
    padding: 10px 14px;
    width: 100%;
}
.c-table-14 input[type="password"] {
    border: 1px solid #000;
    border-radius: 6px;
    height: 40px;
    padding: 10px 40px 10px 14px;
    width: 100%;
}
.c-table-14 select {
    background: url("../images/select-arrow.png"), var(--color-white-1);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    border: 1px solid #000;
    border-radius: 6px;
    display: block;
    padding: 10px 0 10px 20px;
    width: 335px;
}
.c-table-14 select option:after {
    background: #c00;
    border-radius: 5px;
    content: " ";
    display: inline-block;
    height: 5px;
    width: 5px;
}
.c-table-14 a {
    color: var(--color-blue-1);
    text-decoration: underline;
}

/*  c-table-15
 * ------------------------------------- */
.c-table-15 {
    border: 1px solid #9f9f9f;
    border-collapse: separate;
    border-radius: 10px;
    font-size: 14px;
    overflow: hidden;
    width: 100%;
}
.c-table-15 th {
    background-color: var(--color-green-6);
    border-right: calc(1 / var(--design-width) * 100vw) solid var(--color-gray-4);
    line-height: 1.3;
    text-align: center;
    width: 30%;
}
.c-table-15 tr:first-of-type th {
    border-bottom: 1px solid var(--color-gray-4);
}
.c-table-15 td {
    padding: 10px;
    text-align: center;
}
.c-table-15 tr:first-of-type td {
    border-bottom: 1px solid var(--color-gray-4);
}

/*  c-table-16
 * ------------------------------------- */
.c-table-16 {
    border: 1px solid #9f9f9f;
    border-radius: 7px;
    font-size: 14px;
    width: 100%;
}
.c-table-16 th,
.c-table-16 td {
    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    padding: 10px;
    text-align: center;
}
.c-table-16 th:first-child {
  width: 20%;
}
.c-table-16 th:nth-child(2) {
  width: 45%;
}
.c-table-16 th:nth-child(4) {
  width: 20%;
}
.c-table-16 td:nth-child(2) {
  text-align: left;
}
.c-table-16 td a {
  color: var(--color-blue-1);
  text-decoration: underline;
}

/*  c-table-17
 * ------------------------------------- */
.c-table-17__wrapper {
  height: 720px;
  overflow: auto;
}
.c-table-17 {
  border: 1px solid #333;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
  table-layout: fixed;
  width: 100%;
}
.c-table-17 tr th {
  background: #548235;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  color: white;
  height: 30px;
  padding: 5px 0;
  position: sticky;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 45px;
}
.c-table-17 th:last-child {
  border-right: 0px;
}
.c-table-17 tr th.border-top-toggle {
  border-top: 1px solid #333;
}
.c-table-17 tr td {
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}
.c-table-17 tr td:nth-of-type(1) {
  padding: 7px 0;
}
.c-table-17 .colored {
  background: #eeeeee;
}
.c-table-17 .link {
    color: var(--color-blue-1);
    text-decoration: underline;
}

/* -------------------------------------
 *  c-input
 * ------------------------------------- */
.c-input__box {
    border: 1px solid var(--color-gray-5);
    border-radius: 8px;
    display: block;
    padding: 7px 17px;
    width: 100%;
}

/* -------------------------------------
 *  c-select
 * ------------------------------------- */
.c-select {}
.c-select__box {
    background: url("../images/select-arrow.png"), var(--color-white-1);
    background-position: right 15px center;
    background-repeat: no-repeat;
    border: 1px solid var(--color-gray-5);
    border-radius: 8px;
    font-size: 14px;
    padding: 7px 17px;
    width: 120px;
}
.c-select__box .disabled {
    color: var(--color-gray-5);
}

/* -------------------------------------
 *  c-radio
 * ------------------------------------- */
.c-radio {
    cursor: pointer;
    display: flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
}
.c-radio__input {
    border: 1px solid var(--color-gray-1);
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    position: relative;
    width: 22px;
}
.c-radio__input::before {
    background-color: var(--color-orange-1);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 12px;
}
.c-radio__input:checked {
    border-color: var(--color-orange-1);
}
.c-radio__input:checked::before {
    opacity: 1;
}
.c-radio__txt {
    user-select: none;
    color: var(--color-gray-4);
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1;
}
.c-radio__input:checked + .c-radio__txt {
    color: var(--color-base-1);
}

/* -------------------------------------
 *  background-color
 * ------------------------------------- */
.bg-white-1 {
    background-color: var(--color-white-1) !important;
}
/*
.bg-gray-1 {
  background-color: #A8A29E !important;
}
*/
.bg-gray-2 {
  background-color: #F5F5F4 !important;
}
/*
.bg-gray-3 {
  background-color: #D6D3D1 !important;
}
.bg-gray-4 {
  background-color: #E7E5E4 !important;
}
.bg-gray-5 {
  background-color: #D9D9D9 !important;
}
.bg-gray-6 {
  background-color: #57534E !important;
}
*/
.bg-green-6 {
    background-color: var(--color-green-6) !important;
}

/* -------------------------------------
 *  l-contents-tab-graph
 * ------------------------------------- */
.l-contents-tab-graph__table,
.l-contents-tab-graph__table__03 {
  margin: 40px 0 0;
  font-size: 14px;
}
.l-contents-tab-graph__table input[type="checkbox"],
.l-contents-tab-graph__table__02 input[type="checkbox"],
.l-contents-tab-graph__table__03 input[type="checkbox"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--color-green-2);
  border-radius: 2px;
  height: 19.83px;
  margin: 0px 12px 0 0;
  position: relative;
  vertical-align: -5px;
  width: 19.83px;
}
.l-contents-tab-graph__table input[type="checkbox"]:checked:before,
.l-contents-tab-graph__table__02 input[type="checkbox"]:checked:before,
.l-contents-tab-graph__table__03 input[type="checkbox"]:checked:before {
  border-right: 2px solid var(--color-white-1);
  border-bottom: 2px solid var(--color-white-1);
  content: '';
  left: 4px;
  height: 11px;
  position: absolute;
  top: 1px;
  transform: rotate(50deg);
  width: 12px;
}
.l-contents-tab-graph__table picture,
.l-contents-tab-graph__table__02 picture,
.l-contents-tab-graph__table__03 picture {
  display: flex;
  align-items: center;
  margin: 0 0 0 6px;
}
.l-contents-tab-graph__table,
.l-contents-tab-graph__table__02,
.l-contents-tab-graph__table__03 {
  background: var(--color-white-1);
  border: 1px solid #9f9f9f;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  line-height: 0;
  overflow: hidden;
  width: 100%;
}
.l-contents-tab-graph__table select,
.l-contents-tab-graph__table__02 select,
.l-contents-tab-graph__table__03 select {
  border: none;
  border-bottom: 1px solid #1558D6;
  color: #1558D6;
  font-size: 14px;
  padding: 1px 0;
}
.l-contents-tab-graph__table th,
.l-contents-tab-graph__table__02 th,
.l-contents-tab-graph__table__03 th {
  position: relative;
}
.l-contents-tab-graph__table button.dummy,
.l-contents-tab-graph__table__02 button.dummy,
.l-contents-tab-graph__table__03 button.dummy {
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.l-contents-tab-graph__table tr:first-child > *,
.l-contents-tab-graph__table__02 tr > * {
  border-right: 1px solid var(--color-gray-4);
  border-bottom: 1px solid var(--color-gray-4);
  line-height: 1;
  padding: 10px 5px;
}
.l-contents-tab-graph__table__03 tr > * {
  border-right: 1px solid var(--color-gray-4);
  border-bottom: 1px solid var(--color-gray-4);
}

.l-contents-tab-graph__table tr th select,
.l-contents-tab-graph__table tr td select,
.l-contents-tab-graph__table__02 tr select,
.l-contents-tab-graph__table__03 tr select {
  background: url("../images/select-arrow-blue.png");
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  color: #1558D6;
  font-size: 13px;
  padding: 2px;
  width: 90%;
}
.l-contents-tab-graph__table tr:first-child > th,
.l-contents-tab-graph__table__02 tr:first-child > th,
.l-contents-tab-graph__table__03 tr:first-child > th {
  border-right: 1px solid var(--color-gray-4);
  border-bottom: 1px solid var(--color-gray-4);
  line-height: 1;
  padding: 10px 5px;
}
.l-contents-tab-graph__table tr > th:last-child,
.l-contents-tab-graph__table__02 tr > th:last-child,
.l-contents-tab-graph__table__03 tr > th:last-child {
  border-right: none;
}
.l-contents-tab-graph__table tr:last-child > *,
.l-contents-tab-graph__table__02 tr:last-child > * {
  border-right: 1px solid var(--color-gray-4);
  border-bottom: none;
  padding: 10px 0px 14px 6px;
}
.l-contents-tab-graph__table__03 tr:last-child > * {
  border-right: 1px solid var(--color-gray-4);
  border-bottom: none;
}
.l-contents-tab-graph__table tr > *:first-child {
  text-align: center;
  width: 86px;
}
.l-contents-tab-graph__table tr > *:not(:first-child) {
  text-align: center;
  width: 164px;
}

.l-contents-tab-graph__table tr > td:last-child,
.l-contents-tab-graph__table__02 tr > td:last-child,
.l-contents-tab-graph__table__03 tr > td:last-child {
  border-right: none;
  padding: 10px 5px;
}
.l-contents-tab-graph__table__03 tr > td:last-child div {
  justify-content: center;
}

.l-contents-tab-graph__table td div,
.l-contents-tab-graph__table__02 td div,
.l-contents-tab-graph__table__03 td div {
  display: flex;
  align-items: center;
}
.l-contents-tab-graph__table td img,
.l-contents-tab-graph__table__02 td img,
.l-contents-tab-graph__table__03 td img {
  margin: 0 8px 0 0;
}

/* 
  PC-3rd-01-min.html：比較条件なし
  PC-3rd-02-max.html：比較条件最大、高値、中値、安値
  PC-3rd-03-max.html：比較条件最大
*/


/* 02（PC-3rd-01-min.html、PC-3rd-02-max.html、PC-3rd-03-max.html） */
.l-contents-tab-graph__table__02 tr > :first-child {
  width: 6%;
}
.l-contents-tab-graph__table__02 tr > :not(:first-child) {
  text-align: center;
  width: 26%;
}
.l-contents-tab-graph__table__02 tr > :last-child {
  width: 16%;
}
.l-contents-tab-graph__table__02 td:last-child {
  padding: 22px 14px 15px 22px;
}

.l-contents-tab-graph__table__03 tr > :first-child {
  padding: 0 0 0 7px;
  text-align: left;
  width: 16%;
}
.l-contents-tab-graph__table__03 tr > :not(:first-child) {
  width: 26%;
}
.l-contents-tab-graph__table__03 td {
  line-height: normal;
}
.l-contents-tab-graph__table__03 td:last-child {
  padding: 22px 14px 15px 22px;
}

/* 03（PC-3rd-02-max.html） */
.l-contents-tab-graph__table__03 tr > *:first-child img {
  width: 40px;
}
.l-contents-tab-graph__table__03 picture {
  margin: 0;
}
.l-contents-tab-graph-table-03__div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
}
.l-contents-tab-graph-table-03__div picture {
  margin: 0 0 12px !important;
}
.l-contents-tab-graph-table-03-div__ttl {
  margin: 0 0 8px 6px;
}
.l-contents-tab-graph-table-03-div__wrap {
  display: flex !important;
  padding: 3px 0 0 0;
}
.l-contents-tab-graph-table-03-div__wrap div {
  justify-content: center;
  margin: 0 0 0 9px;
}

/* 08（PC-3rd-01-min.html） */
.l-contents-tab-graph__table__08 tr > :first-child {
  width: 35px !important;
}
.l-contents-tab-graph__table__08 tr > :not(:first-child) {
  width: 176px !important;
}
.l-contents-tab-graph__table__08 tr > *:last-child {
  width: 53px !important;
}
.l-contents-tab-graph__table__08 tr td:last-child {
  border-right: none;
}

.l-contents-tab-graph__cecheckbox__03 picture {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}






.l-contents-tab-graph__txt {
  flex-direction: column;
  justify-content: center;
  align-items: normal !important;
}
.l-contents-tab-graph__txt div:first-child {
  color: #0F0F0F;
  font-size: 14px;
}
.l-contents-tab-graph__txt div:nth-child(2) {
  font-size: 12px;
  line-height: 21px;
}
.l-contents-tab-graph__cecheckbox {
  box-sizing: border-box;
  cursor: pointer;
/*  display: inline-block;*/
  display: flex;
  align-items: center;
  padding: 5px 30px;
  position: relative;
  width: auto;
}
.l-contents-tab-graph__cecheckbox.dummy {
  cursor: default;
}
.l-contents-tab-graph__cecheckbox__02 {
  padding: 5px 13px 5px 24px;
  font-size: 12px;
}
.l-contents-tab-graph__cecheckbox__03 {
  padding: 9px 13px 13px 27px;
  font-size: 12px;
  margin: 0 0 0 7px;
}
.l-contents-tab-graph__cecheckbox::before {
  background-color: var(--color-white-1);
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  content: '';
  display: block;
  height: 19.83px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 45%;
  width: 19.83px;
}
.l-contents-tab-graph__table__02 .l-contents-tab-graph__cecheckbox::before {
  margin-top: -8px;
}
.l-contents-tab-graph__cecheckbox.checked::before {
  background-color: var(--color-green-2);
  border: none;
}
.l-contents-tab-graph__cecheckbox::after {
  border-right: 2px solid var(--color-white-1);
  border-bottom: 2px solid var(--color-white-1);
  content: '';
  display: block;
  height: 11px;
  left: 11px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 7px;
}
.l-contents-tab-graph__table .l-contents-tab-graph__cecheckbox::after {
  margin-top: -6px;
}
.l-contents-tab-graph__cecheckbox__02::before {     /* market */
  margin: 0 10px 0 0;
  top: 50%;
}
.l-contents-tab-graph__cecheckbox__02::after {
  margin: 0 10px 0 0;
  top: 37%;
}
.l-contents-tab-graph__cecheckbox__03::before {     /* my market */
  margin: 0 10px 0 0;
  top: 40%;
}
.l-contents-tab-graph__cecheckbox__03::after {
  margin: 0 10px 0 0;
  top: 43%;
}
.l-contents-tab-graph__cecheckbox.checked::after {
  opacity: 1;
}

/* ---------------------------------------------
 *  footer
 * --------------------------------------------- */
footer div:first-child a {
  color: var(--color-blue-1);
  text-decoration: underline;
}

/* ---------------------------------------------
 *  l-footer
 * --------------------------------------------- */
.l-footer__copyright-txt {
  font-size: 10px;
  color: var(--color-white-1);
  text-align: center;
}

/* ---------------------------------------------
 *  l-footer-nav
 * --------------------------------------------- */
.l-footer-nav__wrap {
  background: #9F9F9F;
  padding: 24px 0;
  margin: 39px 0 0 0;
}
.l-footer-nav__list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.l-footer-nav__item {
  margin: 0 15px 0 0;
  padding: 0 16px 0 0;
  height: 100%;
  text-align: center;
  color: var(--color-white-1);
  border-right: 1px solid var(--color-white-1);
  font-size: 12px;
}
.l-footer-nav__item:last-child {
  border-right: none;
}
.l-footer-nav__link {
  width: 100%;
  height: 100%;
  display: block;
  padding: 2.7777777778vw;
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 1.71;
  color: #065F46;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-nav__link {
    transition: opacity 300ms;
  }
  .l-footer-nav__link:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 721px) {
  .l-footer-nav__link {
    padding: 20px;
    font-size: 28px;
  }
}

.container.inline {
  display: block;
  width: 100%;
  padding-inline: 1.2195121951%;
  box-shadow: none;
}

/* ---------------------------------------------
 *  font-wight
 * --------------------------------------------- */
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-bold {
  font-weight: 700 !important;
}

/* ---------------------------------------------
 *  text-align
 * --------------------------------------------- */
.txt-al-center {
  text-align: center !important;
}
.txt-al-right {
  text-align: right !important;
}
.txt-al-left {
  text-align: left !important;
}
/* ---------------------------------------------
 *  hover-opacity
 * --------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .hover-opacity {
    transition: opacity 300ms;
  }
  .hover-opacity:hover {
    opacity: 0.8;
  }
}

/* ---------------------------------------------
 *  hover underline
 * --------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .hover-underline:hover {
    text-decoration: underline;
  }
}
.hover-underline-none {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .hover-underline-none:hover {
    text-decoration: none;
  }
}
/* ---------------------------------------------
 *  display
 * --------------------------------------------- */
.inline-block {
  display: inline-block !important;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
/* ---------------------------------------------
 *  center
 * --------------------------------------------- */
.block-center {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
/* ---------------------------------------------
 *  hover-focus-outline
 * --------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .hover-focus-outline:hover {
    outline: 0.5555555556vw solid #059669;
    outline-offset: -0.5555555556vw;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 721px) {
  .hover-focus-outline:hover {
    outline-width: 4px;
    outline-offset: -4px;
  }
}
.hover-focus-outline:focus-visible {
  outline: 0.5555555556vw solid #059669;
  outline-offset: -0.5555555556vw;
}
@media screen and (min-width: 721px) {
  .hover-focus-outline:focus-visible {
    outline-width: 4px;
    outline-offset: -4px;
  }
}
/* ---------------------------------------------
 *  justify-content
 * --------------------------------------------- */
.jc-center {
  justify-content: center;
}
.jc-start {
  justify-content: flex-start;
}
.jc-end {
  justify-content: flex-end;
}
/* ---------------------------------------------
 *  align-items
 * --------------------------------------------- */
.ai-center {
  align-items: center;
}
.ai-start {
  align-items: flex-start;
}
.ai-end {
  align-items: flex-end;
}

/* -------------------------------------
 * js-sort
 * ------------------------------------- */
.js-sort {
  position: relative;
}
/* -------------------------------------
 * js-sort-handle
 * ------------------------------------- */
.js-sort-handle {
  cursor: pointer;
}
/* -------------------------------------
 * js-sort-item
 * ------------------------------------- */
.js-sort-item {
  z-index: 1;
}
.js-sort-item.muuri-item-dragging {
  z-index: 3;
}
.js-sort-item.muuri-item-releasing {
  z-index: 2;
}
.js-sort-item.muuri-item-hidden {
  z-index: 0;
}
/* -------------------------------------
 * js-sort-content
 * ------------------------------------- */
.js-sort-content {
  height: 100%;
  position: relative;
  width: 100%;
}
/*  js-select-target
 * --------------------------------------------- */
.js-select-target {
  display: none;
}
.js-select-target.is-current {
  display: block;
}
/*  js-acc-target
 * --------------------------------------------- */
.js-acc-target {
  display: none;
}
/*  .js-pagetop-threshold
 * --------------------------------------------- */
.js-pagetop-threshold {
  position: absolute;
  top: 0;
  height: 300px;
}
@media print and (min-width: 721px), screen and (min-width: 721px) {
  .pc-hide {
    display: none !important;
  }
}
@media print and (max-width: 720px), screen and (max-width: 720px) {
  .sp-hide {
    display: none !important;
  }
}

/* -------------------------------------
 *  border
 * ------------------------------------- */
.bor02 {
  border-top: 1px solid #9f9f9f;
}
.bt--9f9f9f {
  border-top: 1px solid #9f9f9f;
}
.bb--9f9f9f {
  border-bottom: 1px solid #9f9f9f;
}

/*  margin-top
 * ------------------------------------- */
.mgt--0 {
  margin-top: 0 !important;
}
.mgt--5 {
  margin-top: 10px !important;
}
.mgt--10 {
  margin-top: 20px !important;
}
.mgt--15 {
  margin-top: 30px !important;
}
.mgt--20 {
  margin-top: 40px !important;
}
.mgt--25 {
  margin-top: 50px !important;
}
.mgt--30 {
  margin-top: 60px !important;
}
.mgt--35 {
  margin-top: 70px !important;
}
.mgt--40 {
  margin-top: 80px !important;
}
.mgt--45 {
  margin-top: 90px !important;
}
.mgt--50 {
  margin-top: 100px !important;
}

/*  margin-right
 * ------------------------------------- */
.mgr--0 {
  margin-right: 0 !important;
}
.mgr--5 {
  margin-right: 10px !important;
}
.mgr--10 {
  margin-right: 20px !important;
}
.mgr--15 {
  margin-right: 30px !important;
}
.mgr--20 {
  margin-right: 40px !important;
}
.mgr--25 {
  margin-right: 50px !important;
}
.mgr--30 {
  margin-right: 60px !important;
}

/*  margin-bottom
 * ------------------------------------- */
.mgb--0 {
  margin-bottom: 0 !important;
}
.mgb--5 {
  margin-bottom: 10px !important;
}
.mgb--10 {
  margin-bottom: 20px !important;
}
.mgb--15 {
  margin-bottom: 30px !important;
}
.mgb--20 {
  margin-bottom: 40px !important;
}
.mgb--25 {
  margin-bottom: 50px !important;
}
.mgb--30 {
  margin-bottom: 60px !important;
}
.mgb--35 {
  margin-bottom: 70px !important;
}
.mgb--40 {
  margin-bottom: 8px !important;
}
.mgb--45 {
  margin-bottom: 90px !important;
}
.mgb--50 {
  margin-bottom: 100px !important;
}

/*  margin-left
 * ------------------------------------- */
.mgl--0 {
  margin-left: 0 !important;
}
.mgl--5 {
  margin-left: 10px !important;
}
.mgl--10 {
  margin-left: 20px !important;
}
.mgl--15 {
  margin-left: 30px !important;
}
.mgl--20 {
  margin-left: 40px !important;
}
.mgl--25 {
  margin-left: 50px !important;
}
.mgl--30 {
  margin-left: 60px !important;
}

/* ------------------------------------- *
 *  padding
 * ------------------------------------- */
.pd--0 {
  padding: 0px !important;
}
.pd--5 {
  padding: 10px !important;
}
.pd--10 {
  padding: 20px !important;
}
.pd--15 {
  padding: 30px !important;
}
.pd--20 {
  padding: 40px !important;
}
.pd--25 {
  padding: 50px !important;
}
.pd--30 {
  padding: 60px !important;
}
.pd--35 {
  padding: 70px !important;
}
.pd--40 {
  padding: 80px !important;
}
.pd--45 {
  padding: 90px !important;
}
.pd--50 {
  padding: 100px !important;
}

/*  padding-top
 * ------------------------------------- */
.pdt--0 {
  padding-top: 0 !important;
}
.pdt--5 {
  padding-top: 10px !important;
}
.pdt--10 {
  padding-top: 20px !important;
}
.pdt--15 {
  padding-top: 30px !important;
}
.pdt--20 {
  padding-top: 40px !important;
}
.pdt--25 {
  padding-top: 50px !important;
}
.pdt--30 {
  padding-top: 60px !important;
}
.pdt--35 {
  padding-top: 70px !important;
}
.pdt--40 {
  padding-top: 80px !important;
}
.pdt--45 {
  padding-top: 90px !important;
}
.pdt--50 {
  padding-top: 100px !important;
}

/*  padding-right
 * ------------------------------------- */
/*
.pdr--0 {
  padding-right: 0 !important;
}
.pdr--5 {
  padding-right: 10px !important;
}
.pdr--10 {
  padding-right: 20px !important;
}
.pdr--15 {
  padding-right: 30px !important;
}
.pdr--20 {
  padding-right: 40px !important;
}
.pdr--25 {
  padding-right: 50px !important;
}
.pdr--30 {
  padding-right: 60px !important;
}
.pdr--35 {
  padding-right: 70px !important;
}
.pdr--40 {
  padding-right: 80px !important;
}
.pdr--45 {
  padding-right: 90px !important;
}
.pdr--50 {
  padding-right: 100px !important;
}
*/

/*  padding-bottom
 * ------------------------------------- */
.pdb--0 {
  padding-bottom: 0 !important;
}
.pdb--5 {
  padding-bottom: 10px !important;
}
.pdb--10 {
  padding-bottom: 20px !important;
}
.pdb--15 {
  padding-bottom: 30px !important;
}
.pdb--20 {
  padding-bottom: 40px !important;
}
.pdb--25 {
  padding-bottom: 50px !important;
}
.pdb--30 {
  padding-bottom: 60px !important;
}
.pdb--35 {
  padding-bottom: 70px !important;
}
.pdb--40 {
  padding-bottom: 80px !important;
}
.pdb--45 {
  padding-bottom: 90px !important;
}
.pdb--50 {
  padding-bottom: 100px !important;
}

/*  padding-left
 * ------------------------------------- */
.pdl--0 {
  padding-left: 0 !important;
}
.pdl--5 {
  padding-left: 10px !important;
}
.pdl--10 {
  padding-left: 20px !important;
}
.pdl--15 {
  padding-left: 30px !important;
}
.pdl--20 {
  padding-left: 40px !important;
}
.pdl--25 {
  padding-left: 50px !important;
}
.pdl--30 {
  padding-left: 60px !important;
}
.pdl--35 {
  padding-left: 70px !important;
}
.pdl--40 {
  padding-left: 80px !important;
}
.pdl--45 {
  padding-left: 90px !important;
}
.pdl--50 {
  padding-left: 100px !important;
}



.link {
  color: #1558D6;
  text-decoration: underline;
}

.chart-data-none {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 528px;
  width: 100%;
}

.l-contents__title {
  display: flex;
  justify-content: center;
  font-size: 24px;
  padding-bottom: 16px;
  position: relative;
}
.l-contents__title::after
/*.c-cassette__head::after*/ {
  background-color: #6FAD32;
  content: '';
  display: block;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 55px;
}

/* 見通し */
.outlook-contents-info {
  border: 1px solid red;
  margin: 0 auto 41px;
  text-align: center;
}
.outlook-contents-info div {
  color: red;
  display: inline-block;
  font-size: 14px;
  line-height: 1.7em;
  padding: 15px 0;
  text-align: left;
}
.outlook-contents-info img {
  margin: 0 5px 3px 0;
  width: 18px;
}
.outlook-contents-info div a {
  color: #1558d6;
  text-decoration: underline;
}
.outlook-container {
  margin-bottom: 25px;
}
.outlook-item {
  display: flex;
}
.outlook-item img {
  height: 80%;
}
.outlook-item .item-name {
  margin: 15px;
}
.outlook-item span {
  font-weight: bold;
}
.outlook-table {}
.outlook-table h3 {
  display: inline;
}
table.outlook-table {
  border: 1px solid #333;
  border-collapse: separate;
  border-radius: 10px;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
table.outlook-table tr > * {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  height: 35px;
  padding: 15px;
  vertical-align: middle;
}
table.outlook-table tr {
  font-size: 14px;
}
table.outlook-table thead tr {
  background-color: var(--color-green-6);
}
table.outlook-table tr th {
  text-align: center;
}
table.outlook-table tr:first-child th:first-child {
  border-radius: 10px 0 0;
}
table.outlook-table tr:first-child th:last-child {
  border-radius: 0 10px 0 0;
}
table.outlook-table tr:nth-of-type(1) td {
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
}
table.outlook-table tr:nth-of-type(1) td:nth-of-type(1),
table.outlook-table tr:nth-of-type(1) td:nth-of-type(2),
table.outlook-table tr:nth-of-type(1) td:nth-of-type(3) span {
  font-size: 16px;
}
table.outlook-table tr:nth-of-type(2) td {
  line-height: 1.5em;
}
table.outlook-table tr th:last-child,
table.outlook-table tr td:last-child {
  border-right: 0px;
}
table.outlook-table tr:last-child td {
  border-bottom: 0px;
}
.outlook-trends {
  display: flex;
  align-items: center;
  justify-content: center;
}
.outlook-trends .trends-text {
  margin: 15px;
}
table.outlook-table td a {
  color: #007612;
}
a.bg-green,
button.bg-green {
  background: var(--color-green-2);
  border-radius: 22px;
  color: var(--color-white-1);
  font-size: 14px;
  padding: 0 26px;
}

/* -------------------------------------
 *  flex
 * ------------------------------------- */
.flx-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flx-right {
    display: flex;
    align-items: center;
    justify-content: right;
}
.flx-left {
    display: flex;
    align-items: center;
    justify-content: left;
}
.flx-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flx-column {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.flx-column-start {
    display: flex;
    align-items: start;
    flex-direction: column;
}
.flx-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* -------------------------------------
 *  breadcrumb
 * ------------------------------------- */
.breadcrumb {
  font-size: 12px;
  margin: 5px auto;
  width: var(--design-width-px);
}
.breadcrumb a {
  color: var(--color-blue-1);
  text-decoration: underline;
}

/* -------------------------------------
 *  passwd-eye
 * ------------------------------------- */
.passwd-eye {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    inset: 95%;
    translate: -50% -125%;
    position: absolute;
    width: 25px;
}

/* -------------------------------------
 *  req
 * ------------------------------------- */
.req {
  position: relative;
}
.req::after {
  background: var(--color-orange-3);
  border-radius: 4px;
  color: var(--color-white-1);
  content: '必須';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 30px;
}

/* -------------------------------------
 *  slider
 * ------------------------------------- */
div.ui-slider {
  border-radius: 30px;
}
div.ui-slider-range {
  background: #78AA58;
}
span.ui-slider-handle {
  background: var(--color-green-2) !important;
  border-radius: 10px !important;
  height: 22px !important;
  user-select: none;
  width: 45px !important;
}
span.ui-slider-handle div {
  color: var(--color-white-1);
  font-size: 12px;
  text-align: center;
  width: 40px;
}
span.ui-slider-handle span {
  color: var(--color-white-1);
  font-size: 12px;
  position: relative;
  left: 1px;
  top: -7px;
}
.range-slider-toolchip {
    background-color: #504944;
    border-radius: 15px;
    color: var(--color-white-1);
    font-size: max(calc(14 / var(--design-width) * 100vw), 16px);
    height: 48px;
    padding: calc(10 / var(--design-width) * 100vw);
    position: absolute;
    white-space: nowrap;
    z-index: 100;
}
.range-slider-toolchip:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: #504944;
    content: "";
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 46px;
    width: 0;
}

.plnupgrd-dialog {
  background-color: transparent;
  border: none;
}
.plnupgrd-dialog .js-dialog-contents {
  background: var(--color-white-1);
  border-radius: 7px;
}
.plnupgrd-dialog a {
  text-align: center;
}
.plnupgrd-dialog img {
  width: 96%;
}

/* -------------------------------------
 *  chart line
 * ------------------------------------- */
/*
  ['r0', ['#499800', '#7DC130', '#A8E059', '#FF980F', '#FFB94A', '#FFCC70', '#514C46', '#706A62', '#978E85']],
  ['r1', ['#3376CF', '#629FE2', '#83BAF0', '#F05A49', '#F68E75', '#FAAD91', '#7D4FA9', '#A77ACB', '#C89BE5']],
  ['r2', ['#7F511F', '#94662B', '#BD9759', '#3B3AB9', '#6967D5', '#8A88E9', '#007E69', '#01936E', '#30BE8C']],
  ['r3', ['#D24DA0', '#E872AF', '#F7A3C7', '#A99408', '#CAB30B', '#ECD410', '#3F78AC', '#5C9FCD', '#7EC8EF']],
*/
/* r0 */
.chart--r00 {
  fill: #499800;
  opacity: 1;
  stroke: #499800;
}
.chart--r01 {
  fill: #7DC130;
  opacity: 1;
  stroke: #7DC130;
}
.chart--r02 {
  fill: #A8E059;
  opacity: 1;
  stroke: #A8E059;
}
.chart--r03 {
  fill: #FF980F;
  opacity: 1;
  stroke: #FF980F;
}
.chart--r04 {
  fill: #FFB94A;
  opacity: 1;
  stroke: #FFB94A;
}
.chart--r05 {
  fill: #FFCC70;
  opacity: 1;
  stroke: #FFCC70;
}
.chart--r06 {
  fill: #514C46;
  opacity: 1;
  stroke: #514C46;
}
.chart--r07 {
  fill: #706A62;
  opacity: 1;
  stroke: #706A62;
}
.chart--r08 {
  fill: #978E85;
  opacity: 1;
  stroke: #978E85;
}
path.chart--r06,
path.chart--r07,
path.chart--r08 {
  stroke-dasharray: 2;
}
/* r1 */
.chart--r10 {
  fill: #3376CF;
  opacity: 1;
  stroke: #3376CF;
}
.chart--r11 {
  fill: #629FE2;
  opacity: 1;
  stroke: #629FE2;
}
.chart--r12 {
  fill: #83BAF0;
  opacity: 1;
  stroke: #83BAF0;
}
.chart--r13 {
  fill: #F05A49;
  opacity: 1;
  stroke: #F05A49;
}
.chart--r14 {
  fill: #F68E75;
  opacity: 1;
  stroke: #F68E75;
}
.chart--r15 {
  fill: #FAAD91;
  opacity: 1;
  stroke: #FAAD91;
}
.chart--r16 {
  fill: #7D4FA9;
  opacity: 1;
  stroke: #7D4FA9;
}
.chart--r17 {
  fill: #A77ACB;
  opacity: 1;
  stroke: #A77ACB;
}
.chart--r18 {
  fill: #C89BE5;
  opacity: 1;
  stroke: #C89BE5;
}
path.chart--r16,
path.chart--r17,
path.chart--r18 {
  stroke-dasharray: 2;
}
/* r2 */
.chart--r20 {
  fill: #7F511F;
  opacity: 1;
  stroke: #7F511F;
}
.chart--r21 {
  fill: #94662B;
  opacity: 1;
  stroke: #94662B;
}
.chart--r22 {
  fill: #BD9759;
  opacity: 1;
  stroke: #BD9759;
}
.chart--r23 {
  fill: #3B3AB9;
  opacity: 1;
  stroke: #3B3AB9;
}
.chart--r24 {
  fill: #6967D5;
  opacity: 1;
  stroke: #6967D5;
}
.chart--r25 {
  fill: #8A88E9;
  opacity: 1;
  stroke: #8A88E9;
}
.chart--r26 {
  fill: #007E69;
  opacity: 1;
  stroke: #007E69;
}
.chart--r27 {
  fill: #01936E;
  opacity: 1;
  stroke: #01936E;
}
.chart--r28 {
  fill: #30BE8C;
  opacity: 1;
  stroke: #30BE8C;
}
path.chart--r26,
path.chart--r27,
path.chart--r28 {
  stroke-dasharray: 2;
}
/* r3 */
.chart--r30 {
  fill: #D24DA0;
  opacity: 1;
  stroke: #D24DA0;
}
.chart--r31 {
  fill: #E872AF;
  opacity: 1;
  stroke: #E872AF;
}
.chart--r32 {
  fill: #F7A3C7;
  opacity: 1;
  stroke: #F7A3C7;
}
.chart--r33 {
  fill: #A99408;
  opacity: 1;
  stroke: #A99408;
}
.chart--r34 {
  fill: #CAB30B;
  opacity: 1;
  stroke: #CAB30B;
}
.chart--r35 {
  fill: #ECD410;
  opacity: 1;
  stroke: #ECD410;
}
.chart--r36 {
  fill: #3F78AC;
  opacity: 1;
  stroke: #3F78AC;
}
.chart--r37 {
  fill: #5C9FCD;
  opacity: 1;
  stroke: #5C9FCD;
}
.chart--r38 {
  fill: #7EC8EF;
  opacity: 1;
  stroke: #7EC8EF;
}
path.chart--r36,
path.chart--r37,
path.chart--r38 {
  stroke-dasharray: 2;
}

/* each-price */
.chart--each-price--01 {
  fill: #499800;
  opacity: 1;
  stroke: #499800;
}
.chart--each-price--02 {
  fill: #7DC130;
  opacity: 1;
  stroke: #7DC130;
}
.chart--each-price--03 {
  fill: #A8E059;
  opacity: 1;
  stroke: #A8E059;
}
.chart--each-price--04 {
  fill: #FF980F;
  opacity: 1;
  stroke: #FF980F;
}
.chart--each-price--05 {
  fill: #FFB94A;
  opacity: 1;
  stroke: #FFB94A;
}
.chart--each-price--06 {
  fill: #FFCC70;
  opacity: 1;
  stroke: #FFCC70;
}
.chart--each-price--07 {
  fill: #514C46;
  opacity: 1;
  stroke: #514C46;
}
.chart--each-price--08 {
  fill: #706A62;
  opacity: 1;
  stroke: #706A62;
}
.chart--each-price--09 {
  fill: #978E85;
  opacity: 1;
  stroke: #978E85;
}
path.chart--each-price--07,
path.chart--each-price--08,
path.chart--each-price--09 {
  stroke-dasharray: 2;
}

/* -------------------------------------
 *  font-size
 * ------------------------------------- */
.fs-8 {
    font-size: 8px;
}
.fs-9 {
    font-size: 9px;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 19px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.fs-24 {
    font-size: 24px;
}
.fs-26 {
    font-size: 26px;
}
.fs-28 {
    font-size: 28px;
}
.fs-30 {
    font-size: 30px;
}
.fs-35 {
    font-size: 35px;
}
.fs-40 {
    font-size: 40px;
}

/**
 * membership dialog
 */
.mbrshp-dialog {
  background-color: transparent;
  border: none;
}
.mbrshp-dialog-contents {
  background-color: var(--color-white-1);
  border-radius: 5px 5px 0 0;
  font-size: 15px;
  line-height: 1.5em;
  min-width: 30%;
  padding: 15px 25px 25px;
}
.mbrshp-dialog-contents .title {
  font-size: 1.5em;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.2em;
}
.mbrshp-dialog-contents p {
  font-size: 14px;
}
.mbrshp-dialog-footer {
  background-color: var(--color-white-1);
  border-radius: 0 0 5px 5px;
  padding: 0 0 25px;
}
.mbrshp-btn-close {
  background: url("../images/bana-close-ico.png");
  height: 23px;
  position: absolute;
  right: 25px;
  top: 155px;
  width: 22px;
}

/* -------------------------------------
 *  c-link
 * ------------------------------------- */
.c-link {
    color: var(--color-blue-1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.seo_h {
    display: none;
}

.wbr {
    display: inline-block;
}