.yamanavi-menu {
  width: 100%;
  background: url("/assets/img/yamanavi/top-bk-sp.jpg") no-repeat center bottom/cover;
  padding: 60rem 0;
}
.yamanavi-menu .yamanavi-menu__ttl {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 20rem;
}

.yamanavi-menuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.yamanavi-menuList li {
  background-color: #fff;
  height: 80rem;
}
.yamanavi-menuList a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
.yamanavi-menuList .yamanavi-menuList__txt {
  text-align: center;
  font-weight: 700;
  font-size: 18rem;
}
.yamanavi-menuList .yamanavi-menuList__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50rem;
  height: 50rem;
  left: 20rem;
}
.yamanavi-menuList .yamanavi-menuList__icon img {
  width: 100%;
  height: auto;
}

.search-formBox dl {
  display: flex;
  align-items: baseline;
}
.search-formBox dl + dl {
  margin-top: 30rem;
}
.search-formBox dt {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.search-formBox dt img {
  margin-left: 8rem;
  margin-bottom: 2rem;
}
.search-formBox dd {
  width: 100%;
}
.search-formBox .search-formBox__checkbox {
  display: flex;
  flex-wrap: wrap;
}

.yamanavi-search-head {
  margin-top: 20px;
}
.yamanavi-search-head .sort-condition__label {
  gap: 10rem;
  display: flex;
  flex-wrap: wrap;
}
.yamanavi-search-head .sort-condition__label .sort-label {
  padding: 4rem 6rem;
}
.yamanavi-search-head .form-block-checkbox-list .form-block-checkbox {
  width: calc(50% - 3rem);
}
.yamanavi-search-head .form-block-checkbox-list .form-block-checkbox__label {
  padding-left: 0;
}
.yamanavi-search-head .menu-modal__form-box .form-section-title {
  display: flex;
  align-items: center;
  gap: 6rem;
}

.search-more {
  height: 48rem;
}

.yamanavi-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-results__head {
  display: flex;
  justify-content: space-between;
  padding-top: 20rem;
  padding-bottom: 15rem;
  border-bottom: 1px solid #343434;
  font-size: 14rem;
}
.search-results__head .original-select__btn {
  background-size: 18rem;
  background-position: left center;
  padding-left: 24rem;
}

.search-results__sort-wrapper {
  display: flex;
  align-items: center;
  gap: 20rem;
}

.yama-panel-article {
  border-bottom: 1px solid #343434;
  padding: 16rem 0 12rem;
}

.corse-panel-article {
  border-bottom: 1px solid #CCCCCC;
  padding: 16rem 0 12rem;
}

.trailhead-panel-article {
  border-bottom: 1px solid #CCCCCC;
  padding: 16rem 0 12rem;
}

.lodge-panel-article {
  border-bottom: 1px solid #CCCCCC;
  padding: 16rem 0 12rem;
}

.corse-article-head .yamanavi-article-head__flex {
  margin-bottom: 6rem;
}

.corse-info {
  display: flex;
  align-items: center;
  margin-top: 8rem;
  flex-wrap: wrap;
}
.corse-info p {
  position: relative;
}
.corse-info p:first-child {
  padding-left: 0;
}
.corse-info p:last-child {
  padding-right: 0;
}

.trailhead-place {
  font-size: 14rem;
}

.trailhead-txt {
  font-size: 16rem;
  margin-top: 4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.trailhead-institution {
  margin-top: 10rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
}
.trailhead-institution img {
  width: 21.5rem;
}
.trailhead-institution--flexStart {
  flex-wrap: nowrap;
}

.trailhead-list {
  font-size: 14rem;
  margin-top: 10rem;
  display: block;
}
.trailhead-list dt {
  font-weight: 700;
  flex: none;
}

.yamanavi-bkLabel {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
  margin-top: 10rem;
}
.yamanavi-bkLabel p {
  background-color: #343434;
  color: #fff;
  padding: 4rem 6rem 4rem;
  font-size: 10rem;
}
.yamanavi-bkLabel .camp-text {
  color: #343434;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 0rem;
  padding-left: 0;
}
.yamanavi-bkLabel .camp-text i {
  display: flex;
  align-items: center;
  width: 14rem;
}

.yama-article-head {
  display: flex;
  gap: 12rem;
  position: relative;
  padding-right: 18rem;
}
.yama-article-head .yama-article-head__thumbnail {
  position: relative;
  overflow: hidden;
  flex: none;
  width: 100rem;
  height: 62rem;
}
.yama-article-head .yama-article-head__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yama-article-head .yama-article-head__ttl {
  font-size: 16rem;
  font-weight: 700;
}
.yama-article-head .yama-article-head__info {
  font-size: 16rem;
}
.yama-article-head .yama-article-head__txt {
  font-size: 14rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  padding-right: 60rem;
}

.yama-article-trigger {
  width: 13rem;
  height: 13rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  cursor: pointer;
}
.yama-article-trigger.is-active {
  transform: translateY(-50%) rotate(-180deg);
}

.yama-article-target {
  display: none;
}
.yama-article-target.is-active {
  display: block;
}

.yamanavi-article-head__flex {
  display: flex;
}

.yamanavi-place {
  display: flex;
  align-items: center;
}
.yamanavi-place p {
  padding: 0 12rem;
  position: relative;
  font-size: 14rem;
}
.yamanavi-place p:first-child {
  padding-left: 0;
}
.yamanavi-place p:last-child {
  padding-right: 0;
}
.yamanavi-place p:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  height: 1em;
  width: 1px;
  background-color: #343434;
}

.yamanavi-label {
  display: flex;
  gap: 10rem;
  margin-bottom: 10rem;
}
.yamanavi-label--center {
  align-items: center;
}
.yamanavi-label--wrap {
  flex-wrap: wrap;
}
.yamanavi-label > span {
  position: relative;
  display: inline-block;
  background-color: #EDF5EF;
  color: #529B60;
  padding: 2rem 10rem 1rem;
}
.yamanavi-label > span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #529B60;
}

.yama-article-detail {
  margin-top: 16rem;
  border-top: 1px dashed #CCCCCC;
}
.yama-article-detail .yama-panel-detail:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.yama-article-detail--display {
  margin-top: 0;
  border-top: none;
}
.yama-article-detail--display .yama-panel-detail:last-child {
  padding: 16rem 0 14rem;
  border-bottom: 1px solid #CCCCCC;
}

.yama-panel-detail {
  padding: 16rem 0 14rem;
  border-bottom: 1px solid #CCCCCC;
}
.yama-panel-detail .yama-panel-detail__type {
  display: flex;
  margin-top: 8rem;
}
.yama-panel-detail .yama-panel-detail__type p {
  font-size: 14rem;
  position: relative;
}

.yamanavi-link {
  font-size: 16rem;
  color: #0757D8;
  display: inline-block;
  word-break: normal;
}

.lodge-list {
  font-size: 14rem;
  margin-top: 10rem;
  display: block;
}
.lodge-list dl {
  display: flex;
}
.lodge-list dt {
  font-weight: 700;
  flex: none;
  min-width: 60rem;
}

.yamanavi-tourBtn .basic-button {
  background-color: #529B60;
  border: 1px solid #529B60;
  color: #fff;
  margin-top: 20rem;
}

.tour-panel {
  padding: 16rem 0;
}
.tour-panel + .tour-panel {
  border-top: 1px solid #BCBCBC;
}
.tour-panel .tour-panel__ttl {
  font-size: 16rem;
  font-weight: 700;
}
.tour-panel .tour-panel__txt {
  font-size: 16rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  margin-top: 10rem;
}
.tour-panel .tour-panel__label {
  margin-top: 15rem;
  margin-bottom: 0;
}

.tour-panelHead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.tour-panelHead .tour-panelHead__locate {
  font-size: 12rem;
}
.tour-panelHead .tour-panelHead__label {
  font-size: 14rem;
  color: #EC5704;
  border-top: 1px solid #EC5704;
  border-bottom: 1px solid #EC5704;
  padding: 2rem 0 0;
}

.tour-panelBox {
  display: flex;
  margin-top: 10rem;
  gap: 10rem;
}
.tour-panelBox .tour-panelBox__image {
  flex: none;
  position: relative;
  width: 100rem;
  height: 60rem;
}
.tour-panelBox .tour-panelBox__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tour-panelBox .tour-panelBox__txt {
  font-size: 16rem;
  color: #529B60;
}

.tour-star {
  display: flex;
  align-items: center;
}
.tour-star .tour-star__txt {
  font-weight: 700;
  width: 50rem;
}
.tour-star .tour-star__icon {
  margin-top: -10rem;
  margin-left: 8rem;
}
.tour-star .equipment-card__rating {
  margin-top: -4rem;
  margin-left: 12rem;
}

.tour-traveler {
  display: flex;
  align-items: center;
  margin-top: 3rem;
}
.tour-traveler .tour-traveler__item {
  font-weight: 700;
  width: 60rem;
}

.pamphlet-container {
  display: grid;
  gap: 0px 0px;
}

.pamphlet-grid-item {
  position: relative;
  border-bottom: 1px solid #BCBCBC;
  padding: 12rem 0;
}
.pamphlet-grid-item .pamphlet-grid-item__check {
  position: absolute;
  left: 0;
  top: 15rem;
}
.pamphlet-grid-item .pamphlet-grid-item__image {
  position: relative;
  width: 100rem;
  height: 140rem;
}
.pamphlet-grid-item .pamphlet-grid-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pamphlet-grid-item .pamphlet-grid-item__ttl {
  font-size: 16rem;
  font-weight: 700;
}
.pamphlet-grid-item .pamphlet-grid-item__list {
  margin-top: 15rem;
}
.pamphlet-grid-item .pamphlet-grid-item__list dl {
  display: flex;
}
.pamphlet-grid-item .pamphlet-grid-item__list dt {
  font-weight: 700;
  min-width: 80rem;
}
.pamphlet-grid-item .pamphlet-grid-item__list dd a {
  font-size: 14rem;
}
.pamphlet-grid-item .pamphlet-grid-item__txt {
  margin-top: 10rem;
}

.pamphlet-conversion {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #F8F8F8;
  z-index: 30;
  box-shadow: 0px 9px 20px -2px rgb(0, 0, 0);
  padding: 20rem 0;
}
.pamphlet-conversion .pamphlet-conversion__error {
  color: #EC5704;
  text-align: center;
}
.pamphlet-conversion .pamphlet-conversion__error.is-hide {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.pamphlet-conversion .pamphlet-conversion__btn {
  text-align: center;
}
.pamphlet-conversion .pamphlet-conversion__btn .basic-button {
  background-color: #529B60;
  border: 1px solid #529B60;
  color: #fff;
  margin: 10rem auto;
  width: 276rem;
  height: 50rem;
}

.menu-modal__form-box__child {
  width: calc((100% - 10rem) / 2);
}
.menu-modal__form-box__child .form-row-box__body {
  width: 100%;
}

.form-row-box__body--middle .form-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
}
.form-row-box__body--middle .form-input__content {
  width: 93%;
  background-color: #fff;
}

.form-row-box__body--cost {
  display: flex;
  align-items: center;
}
.form-row-box__body--cost .form-select {
  width: 120rem;
  flex: none;
}
.form-row-box__body--cost .form-optionTxt {
  margin-left: 10rem;
  margin-right: 10rem;
}

.form-check-boxContent {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem 14rem;
}
.form-check-boxContent label {
  width: calc((100% - 28rem) / 3);
  height: 60rem;
}
.form-check-boxContent label img {
  width: 100%;
  height: auto;
}
.form-check-boxContent input {
  display: none;
}
.form-check-boxContent input:checked + label {
  filter: sepia(1);
}

.form-q__icon {
  display: inline-block;
  transform: translateY(-5rem);
}

.starModal {
  z-index: 1000;
}

.starModal-list {
  margin-top: 20rem;
}
.starModal-list .starModal-list__item p {
  margin-top: 5rem;
}
.starModal-list .starModal-list__item + .starModal-list__item {
  margin-top: 15rem;
}

.starModal-note {
  margin-top: 20rem;
  padding-top: 20rem;
  border-top: 1px solid #E6E6E6;
}

.modalHead-icon {
  margin-right: 5rem;
  transform: translateY(-5rem);
}

.yamanavi-from-head {
  border: 1px solid #529B60;
  background-color: #DCEBDF;
  margin: 30rem 0 30rem;
  padding: 14rem 20rem;
}
.yamanavi-from-head li {
  display: flex;
  padding: 4rem 0;
}
.yamanavi-from-head li + li {
  border-top: 1px solid #fff;
}
.yamanavi-from-head .yamanavi-from-head__ttl {
  font-weight: 700;
  font-size: 16rem;
}
.yamanavi-from-head .yamanavi-from-head__item {
  display: inline-block;
  font-weight: 700;
  font-size: 14rem;
  min-width: 80rem;
}
.yamanavi-from-head .yamanavi-from-head__txt {
  font-size: 14rem;
}

.agree-text {
  font-weight: 700;
  font-size: 14rem;
}

.note-text {
  margin-top: 20rem;
  font-size: 14rem;
}

.form-row-box__flex {
  display: flex;
  align-items: center;
  gap: 12rem;
}
.form-row-box__flex .form-input {
  width: 72rem;
}

.companion-box .companion-box__ttl {
  font-weight: 700;
  font-size: 16rem;
}
.companion-box .companion-box__txt {
  margin-bottom: 10rem;
}

.companion-boxList {
  border-bottom: 1px solid #CCCCCC;
  margin-top: 10rem;
}
.companion-boxList li {
  padding: 16rem 0 16rem;
  border-top: 1px solid #CCCCCC;
}

.attention-box {
  background-color: #fff;
  padding: 6rem 14rem;
}
.attention-box .attention-box__ttl {
  font-weight: 700;
  color: #EC5704;
}
.attention-box .attention-box__txt {
  margin-top: 4rem;
}

.yamanavi-detail {
  position: relative;
  padding-bottom: 10rem;
}

.yamanavi-head__txt {
  font-size: 16rem;
  word-break: normal;
}

.yamanavi-headCategory {
  display: flex;
  align-items: center;
}
.yamanavi-headCategory--gap {
  gap: 8rem;
  flex-wrap: wrap;
}
.yamanavi-headCategory .yamanavi-headCategory__txt {
  font-size: 12rem;
}
.yamanavi-headCategory .yamanavi-headCategory__txt + .yamanavi-headCategory__txt {
  position: relative;
  padding-left: 10rem;
  margin-left: 10rem;
}
.yamanavi-headCategory .yamanavi-headCategory__txt + .yamanavi-headCategory__txt::before {
  content: "";
  width: 1px;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #707070;
}
.yamanavi-headCategory .yamanavi-headCategory__label {
  font-size: 10rem;
  background-color: #343434;
  color: #fff;
  padding: 4rem 8rem;
}
.yamanavi-headCategory .article-label-list {
  margin-left: 15rem;
}

.yamanavi-headKana {
  font-size: 12rem;
  line-height: 1;
  margin-top: 10rem;
}

.yamanavi-headTtl {
  word-break: normal;
}
.yamanavi-headTtl .yamanavi-headTtl__txt {
  font-weight: 700;
  font-size: 24rem;
}
.yamanavi-headTtl .yamanavi-headTtl__num {
  font-size: 20rem;
}

.yamanavi-modal .yamanavi-modal__icon {
  margin: 0 4rem 3rem 0;
}

.traildetail-flex {
  display: flex;
  word-break: normal;
}
.traildetail-flex .traildetail-flex__txt {
  font-size: 16rem;
  line-height: 2;
}
.traildetail-flex .traildetail-flex__image {
  flex: none;
  width: 100%;
  margin-top: 10rem;
}
.traildetail-flex .traildetail-flex__image img {
  width: 100%;
  height: auto;
}

.traildetail-list {
  display: flex;
}
.traildetail-list .traildetail-list__ttl {
  color: #529B60;
  font-size: 16rem;
  font-weight: 700;
  margin-top: 10rem;
}
.traildetail-list .traildetail-list__label {
  font-size: 12rem;
  display: inline-block;
  border: 1px solid #000;
  padding: 0 4rem;
  margin-top: 5rem;
}
.traildetail-list .traildetail-list__txt {
  word-break: normal;
  font-size: 14rem;
  margin-top: 10rem;
}

.traildetail-info {
  background-color: #F8F8F8;
  margin-top: 15rem;
  padding: 5rem 16rem 14rem;
}
.traildetail-info .traildetail-info__ttl {
  font-weight: 700;
}
.traildetail-info .traildetail-info__txt {
  font-size: 16rem;
  margin-top: 5rem;
}
.traildetail-info .traildetail-info__link {
  margin-top: 5rem;
  display: flex;
  gap: 10rem;
}

.solidTop {
  border-top: 1px solid #BCBCBC;
  margin-top: 20rem;
}

.dottedTop {
  border-top: 1px dashed #BCBCBC;
  margin-top: 20rem;
}

.yamanavi-kv {
  position: relative;
}
.yamanavi-kv .yamanavi-kv__caption {
  font-size: 12rem;
  color: #777777;
}

.thumbnail-slider .swiper-slide img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail-slider .swiper-slide-caption {
  position: relative;
  margin-left: auto;
  word-break: normal;
}
.thumbnail-slider .recommend-slider__arrows {
  transform: translateY(-80%);
}

.yamanavi-kv__image__slider-wrapper {
  position: relative;
}

.yamanaviSlider-thumbnail {
  margin-top: 10rem;
}
.yamanaviSlider-thumbnail .swiper-wrapper {
  gap: 6rem;
}
.yamanaviSlider-thumbnail .swiper-wrapper .swiper-slide {
  position: relative;
  width: clamp(58rem, 5.8vw, 65rem) !important;
  aspect-ratio: 65/40;
}
.yamanaviSlider-thumbnail .swiper-wrapper .swiper-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yamanavi-content-flex .accordion-readmore {
  max-height: 160rem;
}

.yamanavi-data {
  position: relative;
  flex: none;
  background-color: #F8F8F8;
  padding: 22rem 24rem 20rem;
}
.yamanavi-data dl {
  display: flex;
  padding: 4rem 0;
}
.yamanavi-data dt {
  font-size: 14rem;
  color: #529B60;
  font-weight: 700;
  min-width: 90rem;
}
.yamanavi-data .yamanavi-data__txt {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #529B60;
  color: #fff;
  font-weight: 700;
  font-size: 14rem;
  padding: 0 8rem;
  display: inline-block;
}

.yamanavi-dataBox {
  position: relative;
  flex: none;
  background-color: #F8F8F8;
  padding: 24rem 20rem 30rem;
}
.yamanavi-dataBox dl {
  display: flex;
  padding: 4rem 0;
  border-bottom: 1px solid #DDDDDD;
}
.yamanavi-dataBox dt {
  display: flex;
  font-size: 14rem;
  color: #529B60;
  font-weight: 700;
  min-width: 154rem;
}
.yamanavi-dataBox dd {
  font-size: 14rem;
  word-break: break-all;
}
.yamanavi-dataBox dd span {
  font-size: 10rem;
  display: inline-block;
  margin-right: 3rem;
  margin-left: 6rem;
}
.yamanavi-dataBox dd span:first-child {
  margin-left: 0;
}
.yamanavi-dataBox .yamanavi-dataBox__txt {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #529B60;
  color: #fff;
  font-weight: 700;
  font-size: 14rem;
  padding: 0 8rem;
  display: inline-block;
}
.yamanavi-dataBox .accent-heading__text__icon {
  margin-top: 4rem;
}

.yamanavi-map {
  background-color: #F8F8F8;
}

.yamanavi-tabRadio {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
  position: relative;
}
.yamanavi-tabRadio .yamanavi-tabRadio__box {
  width: calc((100% - 20rem) / 2);
}
.yamanavi-tabRadio input {
  display: none;
}
.yamanavi-tabRadio input:checked + label {
  font-weight: 700;
}
.yamanavi-tabRadio input:checked + label::before {
  height: 2px;
  background-color: #000;
}
.yamanavi-tabRadio input:checked + label + .yamanavi-tabRadio__content {
  display: block;
}
.yamanavi-tabRadio label {
  font-size: 14rem;
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 8rem;
  cursor: pointer;
}
.yamanavi-tabRadio label::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background-color: #DDDDDD;
}
.yamanavi-tabRadio .yamanavi-tabRadio__content {
  margin-top: 20rem;
  display: none;
  width: 345rem;
  height: 40rem;
}
.yamanavi-tabRadio .form-select {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40rem;
}

.yamanavi-weather .accordion-readmore {
  max-height: 375rem;
}

.js-accordionOpenActive {
  max-height: initial !important;
}

.js-accordionOpenDisabled {
  display: none !important;
}

.btn-flex-wrap {
  display: flex;
}

.yamanavi-weatherTxt {
  text-align: right;
}

.yamanavi-description {
  word-break: normal;
}
.yamanavi-description .yamanavi-description__txt {
  font-size: 16rem;
  line-height: 2;
}
.yamanavi-description .yamanavi-description__end {
  font-size: 16rem;
}
.yamanavi-panel-list.article-panel-list--pc-column6 .article-panel {
  border-bottom: none;
}
.yamanavi-minContainer .page-heading--left {
  font-size: 20rem;
}

.travelCompany-image {
  width: 100%;
}
.travelCompany-image img {
  width: 100%;
  height: auto;
}

.travel-detail dl {
  padding: 15rem 0;
  border-bottom: 1px solid #BCBCBC;
}
.travel-detail dt {
  font-weight: 700;
  font-size: 16rem;
}
.travel-detail dd {
  font-size: 16rem;
}
.travel-detail ol {
  padding-left: 1em;
}

.travel-info {
  background-color: #F8F8F8;
  padding: 20px 24px;
}
.travel-info .travel-info__ttl {
  font-weight: 700;
  font-size: 16rem;
  margin-bottom: 2rem;
}
.travel-info .travel-info__ttl--normal {
  font-weight: 400;
}
.travel-info .travel-info__txt {
  font-size: 16rem;
}
.travel-info .travel-info__txt + .travel-info__ttl {
  margin-top: 10rem;
}
.yamanavi-climbing .article-panel__content {
  font-size: 12rem;
}
.yamanavi-climbing .article-panel__title {
  -webkit-line-clamp: 2;
}
.yamanavi-climbing .article-panel__timeTxt {
  font-size: 12rem;
  font-weight: 700;
  margin-top: 4rem;
}
.yamanavi-nearMount .yamanavi-nearMount__note {
  font-size: 14rem;
  margin-top: 25rem;
}

.yamanavi-travelCheck-list {
  border-bottom: 1px solid #BCBCBC;
  padding: 15rem 0 10rem;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__flex {
  display: flex;
  justify-content: space-between;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__period {
  font-size: 18rem;
  color: #529B60;
  font-weight: 700;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__label {
  font-size: 14rem;
  color: #EC5704;
  border-top: 1px solid #EC5704;
  border-bottom: 1px solid #EC5704;
  padding: 2rem 0 0;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__locate {
  font-size: 12rem;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__link {
  margin-top: 5rem;
}
.yamanavi-travelCheck-list .yamanavi-travelCheck-list__link a {
  font-size: 16rem;
}

.yamanabi-normalText {
  font-size: 16rem;
  margin-top: 16rem;
}

.yamanavi-article__float-menu {
  z-index: 99;
  width: -moz-fit-content;
  width: fit-content;
}

.yamanavi-article__float-menu__button {
  box-shadow: 0px 3rem 6rem rgba(0, 0, 0, 0.16);
  border-radius: 999rem;
  overflow: hidden;
}

.yamanavi-article__float-menu .yamanavi-article__float-menu__button {
  transition: width 0.3s;
}
.yamanavi-article__float-menu .yamanavi-article__float-menu__button__text {
  white-space: nowrap;
}
.yamanavi-article__float-menu:not(.is-expand) .basic-button__icon {
  margin-left: 2rem;
  margin-right: 0;
}
.yamanavi-article__float-menu:not(.is-expand) .yamanavi-article__float-menu__button {
  width: 40rem;
}
.yamanavi-article__float-menu:not(.is-expand) .yamanavi-article__float-menu__button__text {
  display: none;
}

.yamanavi-article__block__title {
  font-weight: bold;
  font-size: 16rem;
  display: flex;
}
.yamanavi-article__block__title .accent-heading__text__icon {
  margin-top: 4rem;
}

.yamanavi-accordion-box::after {
  display: none;
}
.yamanavi-accordion-box .accordion-box__body {
  padding: 10rem;
}

.travelDetail-image {
  margin-top: 15rem;
}
.travelDetail-image img {
  width: 100%;
  height: auto;
}
.travelDetail-image .travelDetail-image__caption {
  font-size: 12rem;
  color: #777777;
  margin-top: 5rem;
}

.travelDetail-ttl {
  font-size: 20rem;
  font-weight: 700;
  color: #529B60;
}

.travelDetail-txt {
  font-size: 16rem;
  word-break: normal;
}

.travelDetail-link .text-link {
  font-size: 16rem;
}

.travelDetail-info {
  background-color: #F8F8F8;
  margin-top: 20rem;
  padding: 12rem 20rem 30rem;
}
.travelDetail-info dl {
  padding: 10rem 0;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #DDDDDD;
}
.travelDetail-info dt {
  color: #529B60;
  font-size: 14rem;
  font-weight: 700;
  min-width: 125rem;
}
.travelDetail-info dd {
  font-size: 14rem;
}
.travelDetail-info dd span {
  font-weight: 700;
}
.travelDetail-info .travelDetail-info__icon {
  transform: translateY(-5rem);
  display: inline-block;
  margin-left: 10rem;
}

.travelDetail-endTxt {
  color: #EC5704;
  font-weight: 700;
  font-size: 16rem;
  margin-top: 20rem;
}

.travelDetail-plan {
  margin-top: 20rem;
  word-break: normal;
}
.travelDetail-plan .travelDetail-plan__txt {
  font-size: 16rem;
}
.travelDetail-plan .travelDetail-plan__txt span {
  font-weight: 700;
}
.travelDetail-plan .travelDetail-plan__txt + .travelDetail-plan__txt {
  margin-top: 20rem;
}

.travelDetail-planList {
  padding: 0 10rem;
  margin: 20rem 0;
}
.travelDetail-planList p {
  font-size: 16rem;
}

.travelDetail-order {
  margin-top: 40rem;
  word-break: normal;
}
.travelDetail-order .travelDetail-order__ttl {
  font-size: 18rem;
  font-weight: 700;
  background-color: #DDDDDD;
  padding: 15rem 20rem;
}
.travelDetail-order .travelDetail-order__box {
  background-color: #F8F8F8;
  position: relative;
  padding: 15rem 20rem 30rem;
}

.travelDetail-orderTtl {
  font-weight: 700;
  font-size: 16rem;
}
.travelDetail-orderImage img {
  width: 100%;
  height: auto;
}

.travelDetail-orderItem .travelDetail-orderItem__txt {
  font-size: 18rem;
}
.travelDetail-orderItem .travelDetail-orderItem__note {
  font-size: 14rem;
  margin-top: 5rem;
}

.travelDetail-orderList {
  margin-top: 20rem;
}
.travelDetail-orderList dl {
  display: flex;
}
.travelDetail-orderList dl + dl {
  margin-top: 10rem;
}
.travelDetail-orderList dt {
  font-weight: 700;
  min-width: 110rem;
}

.travelDetail-orderLink {
  margin-top: 10rem;
}

.travelDetail-accordion {
  max-height: 425rem;
}

@media (min-width: 768px) {
  .container.yamanavi-container {
    width: auto;
    max-width: none;
  }
  .yamanavi-ttlWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: calc(100% - var(--sidePaddingPc1) * 2);
    max-width: var(--widthDefault);
    margin-right: auto;
    margin-left: auto;
  }
  .yamanavi-menu {
    background: url("/assets/img/yamanavi/top-bk.jpg") no-repeat center bottom/cover;
    padding: 100rem 0 127rem;
    margin-bottom: 56rem;
  }
  .yamanavi-menu .yamanavi-menu__ttl {
    font-size: 28rem;
  }
  .yamanavi-menuList {
    width: 100%;
    max-width: 1000rem;
    margin: 114rem auto 0;
    gap: 30rem 0;
  }
  .yamanavi-menuList li {
    width: 32%;
    height: 97rem;
  }
  .yamanavi-menuList li.is-wide {
    width: 49%;
  }
  .yamanavi-menuList li.is-wide .yamanavi-menuList__icon {
    width: 62rem;
    height: 62rem;
    left: 37rem;
  }
  .yamanavi-menuList a {
    transition: 0.6s;
  }
  .yamanavi-menuList a:hover {
    opacity: 0.6;
  }
  .yamanavi-menuList .yamanavi-menuList__txt {
    line-height: 1.5;
  }
  .yamanavi-menuList .yamanavi-menuList__icon {
    left: 20rem;
  }
  .search-formBox dl + dl {
    margin-top: 40rem;
  }
  .search-formBox dt {
    font-size: 16rem;
    min-width: 280rem;
  }
  .search-formBox .form-input, .search-formBox .form-select {
    max-width: 420rem;
  }
  .search-formBox .search-formBox__checkbox {
    gap: 10rem 0;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox {
    min-width: 150rem;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__input:checked + .form-block-checkbox__label {
    background: none;
    color: #000;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__input:checked + .form-block-checkbox__label::before {
    background: #343434;
    border: 1px solid #343434;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__input:checked + .form-block-checkbox__label::after {
    border-color: #fff;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__label {
    color: #000;
    border: none;
    padding-right: 0;
    display: inline-flex;
    width: auto;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__label::before {
    width: 20rem;
    height: 20rem;
    left: 0;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox .form-block-checkbox__label::after {
    left: 7rem;
    height: 9rem;
    top: calc(50% - 6rem);
  }
  .search-formBox .search-formBox__checkbox--narrow {
    max-width: 420rem;
    justify-content: space-between;
  }
  .search-formBox .search-formBox__checkbox--narrow .form-block-checkbox {
    min-width: auto;
  }
  .search-formBox .search-formBox__btn {
    max-width: 420px;
  }
  .yamanavi-search-head {
    margin-top: 30px;
  }
  .search-more {
    width: 150rem;
    height: 40rem;
  }
  .yamanavi-result-head {
    margin-top: 16rem;
  }
  .search-results__sort-wrapper {
    gap: 25rem;
  }
  .yama-panel-article {
    padding: 14rem 0;
  }
  .corse-panel-article {
    padding: 14rem 0;
  }
  .trailhead-panel-article {
    padding: 14rem 0;
  }
  .lodge-panel-article {
    padding: 14rem 0;
  }
  .corse-info p {
    padding: 0 12rem;
  }
  .corse-info p:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-60%);
    height: 1em;
    width: 1px;
    background-color: #CCCCCC;
  }
  .trailhead-txt {
    -webkit-line-clamp: 1;
    padding-right: 60rem;
  }
  .trailhead-list {
    display: flex;
  }
  .yamanavi-bkLabel .camp-text {
    gap: 4rem;
  }
  .yama-article-head {
    gap: 16rem;
    padding-right: 20rem;
  }
  .yama-article-head .yama-article-head__thumbnail {
    width: 160rem;
    height: 98rem;
  }
  .yamanavi-article-head__flex {
    gap: 30rem;
    align-items: center;
  }
  .yama-panel-detail .yama-panel-detail__type p {
    padding: 0 30rem;
  }
  .yama-panel-detail .yama-panel-detail__type p:first-child {
    padding-left: 0;
  }
  .yama-panel-detail .yama-panel-detail__type p:last-child {
    padding-right: 0;
  }
  .yama-panel-detail .yama-panel-detail__type p:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-60%);
    height: 1em;
    width: 1px;
    background-color: #CCCCCC;
  }
  .yamanavi-link:hover {
    text-decoration: underline;
  }
  .yamanavi-tourBtn .basic-button {
    margin-top: 20rem;
    width: 220rem;
  }
  .tour-panel .tour-panel__label {
    margin-bottom: 0;
  }
  .tour-panelBox {
    gap: 15rem;
    margin-top: 15rem;
  }
  .tour-panelBox .tour-panelBox__image {
    width: 200rem;
    height: 123rem;
  }
  .tour-star {
    margin-top: 5rem;
  }
  .tour-star .tour-star__txt {
    width: 60rem;
  }
  .tour-star .tour-star__icon {
    margin-top: -6rem;
  }
  .tour-traveler .tour-traveler__item {
    width: 70rem;
  }
  .pamphlet-container {
    grid-template-areas: "img ttl" "img txt";
    grid-template-columns: max-content 1fr;
  }
  .pamphlet-container .img-box {
    grid-area: img;
  }
  .pamphlet-container .ttl-box {
    grid-area: ttl;
  }
  .pamphlet-container .txt-box {
    grid-area: txt;
  }
  .pamphlet-grid-item {
    padding: 15rem 0rem 15rem 70rem;
  }
  .pamphlet-grid-item .pamphlet-grid-item__check {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .pamphlet-grid-item .pamphlet-grid-item__image {
    width: 100rem;
    height: 140rem;
    margin-right: 15rem;
  }
  .pamphlet-grid-item .pamphlet-grid-item__list {
    margin-top: 5rem;
  }
  .form-row-box__body--cost .form-optionTxt {
    margin-left: 10rem;
  }
  .form-q__icon {
    transform: translateY(-3rem);
  }
  .modalHead-icon {
    transform: translateY(-4rem);
  }
  .yamanavi-more-list:not(.is_open) .article-panel:nth-child(n+7) {
    display: none;
  }
  .yamanavi-search-radios {
    max-width: 400rem;
  }
  .yamanavi-from-head {
    max-width: 880rem;
    margin: 30rem auto 30rem;
    padding: 22rem 20rem;
  }
  .yamanavi-from-head li {
    padding: 6rem 0;
  }
  .agree-text {
    text-align: center;
  }
  .note-text {
    text-align: center;
  }
  .form-radio-list--column3 {
    justify-content: flex-start;
    gap: 50rem;
  }
  .companion-boxList {
    margin-top: 26rem;
  }
  .companion-boxList li {
    padding: 26rem 0 20rem;
  }
  .attention-box {
    padding: 12rem 16rem;
  }
  .yamanavi-detail {
    padding-left: 60rem;
    padding-bottom: 70rem;
    max-width: 882rem;
  }
  .yamanavi-headCategory .article-label-list {
    margin-left: 30rem;
  }
  .yamanavi-headKana {
    margin-top: 15rem;
  }
  .yamanavi-headTtl {
    display: flex;
    align-items: center;
  }
  .yamanavi-headTtl .yamanavi-headTtl__txt {
    font-size: 32rem;
  }
  .yamanavi-headTtl .yamanavi-headTtl__txt--small {
    font-size: 28rem;
  }
  .yamanavi-headTtl .yamanavi-headTtl__num {
    font-size: 28rem;
    margin-left: 30rem;
  }
  .yamanavi-modal .menu-modal__content {
    max-width: 345rem;
  }
  .yamanavi-modal .menu-modal__body {
    padding: 20rem 16rem 30rem;
  }
  .traildetail-flex {
    gap: 30rem;
  }
  .traildetail-flex .traildetail-flex__image {
    width: 390rem;
  }
  .traildetail-list {
    gap: 40rem;
  }
  .traildetail-list .traildetail-list__item {
    width: 50%;
  }
  .traildetail-info {
    padding: 8rem 16rem 10rem;
  }
  .yamanavi-kv .yamanavi-kv__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(120%);
  }
  .thumbnail-slider .swiper-slide-caption {
    max-width: 15em;
    font-size: 13rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 8rem;
  }
  .yamanavi-kv__image__slider-wrapper {
    margin-bottom: 40rem;
  }
  .yamanaviSlider-thumbnail {
    position: absolute;
    left: 0;
    transition: top 0.3s 0.05s;
  }
  .yamanavi-content-flex {
    display: flex;
    align-items: flex-start;
    gap: 30rem;
  }
  .yamanavi-data {
    width: 250rem;
    padding: 30rem 16rem 20rem;
  }
  .yamanavi-data dl {
    padding: 2rem 0;
  }
  .yamanavi-data dt {
    min-width: 80rem;
  }
  .yamanavi-dataBox {
    padding: 22rem 20rem 30rem;
  }
  .yamanavi-dataBox dl {
    padding: 6rem 0;
  }
  .yamanavi-dataBox dt {
    font-size: 16rem;
    min-width: 160rem;
  }
  .yamanavi-dataBox .yamanavi-dataBox__flex {
    display: flex;
    gap: 20rem;
  }
  .yamanavi-dataBox .yamanavi-dataBox__item {
    width: 50%;
  }
  .yamanavi-map {
    padding: 20px;
  }
  .yamanavi-tabRadio .form-select {
    width: 345rem;
  }
  .yamanavi-weather .accordion-readmore {
    max-height: 345rem;
  }
  .btn-flex-wrap {
    gap: 30rem;
  }
  .yamanavi-description .yamanavi-description__end {
    margin-top: 20rem;
    text-align: right;
  }
  .yamanavi-panel-list.article-panel-list--pc-column6 .article-panel {
    width: calc((100% - 100rem - 1rem) / 6);
  }
  .yamanavi-minContainer {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
  }
  .yamanavi-minContainer .page-heading--left {
    font-size: 28rem;
  }
  .travelCompany-image {
    width: 345px;
  }
  .travel-detail dl {
    display: flex;
    padding: 25px 0;
  }
  .travel-detail dt {
    min-width: 210rem;
  }
  .yamanavi-latestInformation .record-article__pc-2line {
    -webkit-line-clamp: 2;
  }
  .yamanavi-climbing .article-panel {
    margin-right: 0 !important;
  }
  .yamanavi-nearMount .article-panel {
    margin-right: 0 !important;
    width: calc((100% - 99rem - 1rem) / 6);
  }
  .yamanavi-travelCheck-list {
    padding: 14rem 0 12rem;
  }
  .yamanabi-normalText {
    margin-top: 20rem;
  }
  .yama-article-detail .yama-article-detail___flex {
    display: flex;
    gap: 34rem;
  }
  .yama-article-detail .yama-article-detail__item {
    width: 50%;
  }
  .yamanavi-article__float-menu__button {
    width: 206rem;
    height: 50rem;
  }
  .yamanavi-article__float-menu__button .basic-button__icon {
    width: 23rem;
    margin-right: 4rem;
  }
  .yamanavi-article__float-menu:not(.is-expand) .yamanavi-article__float-menu__button {
    width: 50rem;
  }
  .travelDetail-image {
    max-width: 480rem;
    margin: 20rem auto 0;
  }
  .travelDetail-image .travelDetail-image__caption {
    text-align: right;
  }
  .travelDetail-info {
    padding: 20rem 20rem 30rem;
    margin-top: 30rem;
  }
  .travelDetail-info dt {
    font-size: 16rem;
    min-width: 160rem;
  }
  .travelDetail-info dd {
    font-size: 16rem;
  }
  .travelDetail-info .travelDetail-info__icon {
    transform: translateY(-4rem);
    margin-left: 6rem;
  }
  .travelDetail-info .equipment-card__rating {
    transform: translateY(-4rem);
  }
  .travelDetail-endTxt {
    margin-top: 20rem;
  }
  .travelDetail-btn {
    margin-top: 20rem;
  }
  .travelDetail-plan {
    margin-top: 25rem;
  }
  .travelDetail-plan .travelDetail-plan__txt + .travelDetail-plan__txt {
    margin-top: 20rem;
  }
  .travelDetail-planList {
    padding: 0 15rem;
    margin: 20rem 0;
  }
  .travelDetail-order {
    margin-top: 60rem;
  }
  .travelDetail-order .travelDetail-order__ttl {
    padding: 15rem 20rem;
  }
  .travelDetail-order .travelDetail-order__box {
    padding: 20rem 20rem 25rem;
  }
  .travelDetail-orderImage {
    max-width: 105rem;
  }
  .travelDetail-orderFlex {
    gap: 25rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .travelDetail-orderList dl {
    font-size: 16rem;
  }
  .travelDetail-orderLink {
    font-size: 16rem;
  }
  .travelDetail-accordion {
    overflow: visible;
    max-height: 100%;
  }
  .travelDetail-accordion::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .pamphlet-container .img-box {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .pamphlet-container .ttl-box {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .pamphlet-container .txt-box {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 767px) {
  .yamanavi-menu {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  .yamanavi-menuList {
    flex-direction: column;
    margin: 36rem 15rem 0;
    gap: 20rem;
  }
  .search-formBox dl {
    flex-direction: column;
    gap: 4rem;
  }
  .search-formBox .search-formBox__checkbox {
    gap: 10rem;
  }
  .search-formBox .search-formBox__checkbox .form-block-checkbox {
    width: calc((100% - 10rem) / 2);
  }
  .yamanavi-search-head .sort-condition {
    flex-direction: column;
  }
  .yamanavi-search-head .sort-condition .sort-condition__txt {
    font-size: 16rem;
  }
  .yamanavi-search-head .sort-condition .sort-label {
    gap: 4rem;
  }
  .search-more {
    margin-top: 30rem;
  }
  .corse-article-head .yamanavi-article-head__flex {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6rem 12rem;
  }
  .corse-info {
    gap: 6rem 0;
  }
  .corse-info p {
    width: 50%;
  }
  .corse-info p:nth-child(2n) {
    padding-left: 10rem;
  }
  .corse-info p:nth-child(2n)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-60%);
    height: 1em;
    width: 1px;
    background-color: #CCCCCC;
  }
  .trailhead-list dt {
    float: left;
  }
  .yama-article-head .yama-article-head__txt {
    display: none;
  }
  .yamanavi-article-head__flex {
    flex-direction: column-reverse;
    gap: 6rem;
  }
  .pamphlet-container {
    grid-template-areas: "ttl-box" "img-box" "txt-box";
  }
  .pamphlet-container .ttl-box {
    grid-area: ttl-box;
  }
  .pamphlet-container .img-box {
    grid-area: img-box;
  }
  .pamphlet-container .txt-box {
    grid-area: txt-box;
  }
  .pamphlet-grid-item .pamphlet-grid-item__image {
    margin: 10rem auto 0;
  }
  .pamphlet-grid-item .pamphlet-grid-item__ttl {
    padding-left: 35rem;
  }
  .pamphlet-grid-item .pamphlet-grid-item__list {
    margin-left: 35rem;
  }
  .form-row-box__body--cost {
    flex-direction: row;
  }
  .starModal-list .equipment-card__rating-item {
    width: 24rem;
  }
  .yamanavi-more-list:not(.is_open) .article-panel:nth-child(n+7) {
    display: none;
  }
  .yamanavi-search-radios .form-radio {
    width: 57%;
  }
  .yamanavi-search-radios .form-radio:nth-child(odd) {
    width: 43%;
  }
  .yamanavi-detail .yamanavi-detail__headFlex {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 20rem;
    gap: 15rem;
  }
  .yamanavi-head__txt {
    margin-top: 15rem;
  }
  .traildetail-flex {
    flex-direction: column;
  }
  .traildetail-list {
    flex-direction: column;
  }
  .yamanavi-kv .yamanavi-kv__image {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .yamanavi-kv .yamanavi-kv__caption {
    margin-top: 10rem;
  }
  .thumbnail-slider .swiper-slide-caption {
    padding: 0 15rem;
    margin-top: 8rem;
  }
  .yamanaviSlider-thumbnail {
    padding: 0 15rem;
    position: static;
  }
  .yamanavi-data dl {
    border-bottom: 1px solid #DDDDDD;
  }
  .yamanavi-dataBox--spMin dt {
    min-width: 120rem;
  }
  .yamanavi-map {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 15rem;
  }
  .btn-flex-wrap {
    flex-direction: column;
    gap: 20rem;
  }
  .yamanavi-description .yamanavi-description__end {
    margin-top: 20rem;
  }
  .yamanavi-panel-list {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 12rem;
  }
  .yamanavi-panel-list.article-panel-list--sp-column3 .article-panel {
    width: 100rem;
  }
  .yamanavi-nearMount .article-panel {
    width: 100rem !important;
  }
  .yamanavi-article__float-menu {
    bottom: 15rem;
    margin: auto;
    right: 9rem;
  }
  .yamanavi-article__float-menu:not(.is-fixed) {
    right: -6rem;
  }
  .yamanavi-article__float-menu__button {
    width: 188rem;
    height: 40rem;
    font-size: 12rem;
  }
  .travelDetail-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .travelDetail-btn .basic-button {
    margin: 0;
  }
  .travelDetail-btn .basic-button:nth-child(1) {
    width: 100%;
  }
  .travelDetail-btn .basic-button:nth-child(n+2) {
    width: 165rem;
  }
  .travelDetail-orderImage {
    max-width: 85rem;
    float: right;
  }
}

@media (max-width: 767px) {
  .pamphlet-container .ttl-box {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .pamphlet-container .img-box {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .pamphlet-container .txt-box {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}