@charset "UTF-8";
.category-mypage {
  background: #F0F0F0;
}
.category-mypage .header__main {
  background: #fff;
}
.category-mypage .footer__banner__item a img {
  mix-blend-mode: multiply;
}

.mypage-common-userinfo.user-info {
  background: #FFF;
}
.mypage-common-userinfo .user-info__data {
  border-top: 2px solid var(--colorText1);
  padding-top: 11rem;
  margin-top: 8rem;
}
.mypage-common-userinfo .user-info__data__block {
  border-color: var(--colorText1);
  flex: none;
}
.mypage-common-userinfo .user-info__data__block:last-child {
  border-right: none;
  margin-right: 0;
}
.mypage-common-print-button .basic-button__icon {
  width: 24rem;
}

.mypage-common-print-file__text {
  text-align: center;
  color: var(--colorCaution1);
  font-size: 14rem;
}

.mypage-common-print-file__image {
  border-top: 1px solid #CCCCCC;
  padding-top: 15rem;
}

.mypage-common-unregistered {
  font-size: 16rem;
  color: var(--colorAccent5);
}

.mypage-common-popup-label {
  position: absolute;
  left: 50%;
  top: -25rem;
  transform: translate(-50%, -100%);
  color: var(--colorText1);
  z-index: 10;
  color: #fff;
  text-align: center;
  width: 345rem;
  min-height: 42rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3rem 6rem rgba(0, 0, 0, 0.16);
  padding: 8rem 10rem;
}
.local-tabmenu__button .mypage-common-popup-label {
  top: -10rem;
}
.mypage-common-popup-label:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 12rem);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 12rem), calc(50% + 7rem) calc(100% - 12rem), 50% 100%, calc(50% - 7rem) calc(100% - 12rem), 0 calc(100% - 12rem));
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 12rem), calc(50% + 7rem) calc(100% - 12rem), 50% 100%, calc(50% - 7rem) calc(100% - 12rem), 0 calc(100% - 12rem));
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  background: rgba(52, 52, 52, 0.85);
  z-index: -1;
}

.mypage-common-popup-label__text {
  display: block;
  font-size: 14rem;
  line-height: 1.45;
  font-weight: 400;
}

.mypage-common-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16rem;
  position: relative;
}

.mypage-common-popmenu-wrap {
  position: relative;
}

.mypage-common-popmenu {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  transform: translateY(100%);
  width: 320rem;
  transition: opacity 0.25s;
}
.mypage-common-popmenu--mini {
  width: 180rem;
}
.mypage-common-popmenu:not(.mypage-common-popmenu--active) {
  opacity: 0;
  pointer-events: none;
}

.mypage-common-popmenu__inner {
  margin-top: 13rem;
  background: #fff;
  border-radius: 4rem;
  box-shadow: 0px 0px 6rem rgba(0, 0, 0, 0.3);
  padding-bottom: 20rem;
}

.mypage-common-popmenu__list {
  border-bottom: 1px solid var(--colorText2);
  overflow: hidden;
  padding: 7rem 0 0;
}
.mypage-common-popmenu__list:last-child {
  border-bottom-width: 0;
}

.mypage-common-popmenu__link {
  min-height: 40rem;
  display: flex;
  align-items: center;
  padding: 8rem 16rem;
  position: relative;
  cursor: pointer;
}

.mypage-common-popmenu__text-link {
  padding: 7rem 16rem;
  display: inline-block;
  color: var(--colorAccent3);
}

.mypage-common-popmenu__text {
  font-size: 14rem;
  position: relative;
  z-index: 2;
}
.mypage-common-popmenu__text--orange {
  color: var(--colorAccent5);
}

.mypage-common-popmenu__icon {
  margin-right: 6rem;
  display: block;
  font-size: 0;
  width: 20rem;
  height: 23rem;
  position: relative;
  z-index: 2;
  flex: none;
}
.mypage-common-popmenu__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mypage-common-narrow-button {
  width: 290rem;
}

.mypage-common-tips-heading {
  display: flex;
}

.mypage-common-tips-heading__icon {
  width: 50rem;
  flex: none;
  margin-right: 10rem;
}

.mypage-common-tips-heading__text {
  font-size: 14rem;
  line-height: 1.45;
  letter-spacing: 0;
}

.mypage-common-stamp {
  display: flex;
  text-align: center;
  margin-top: 4rem;
}

.mypage-common-stamp__block--01 {
  background: var(--colorStamp1_pastel);
}
.mypage-common-stamp__block--02 {
  background: var(--colorStamp2_pastel);
}
.mypage-common-stamp__block--03 {
  background: var(--colorStamp3_pastel);
}
.mypage-common-stamp__block--04 {
  background: var(--colorStamp4_pastel);
}
.mypage-common-stamp__block:not(.mypage-common-stamp__block--active) {
  background: none;
}
.mypage-common-stamp--large .mypage-common-stamp__block {
  padding: 3rem 6rem;
  border-radius: 4rem;
}

.mypage-common-stamp__icon {
  margin-bottom: 5rem;
  height: 24rem;
  width: 100%;
}
.mypage-common-stamp__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mypage-common-stamp__title {
  font-size: 12rem;
}
.mypage-common-stamp__block--01 .mypage-common-stamp__title {
  color: var(--colorStamp1);
}
.mypage-common-stamp__block--02 .mypage-common-stamp__title {
  color: var(--colorStamp2);
}
.mypage-common-stamp__block--03 .mypage-common-stamp__title {
  color: var(--colorStamp3);
}
.mypage-common-stamp__block--04 .mypage-common-stamp__title {
  color: var(--colorStamp4);
}

.mypage-common-stamp__number {
  font-size: 11rem;
  color: var(--colorText2);
}

.mypage-common-stamp__number__emphasis {
  font-size: 16rem;
  font-weight: bold;
  color: var(--colorText1);
}

.mypage-common-stamp__link {
  font-size: 12rem;
  display: inline-block;
  margin-top: 5rem;
}

.mypage-common-gallery__number {
  font-size: 13rem;
  color: #707070;
  margin-bottom: 5rem;
}

.mypage-common-gallery__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.mypage-common-gallery__item {
  width: calc((100% - 6rem) / 4);
  position: relative;
}
.mypage-common-gallery__item--border {
  border: 1px solid var(--colorText2);
}
.mypage-common-gallery__list--single-column .mypage-common-gallery__item {
  width: 100%;
}

.mypage-common-gallery__overlay-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
}

.mypage-common-gallery__thumbnail {
  padding-top: 100%;
  position: relative;
  background: var(--colorBorder1);
}
.mypage-common-gallery__thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.mypage-common-gallery__thumbnail__blank {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/assets/img/common/icon_camera_gray.svg") no-repeat center center/24rem auto #FFF;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.mypage-common-gallery__label {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #000;
  font-size: 14rem;
  line-height: 1.5;
  color: #fff;
  padding: 0rem 5rem;
  min-height: 22rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mypage-common-gallery__label:before {
  content: "";
  display: block;
  width: 10rem;
  height: 10rem;
  background: no-repeat center center/contain;
  font-size: 0;
  margin-right: 3rem;
}
.mypage-common-gallery__label--cover:before {
  background-image: url("/assets/img/common/icon_rating-star_white_border.svg");
}
.mypage-common-gallery__label--private:before {
  background-image: url("/assets/img/common/icon_private_white.svg");
}

.mypage-common-course-data {
  background: #529B60;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 15rem 15rem 24rem;
  gap: 15rem;
}

.mypage-common-course-data__block {
  width: calc(50% - 7.5rem);
  border-bottom: 1px solid #FFF;
}

.mypage-common-course-data__title {
  font-size: 16rem;
  font-weight: 600;
}

.mypage-common-course-data__body {
  font-size: 16rem;
}

.mypage-common-course-data__note {
  font-size: 12rem;
  display: inline-block;
  margin-right: 0.5em;
}

.mypage-common-course-data__link-icon {
  display: inline-block;
  width: 18rem;
  height: 18rem;
  position: relative;
  top: 3px;
  margin-left: 3rem;
  background: url("/assets/img/common/icon_question.svg") no-repeat center center/contain;
}

.mypage-common-course-list__title {
  font-size: 16rem;
  line-height: 1.45;
}

.mypage-common-course-list__item {
  border-bottom: 1px solid var(--colorBorder1);
  padding-bottom: 8rem;
  margin-bottom: 8rem;
}
.mypage-common-course-list__item:last-child {
  margin-bottom: 0;
}

.mypage-common-course-list__check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 5rem;
  gap: 10rem;
}
.mypage-common-course-list__check .form-checkbox {
  flex: none;
}
.mypage-common-course-list__check .form-checkbox__label::before {
  margin-right: 0;
}

.mypage-plan-detail .page-button-head {
  position: relative;
}

.mypage-plan-detail__popup-label {
  width: 100%;
  top: 20rem;
}

.mypage-plan-detail__schedule__day {
  font-size: 16rem;
  line-height: 1.45;
}
.mypage-plan-detail__schedule__day:not(:last-child) {
  margin-bottom: 18rem;
}

.mypage-plan-detail__course__topography__graph {
  overflow: auto;
}

.mypage-plan-detail__course__topography__graph__inner {
  width: 880rem;
}

.mypage-plan-detail__course__weather {
  display: flex;
}
.mypage-plan-detail__course__weather .weather-info {
  width: 100%;
}

.mypage-plan-detail__subtitle {
  font-weight: 600;
  font-size: 16rem;
}

.mypage-plan-detail__memo__text {
  font-size: 16rem;
  line-height: 1.45;
}
.mypage-plan-detail__memo__text + .mypage-plan-detail__memo__text {
  margin-top: 1.5em;
}

.mypage-plan-detail__equipment .edit-table__article {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 15rem;
}

.mypage-record-info__data {
  background: var(--colorBg2);
}

.mypage-record-info__data__heading {
  font-weight: bold;
  font-size: 14rem;
}

.mypage-record-info__data__heading__link-icon {
  display: inline-block;
  width: 18rem;
  height: 18rem;
  position: relative;
  top: 3px;
  margin-left: 6rem;
  background: url("/assets/img/common/icon_question.svg") no-repeat center center/contain;
}

.mypage-record-info__data__link {
  color: var(--colorAccent3);
  font-size: 14rem;
}

.mypage-record-info__history {
  display: flex;
  margin-top: 4rem;
}

.mypage-record-info__history__block:not(:last-child) {
  border-right: 1px solid var(--colorText2);
  margin-right: 20rem;
  padding-right: 20rem;
}

.mypage-record-info__history__title {
  font-size: 12rem;
}

.mypage-record-info__history__text {
  font-weight: bold;
  font-size: 14rem;
}
.mypage-record-info .edit-table__article__thumbnail {
  overflow: hidden;
  max-width: 133rem;
  aspect-ratio: 133/82;
}
.mypage-record-info .edit-table__article__thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.mypage-record-detail__info__title {
  font-size: 24rem;
  line-height: 1.45;
  font-weight: bold;
}

.mypage-record-detail__info__area {
  font-size: 16rem;
  line-height: 1.45;
  margin-top: 12rem;
}

.mypage-record-detail__info__date {
  display: block;
  font-size: 14rem;
  margin-top: 6rem;
}

.mypage-record-detail__info__party {
  font-size: 14rem;
  margin-top: 6rem;
}

.mypage-record-detail__course__list .data-list__item:last-child {
  border-bottom: 1px solid var(--colorText2);
  padding-bottom: 13rem;
}
.mypage-record-detail__course__list .data-list__title {
  font-size: 16rem;
  margin-bottom: 4rem;
}
.mypage-record-detail__course__list .data-list__description {
  font-size: 16rem;
}
.mypage-comment__table .edit-table__article__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.mypage-comment__table .edit-table__article__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.mypage-inputmap__edit__map {
  margin-top: 20rem;
}

.mypage-inputmap__edit__title {
  font-weight: bold;
  font-size: 16rem;
  margin-bottom: 3rem;
}

.mypage-inputmap__edit__list {
  list-style: disc;
  list-style-position: inside;
}

.mypage-inputmap__edit__buttons {
  margin-top: 10rem;
  display: flex;
  gap: 10rem;
}

.mypage-inputmap__edit__buttons__item {
  flex: 1 1;
}
.mypage-inputmap__edit__buttons__item:last-child {
  width: 300rem;
  margin-left: 20rem;
  flex: none;
}

.mypage-edit__title {
  font-weight: bold;
  font-size: 16rem;
  line-height: 1.45;
}

.mypage-edit__title__link-icon {
  display: inline-block;
  width: 18rem;
  height: 18rem;
  position: relative;
  top: 3px;
  margin-left: 6rem;
  background: url("/assets/img/common/icon_question.svg") no-repeat center center/contain;
}

.mypage-edit__menu {
  display: flex;
  justify-content: space-between;
  margin-top: 10rem;
}

.mypage-edit__menu__button {
  width: 80rem;
  height: 80rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mypage-edit__menu__icon {
  display: block;
  width: 22rem;
  height: 24rem;
  margin: 0 auto;
}
.mypage-edit__menu__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mypage-edit__menu__text {
  display: block;
  font-size: 14rem;
  margin-top: 10rem;
}
.mypage-edit__menu__button--color .mypage-edit__menu__text {
  color: var(--colorAccent5);
}

.mypage-edit__data {
  line-height: 1.71;
  font-size: 14rem;
  margin-top: 8rem;
  position: relative;
  padding-left: 26rem;
}
.mypage-edit__data:before {
  content: "";
  display: block;
  width: 17rem;
  height: 17rem;
  background: url("/assets/img/common/icon_exif.svg") no-repeat center center/contain;
  position: absolute;
  top: 2rem;
  left: 0;
}

.mypage-edit__switch {
  display: flex;
  align-items: center;
}

.mypage-edit__switch__title {
  font-size: 14rem;
}

.mypage-edit__status {
  max-width: 186rem;
  margin-top: 5rem;
}

.mypage-edit__text-link {
  text-align: center;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10rem;
  font-size: 14rem;
  color: var(--colorAccent3);
}

.mypage-edit__spot {
  display: flex;
  margin-top: 10rem;
  gap: 11rem;
}

.mypage-edit__spot__image {
  width: 80rem;
  flex: none;
}

.mypage-edit__spot__text-area {
  font-size: 14rem;
  line-height: 1.45;
}
.mypage-edit__form-box .form-section-title {
  justify-content: start;
}

.mypage-edit__input-textarea .form-input__content {
  border-radius: 8rem;
  min-height: 220rem;
}

.mypage-edit__minimal-form__block .form-section-title {
  font-size: 14rem;
  margin-bottom: 5rem;
}

.mypage-edit__minimal-form__switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mypage-edit__minimal-form__switch .form-section-title {
  margin-bottom: 0;
}

.mypage-edit__minimal-form__change {
  background: var(--colorBg2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15rem 20rem;
}

.mypage-edit__minimal-form__change__title {
  font-size: 14rem;
}

.mypage-edit__minimal-form__change__title__emphasis {
  font-size: 12rem;
  font-weight: bold;
  display: block;
}

.mypage-edit__minimal-form__check-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 0;
}
.mypage-edit__minimal-form__check-list .form-checkbox {
  margin-top: 0;
}

.mypage-edit__minimal-form__check {
  display: flex;
  align-items: center;
  width: 50%;
}
.mypage-edit__minimal-form__check .form-checkbox__label {
  letter-spacing: 0;
  padding-right: 10rem;
}

.mypage-edit__minimal-form__utility {
  text-align: right;
  border-bottom: 1px solid var(--colorText1);
  padding-bottom: 7rem;
  margin-top: 25rem;
  margin-bottom: 8rem;
}

.mypage-edit__minimal-form__clear {
  font-size: 14rem;
}

.mypage-edit__popmenu {
  right: 35rem;
  bottom: 4rem;
  transform: translateY(0);
}

.mypage-share__url {
  word-break: break-all;
  font-size: 14rem;
  line-height: 1.45;
}

.mypage-share__body {
  border-top: 1px solid var(--colorText2);
  padding-top: 15rem;
}

.mypage-share__notes__text {
  color: var(--colorCaution1);
  text-indent: -1.3em;
  padding-left: 1em;
  font-size: 14rem;
}
.mypage-share__notes__text:before {
  content: "・ ";
}

.mypage-share__link {
  color: var(--colorAccent3);
  font-size: 14rem;
}

.mypage-share__action-area {
  border: solid var(--colorBorder2);
}

.mypage-share__icons {
  display: flex;
  gap: 20rem;
}

.mypage-share__buttons {
  display: flex;
  gap: 15rem;
}

.mypage-share__buttons__item {
  width: 100%;
}
.mypage-share__buttons__item .basic-button {
  font-size: 13rem;
  font-weight: inherit;
}

.mypage-print__switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20rem;
}
.mypage-print__switch .form-section-title {
  font-size: 16rem;
  font-weight: 400;
}

.mypage-print__check {
  display: flex;
  align-items: center;
  margin-top: 12rem;
}

.mypage-print__check__title .form-section-title {
  font-size: 16rem;
  font-weight: 400;
}
.mypage-print__check__body .form-radio-list .form-radio {
  margin-right: 0;
  min-width: 62rem;
}

.mypage-print__body {
  border-top: 1px solid var(--colorBorder1);
  margin-top: 20rem;
  padding-top: 35rem;
}

.mypage-print__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.mypage-print__title {
  font-size: 16rem;
  line-height: 1.45;
  font-weight: bold;
}

.mypage-print__title__date {
  display: block;
  font-weight: 400;
  font-size: 12rem;
  color: var(--colorText3);
}

.mypage-print__logo {
  width: 121rem;
  margin-bottom: 3rem;
}

.mypage-print__map {
  margin-top: 6rem;
}

.mypage-print__map__caption {
  font-size: 14rem;
  line-height: 1.45;
  margin-top: 6rem;
}

.mypage-print__schedule {
  font-size: 16rem;
  line-height: 1.45;
  margin-top: 18rem;
}

.mypage-print__memo {
  margin-top: 18rem;
}

.mypage-print__memo__title {
  font-size: 14rem;
  margin-bottom: 5rem;
}

.mypage-print__memo__attention {
  line-height: 1.45;
  font-size: 14rem;
  margin-top: 8rem;
}

.mypage-tool-detail__data .data-list__item {
  border-bottom: 1px solid var(--colorText2);
}
.mypage-tool-detail__data .data-list__title {
  font-size: 16rem;
  line-height: 1.45;
}

.mypage-tool-detail__5line-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.mypage-tool-detail__rating {
  display: flex;
  gap: 30rem;
}

.mypage-tool-detail__rating__item {
  width: 24rem;
}
.mypage-tool-detail__rating__item img {
  width: 100%;
}

.mypage-photo-list__info {
  display: flex;
  align-items: center;
}

.mypage-photo-list__info__icon {
  width: 70rem;
  flex: none;
  margin-right: 10rem;
}

.mypage-photo-list__info__text {
  font-size: 14rem;
  padding-left: 1em;
  text-indent: -1em;
}
.mypage-photo-list__info__text:before {
  content: "・";
}

.mypage-history-stamp-list {
  display: flex;
  flex-wrap: wrap;
}

.mypage-history-stamp-list__item {
  display: flex;
  gap: 15rem;
  line-height: 1.45;
  position: relative;
}

.mypage-history-stamp-list__thumbnail {
  width: 140rem;
  flex: none;
}

.mypage-history-stamp-list__outline {
  position: relative;
}

.mypage-history-stamp-list__icon {
  max-width: 345rem;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.5;
}

.mypage-history-stamp-list__icon__inner {
  position: relative;
  width: 78rem;
  transform: rotate(-22deg);
  margin-right: 0;
  margin-left: auto;
}

.mypage-history-stamp-list__icon__base {
  width: 100%;
}

.mypage-history-stamp-list__icon__date {
  display: flex;
  align-items: flex-end;
  font-size: 0;
  gap: 1rem;
  position: absolute;
  bottom: 27.4%;
  left: 50%;
  transform: translateX(-50%);
}

.mypage-history-stamp-list__icon__number {
  display: block;
}
.mypage-history-stamp-list__icon__number img {
  width: 100%;
  width: auto;
  height: 5.8rem;
}
.mypage-history-stamp-list__icon__number--period img {
  height: 1.5rem;
}

.mypage-history-stamp-list__area {
  font-size: 12rem;
  margin-bottom: 5rem;
}

.mypage-history-stamp-list__title {
  font-size: 16rem;
  font-weight: bold;
}

.mypage-history-stamp-list__link {
  font-size: 14rem;
  margin-top: 2rem;
}

.mypage-profile__head.user-info {
  background: none;
  padding: 0;
}
.mypage-profile__head .user-info__label {
  right: 0;
  top: 0;
}

.mypage-profile__thumbnail {
  width: 90rem;
  height: 90rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background: url("/assets/img/common/icon_camera_white.svg") no-repeat center center/39rem 33rem var(--colorBorder1);
}
.mypage-profile__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mypage-profile__info .data-list__item {
  border-bottom: 1px solid var(--colorText2);
  padding-bottom: 13rem;
}
.mypage-profile__info .data-list__title {
  font-size: 16rem;
}

.mypage-profile__graph__utility {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rem;
}

.mypage-profile__graph__data {
  font-size: 16rem;
  line-height: 1.45;
}

.mypage-profile__graph__data__title {
  font-weight: bold;
}

.mypage-profile__graph__data__number {
  font-weight: bold;
  font-size: 18rem;
}

.mypage-profile__graph__select {
  display: flex;
  align-items: center;
  margin-top: 18rem;
}
.mypage-profile__graph__select .form-select {
  margin-right: 10rem;
  width: 72rem;
  border-radius: 4rem;
}
.mypage-profile__graph__select .form-select:after {
  top: calc(50% - 4rem);
  right: 5rem;
  width: 6rem;
  height: 6rem;
}

.mypage-profile__graph__title {
  font-weight: 600;
  font-size: 16rem;
  margin-top: 20rem;
  margin-bottom: 3rem;
}

.mypage-profile__ranking__block {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--colorText2);
  padding-bottom: 17rem;
  margin-bottom: 17rem;
}
.mypage-profile__ranking__block:last-child {
  margin-bottom: 0;
}

.mypage-profile__ranking__number {
  font-size: 16rem;
  font-weight: bold;
  width: 80rem;
  flex: none;
}

.mypage-profile__ranking__body {
  flex: 1 1;
}

.mypage-profile__ranking__category {
  font-size: 14rem;
  line-height: 1.45;
}

.mypage-profile__ranking__link {
  font-size: 16rem;
  line-height: 1.45;
}

.mypage-profile__ranking__point {
  font-size: 16rem;
  margin-left: 10rem;
}

@media (min-width: 768px) {
  .category-mypage .header__action-button--search {
    border-left: 1px solid #000;
  }
  .category-mypage .sidebar:after {
    background: #F0F0F0;
  }
  .mypage-common-userinfo .user-info__data {
    padding-top: 10rem;
    margin-top: 10rem;
  }
  .mypage-common-print-button {
    max-width: 420rem;
    margin-right: auto;
    margin-left: auto;
  }
  .page-button-head__buttons__item .mypage-common-popup-label {
    top: -15rem;
    left: 20rem;
  }
  .mypage-common-buttons {
    gap: 40rem;
  }
  .mypage-common-buttons__item {
    width: calc((100% - 40rem) / 2);
  }
  .mypage-common-popmenu__inner {
    margin-top: 6rem;
  }
  .mypage-common-popmenu__link:before {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% + 4rem);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: var(--colorBg2);
    z-index: 0;
    opacity: 0;
  }
  .mypage-common-popmenu__link:hover:before {
    opacity: 1;
  }
  .mypage-common-popmenu__text-link:hover {
    text-decoration: underline;
  }
  .mypage-common-narrow-button {
    width: 345rem;
  }
  .mypage-common-tips-heading {
    align-items: center;
  }
  .mypage-common-stamp {
    gap: 30rem;
  }
  .mypage-common-stamp--large .mypage-common-stamp__block {
    width: 180rem;
  }
  .mypage-common-stamp__title {
    font-size: 16rem;
  }
  .mypage-common-stamp__number {
    font-size: 14rem;
  }
  .mypage-common-stamp__number__emphasis {
    font-size: 20rem;
  }
  .mypage-common-stamp__button {
    font-weight: 400;
    width: 100%;
    height: 30rem;
    margin-top: 5rem;
  }
  .mypage-common-gallery__list {
    gap: 10rem;
  }
  .mypage-common-gallery__item {
    width: calc((100% - 40rem) / 5);
  }
  .mypage-common-course-data {
    gap: 0 20rem;
    padding: 15rem 20rem 30rem;
  }
  .mypage-common-course-data__block {
    width: calc(50% - 10rem);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4rem 0;
  }
  .mypage-common-course-data__title {
    flex: none;
    width: 110rem;
    font-size: 15rem;
  }
  .mypage-common-course-data__body {
    font-size: 15rem;
  }
  .mypage-common-course-data__body:not(:last-child) {
    margin-right: 5rem;
  }
  .mypage-common-course-data__note {
    font-size: 10rem;
  }
  .mypage-plan-detail__popup-label {
    top: 20rem;
  }
  .mypage-plan-detail__course__weather {
    gap: 20rem;
    max-width: 770rem;
  }
  .mypage-plan-detail__equipment .edit-table__article__flex-box__body {
    padding-top: 7rem;
  }
  .mypage-record-info__data {
    padding: 16rem 20rem;
  }
  .mypage-record-info__data__inner {
    display: flex;
    justify-content: space-between;
    max-width: 740rem;
  }
  .mypage-record-info__data__block:not(:last-child) {
    margin-right: 20rem;
  }
  .mypage-record-info__data__heading {
    font-size: 16rem;
  }
  .mypage-record-info__data__link:hover {
    text-decoration: underline;
  }
  .mypage-record-info__history__block:not(:last-child) {
    padding-right: 30rem;
    margin-right: 30rem;
  }
  .mypage-record-info__history__text {
    font-size: 16rem;
  }
  .mypage-record-info .edit-table__article__thumbnail {
    max-width: 160rem;
    aspect-ratio: 160/99;
  }
  .mypage-record-detail__info {
    display: flex;
    gap: 15rem;
  }
  .mypage-record-detail__info__thumbnail {
    width: 54.546%;
    flex: none;
  }
  .mypage-record-detail__info__title {
    font-size: 20rem;
    margin-top: 4rem;
  }
  .mypage-record-detail__course__list .data-list__item:last-child {
    padding-bottom: 25rem;
  }
  .mypage-comment__table .edit-table__article__thumbnail {
    width: 140rem;
  }
  .mypage-edit__menu {
    max-width: 540rem;
    margin-right: auto;
    margin-left: auto;
  }
  .mypage-edit__switch {
    margin-top: 15rem;
  }
  .mypage-edit__switch__title {
    margin-right: 50rem;
  }
  .mypage-edit__text-link:hover {
    text-decoration: underline;
  }
  .form-buttons--pc-single-column .mypage-edit__text-link {
    margin-right: auto;
    margin-left: auto;
  }
  .mypage-edit__spot {
    margin-top: 20rem;
    gap: 15rem;
  }
  .mypage-edit__spot__image {
    width: 160rem;
  }
  .mypage-edit__form-box .form-row-box__head {
    width: 280rem;
  }
  .mypage-edit__form-box .form-row-box__body {
    margin-left: 0;
  }
  .mypage-edit__minimal-form--pc-narrow {
    width: 345rem;
  }
  .mypage-edit__minimal-form__check-list {
    gap: 0rem 0;
  }
  .mypage-edit__minimal-form__check {
    width: 33.3333333333%;
  }
  .mypage-edit__popmenu {
    right: auto;
    left: -10rem !important;
    transform: translateX(-100%);
    bottom: 0;
  }
  .mypage-share__body {
    padding-top: 25rem;
  }
  .mypage-share__link:hover {
    text-decoration: underline;
  }
  .mypage-share__action-area {
    padding: 20rem 0 20rem 15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-width: 1px 0 1px 0;
    gap: 30rem;
  }
  .mypage-share__buttons {
    gap: 20rem;
    flex: 1 1;
    justify-content: flex-end;
  }
  .mypage-share__buttons__item {
    max-width: 300rem;
  }
  .mypage-print__switch {
    width: 350rem;
  }
  .mypage-print__check {
    margin-top: 10rem;
  }
  .mypage-print__check__title .form-section-title {
    width: 300rem;
  }
  .mypage-print__check__body .form-radio-list .form-radio {
    min-width: 84rem;
  }
  .mypage-print__body {
    padding-top: 25rem;
  }
  .mypage-print__logo {
    width: 180rem;
  }
  .mypage-print__schedule {
    margin-top: 30rem;
  }
  .mypage-print__memo {
    margin-top: 30rem;
  }
  .mypage-tool-detail__data .data-list__item:last-child {
    padding-bottom: 25rem;
  }
  .mypage-tool-detail__data__flex {
    display: flex;
  }
  .mypage-tool-detail__data__flex .data-list__title {
    width: 34%;
    flex: none;
  }
  .mypage-tool-detail__data__flex .data-list__description {
    flex: 1 1;
  }
  .mypage-tool-detail__thumbnail .mypage-common-gallery__item {
    width: calc((100% - 40rem) / 5);
  }
  .mypage-history-stamp-list {
    gap: 30rem 20rem;
  }
  .mypage-history-stamp-list__item {
    width: calc(50% - 10rem);
  }
  .mypage-history-stamp-list__outline {
    width: -moz-fit-content;
    width: fit-content;
  }
  .mypage-history-stamp-list__link {
    margin-top: 12rem;
  }
  .mypage-profile__head.user-info {
    align-items: center;
  }
  .mypage-profile__head .user-info__label {
    margin-top: 0;
    margin-left: 26rem;
  }
  .mypage-profile__thumbnail {
    flex: none;
  }
  .mypage-profile__info .data-list__item {
    display: flex;
    margin-bottom: 26rem;
    padding-bottom: 26rem;
  }
  .mypage-profile__info .data-list__title {
    width: 300rem;
    flex: none;
    margin-bottom: 0;
  }
  .mypage-profile__graph__utility {
    margin-bottom: 10rem;
  }
  .mypage-profile__stamp {
    max-width: 798rem;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
  }
  .mypage-profile__stamp .mypage-common-stamp__block {
    max-width: 160rem;
    width: 25%;
  }
  .mypage-profile__ranking__block {
    padding-bottom: 26rem;
    margin-bottom: 26rem;
  }
  .mypage-profile__ranking__number {
    font-size: 18rem;
  }
  .mypage-profile__ranking__point {
    font-size: 18rem;
  }

  .road_map_wrapper .road_map {
    line-height: 7rem;
  }
  .road_map_wrapper .road_map_horizon {
    line-height: 9rem;
  }
}

@media (max-width: 767px) {
  .mypage-common-buttons__item {
    width: calc((100% - 16rem) / 2);
  }
  .mypage-common-buttons__item:only-child {
    width: 100%;
  }
  .mypage-common-buttons__item--sp-full-width {
    width: 100%;
  }
  .mypage-common-stamp {
    justify-content: space-between;
  }
  .mypage-common-stamp--large .mypage-common-stamp__icon {
    transform: scale(0.85, 0.85);
  }
  .mypage-common-gallery__list--sp-scroll {
    gap: 5rem;
    overflow: scroll;
    flex-wrap: nowrap;
  }
  .mypage-common-gallery__list--sp-scroll .mypage-common-gallery__item {
    width: 80rem;
    flex: none;
  }
  .mypage-common-course-data__body {
    border-bottom: 1px solid #FFF;
  }
  .mypage-common-course-data__body:last-child:not(:first-of-type) {
    border-bottom: none;
  }
  .mypage-plan-detail__course__map {
    margin-left: calc(var(--sidePaddingSp1) * -1);
    margin-right: calc(var(--sidePaddingSp1) * -1);
  }
  .mypage-plan-detail__course__topography__graph {
    margin-left: calc(var(--sidePaddingSp1) * -1);
    margin-right: calc(var(--sidePaddingSp1) * -1);
  }
  .mypage-plan-detail__course__topography__graph__inner {
    margin-left: var(--sidePaddingSp1);
    margin-right: var(--sidePaddingSp1);
  }
  .mypage-plan-detail__course__weather {
    margin-left: calc(var(--sidePaddingSp1) * -1);
    margin-right: calc(var(--sidePaddingSp1) * -1);
    flex-direction: column;
    gap: 15rem;
  }
  .mypage-record-info__data {
    margin: 0 calc(var(--sidePaddingSp1) * -1);
    padding: 12rem var(--sidePaddingSp1) 12rem;
  }
  .mypage-record-info__data__block:not(:last-child) {
    margin-bottom: 15rem;
  }
  .mypage-record-info__data__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mypage-record-info .edit-table__article__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
  }
  .mypage-record-detail__info__thumbnail {
    margin: 0 calc(var(--sidePaddingSp1) * -1) 10rem;
  }
  .mypage-edit__switch {
    border: 1px solid var(--colorBorder1);
    border-width: 1px 0;
    padding: 10rem 0;
    justify-content: space-between;
    margin-top: 3rem;
  }
  .mypage-edit__text-link {
    margin: 15rem auto 0;
  }
  .mypage-share__action-area {
    padding-top: 10rem;
    border-width: 1px 0 0 0;
  }
  .mypage-share__icons {
    border-bottom: 1px solid var(--colorBorder2);
    padding-bottom: 10rem;
  }
  .mypage-print__check {
    justify-content: space-between;
    margin-top: 15rem;
  }
  .mypage-print__check__body .form-radio-list {
    gap: 20rem;
  }
  .mypage-tool-detail__data .data-list__item {
    padding-bottom: 16rem;
    margin-bottom: 16rem;
  }
  .mypage-tool-detail__data .data-list__item:last-child {
    margin-bottom: 0;
  }
  .mypage-tool-detail__data .data-list__title {
    margin-bottom: 6rem;
  }
  .mypage-tool-detail__thumbnail {
    gap: 10rem;
    width: 320rem;
  }
  .mypage-tool-detail__thumbnail .mypage-common-gallery__item {
    width: calc((100% - 20rem) / 3);
  }
  .mypage-history-stamp-list {
    flex-direction: column;
    gap: 20rem;
  }
  .mypage-history-stamp-list__outline {
    flex: 1 1;
  }
  .mypage-profile__thumbnail {
    margin-right: auto;
    margin-left: auto;
  }

  .road_map_wrapper .road_map {
    line-height: 4rem;
  }
  .road_map_wrapper .road_map .road_map_horizon {
    line-height: 7rem;
  }
}