@charset "UTF-8";
/* ---------------------------------------------------------------

	ふるさとMaas用CSS
	/shop/pages/furutraintrip.aspx

	01.リセット
	02.基本・汎用クラス
	03.コンテンツ
	04.装飾配置
	05.アニメーション

	PCページのfont-sizeの基本15px
	SPページのfont-sizeの基本14px

--------------------------------------------------------------- */
/* ---------------------------------------------------------------

	01.リセット

--------------------------------------------------------------- */
#header_info {
  margin: 0 auto;
}

#ftt *,
#ftt *::before,
#ftt *::after {
  box-sizing: border-box;
}
#ftt :where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}
#ftt :where(button) {
  border: none;
  cursor: pointer;
}
#ftt :where(a) {
  text-underline-offset: 0.2ex;
}
#ftt :where(ul, li) {
  list-style: none;
}
@media only screen and (max-width: 750px) {
  #ftt :where(ul, li) {
    font-size: inherit;
  }
}
#ftt :where(ol) {
  list-style: none;
  margin: 0;
}
#ftt :where(img, svg, picture, video, canvas, audio, iframe, embed, object) {
  display: block;
}
#ftt :where(img, picture, svg) {
  max-width: 100%;
  block-size: auto;
}
#ftt :where(figure) {
  margin: 0;
}
#ftt :where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}
#ftt header {
  padding: 0;
}
@media only screen and (max-width: 750px) {
  #ftt :where(strong) {
    font-size: inherit;
  }
}

#footer {
  margin-top: 0;
}
#footer #pagetop p {
  z-index: 9999;
}

/* ---------------------------------------------------------------

	02.基本・汎用クラス

--------------------------------------------------------------- */
.hp_pcOnly {
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .hp_pcOnly {
    display: none;
  }
}

.hp_spOnly {
  display: none;
}
@media only screen and (max-width: 750px) {
  .hp_spOnly {
    display: inline-block;
  }
}

.hp_bgColor-white {
  background-color: #ffffff;
}

.hp_fontColor-red {
  color: #d93d66;
}
.hp_fontColor-green {
  color: #00a73c;
}

.ly_fttInner {
  padding-top: 90px;
}
@media only screen and (max-width: 750px) {
  .ly_fttInner {
    padding-top: 10px;
  }
}

.el_fttTtl,
.el_fttSubTtl {
  max-width: 1100px;
  margin: 0 auto 30px;
}
.el_fttTtl img,
.el_fttSubTtl img {
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .el_fttTtl {
    margin-bottom: 4vw;
    padding-left: 6.7vw;
    padding-right: 6.7vw;
  }
}

.el_fttSubTtl {
  margin-bottom: 10px;
}

.el_fttText {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 750px) {
  .el_fttText {
    font-size: 1.14em;
  }
}

.el_fttTtlImg > img {
  width: 230px;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .el_fttTtlImg > img {
    width: clamp(9.57rem, 30.67vw, 16.43rem);
  }
}

.el_fttSup {
  text-indent: -0.8em;
  padding-left: 1em;
  line-height: 1.3;
  font-size: 0.8em;
  font-weight: 500;
}
.el_fttSup::before {
  content: "* ";
  vertical-align: middle;
}

.bl_fttNotes {
  font-size: 0.8em;
  font-weight: 500;
}
@media only screen and (max-width: 750px) {
  .bl_fttNotes {
    font-size: 0.86em !important;
  }
}
.bl_fttNotes > li {
  text-indent: -1.2em;
  padding-left: 1.2em;
  line-height: 1.3;
}
.bl_fttNotes > li::before {
  content: "※ ";
}
.bl_fttNotes > li:not(:first-of-type) {
  margin-top: 1em;
}
.bl_fttNotes > li a {
  text-decoration: underline;
}

/* margin ^^^^^ */
.hp_mt5 {
  margin-top: 5px !important;
}

.hp_mt10 {
  margin-top: 10px !important;
}

.hp_mt20 {
  margin-top: 20px !important;
}

.hp_mb5 {
  margin-bottom: 5px !important;
}

.hp_mb10 {
  margin-bottom: 10px !important;
}

.hp_mb20 {
  margin-bottom: 20px !important;
}

@media only screen and (max-width: 750px) {
  .hp_mt10-sp {
    margin-top: 10px !important;
  }
  .hp_mb10-sp {
    margin-bottom: 10px !important;
  }
}
/* text align ^^^^^ */
.hp_tac {
  text-align: center !important;
}

/* ---------------------------------------------------------------

	03.コンテンツ

--------------------------------------------------------------- */
#ftt {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt" 1;
  line-height: 1.5;
  background-color: #f6f6ee;
}
#ftt section > * {
  position: relative;
  z-index: 2;
}
#ftt section .contents_ {
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px 30px;
}
@media only screen and (max-width: 750px) {
  #ftt section .contents_ {
    padding: 0 6.7vw 15px;
  }
}
#ftt section:last-of-type .contents_ {
  padding-bottom: 110px;
}
@media only screen and (max-width: 750px) {
  #ftt section:last-of-type .contents_ {
    padding-bottom: 40px;
  }
}

/* メインビジュアル・リード
-----------------------------------*/
.bl_fttMain {
  background-color: #00a73c;
}
.bl_fttMain-ttl {
  text-align: center;
}
.bl_fttMain-ttl img {
  width: 100%;
  margin: 0 auto;
}

/* ナビ
-----------------------------------*/
.bl_fttPagenavList {
  display: flex;
  justify-content: center;
  gap: 80px;
  padding-bottom: 5px;
}
@media (max-width: 1200px) {
  .bl_fttPagenavList {
    gap: 40px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttPagenavList {
    gap: 5px;
    padding-left: 2.01vw;
    padding-right: 2.01vw;
  }
}

.bl_fttPagenavItem {
  display: block;
  height: 100%;
  padding-bottom: 30px !important;
  text-align: center;
  color: #ffffff !important;
  text-decoration: none !important;
  position: relative;
}
.bl_fttPagenavItem::after {
  content: "";
  width: 100%;
  height: 30px;
  background: url(/fp/furutraintrip/img/ico_arrow.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s bottom;
}
.bl_fttPagenavItem-img {
  max-width: 136px;
  margin: 0 auto -15px !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttPagenavItem-img {
    max-width: inherit;
    margin-bottom: -1.3vw !important;
  }
}
.bl_fttPagenavItem-img img {
  transition: 0.3s;
}
.bl_fttPagenavItem-text {
  font-size: 0.93em;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 750px) {
  .bl_fttPagenavItem-text {
    font-size: clamp(0.71rem, 1.87vw, 1rem);
  }
}
.bl_fttPagenavItem:hover img {
  transform: scale(1.1);
}

/* ふるさと納税で行く列車旅とは？
-----------------------------------*/
#about {
  margin-top: 10.4vw;
  position: relative;
}
@media (max-width: 1200px) {
  #furusato_list_page #about {
    margin-top: 125px;
  }
}
@media only screen and (max-width: 750px) {
  #about {
    margin-top: 26.7vw;
  }
}
#about::before {
  content: "";
  width: 100%;
  height: 10.4vw;
  background: url(/fp/furutraintrip/img/train_e5.png) no-repeat center/contain;
  position: absolute;
  top: calc(-10.4vw - 1px);
  left: 0;
}
@media (max-width: 1200px) {
  #furusato_list_page #about::before {
    height: 125px;
    top: -125px;
  }
}
@media only screen and (max-width: 750px) {
  #about::before {
    height: 26.7vw;
    top: calc(-26.7vw - 1px);
    background-image: url(/fp/furutraintrip/img/train_e5_sp.png);
  }
}
@media (min-width: 751px) {
  #about .ly_fttInner {
    padding-top: 50px;
  }
}

.bl_fttAboutBtn {
  display: inline-block;
  padding: 30px 35px 25px 75px;
  font-size: 1.2em !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #00a73c;
  border-bottom: #00833e 5px solid !important;
  border-radius: 10px;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutBtn {
    padding: 10px 25px 10px 50px;
    font-size: 0.93em !important;
    text-align: left;
    border-radius: 8px;
  }
}
.bl_fttAboutBtn:hover {
  margin-top: 4px;
  text-decoration: none;
  border-bottom-width: 1px !important;
}
.bl_fttAboutBtn::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(/fp/furutraintrip/img/ico_zoom.png) no-repeat center/contain;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutBtn::before {
    left: 15px;
  }
}

.bl_fttAboutModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: left;
}
.bl_fttAboutModal.is-show {
  display: block;
}
.bl_fttAboutModalInner {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 86%;
  max-width: 800px;
  height: max-content;
  padding: 65px 55px 55px;
  background: #ffffff;
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutModalInner {
    flex-direction: column;
    gap: 10px;
    padding: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutModal-img > img {
    max-width: 180px !important;
  }
}
.bl_fttAboutModal-contText {
  font-size: 1.07em;
  font-weight: 500;
  line-height: 1.8;
}
.bl_fttAboutModal-closeBtn {
  overflow: hidden;
  width: 60px;
  height: 60px;
  background: #00a73c;
  border-radius: 50%;
  text-indent: -9999px;
  position: absolute;
  top: 20px;
  right: 20px;
  transition: 0.3s;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutModal-closeBtn {
    top: 10px;
    right: -10px;
  }
}
.bl_fttAboutModal-closeBtn::before, .bl_fttAboutModal-closeBtn::after {
  content: "";
  width: 0;
  height: 30px;
  border-left: 3px #ffffff solid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.5px;
  right: 0;
  margin: auto;
}
.bl_fttAboutModal-closeBtn::before {
  transform: rotate(45deg);
}
.bl_fttAboutModal-closeBtn::after {
  transform: rotate(-45deg);
}
.bl_fttAboutModal-closeBtn:hover {
  background: #00bb43;
}
.bl_fttAboutModalBg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.bl_fttAboutFlow, .bl_fttAboutSimulation {
  margin-top: 45px;
  padding: 50px;
  background: #ffffff;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .bl_fttAboutFlow, .bl_fttAboutSimulation {
    padding: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutFlow, .bl_fttAboutSimulation {
    margin-top: 25px;
    padding: 6.7vw 5vw;
  }
}
.bl_fttAboutFlow-img {
  margin-top: 50px;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutFlow-img {
    margin-top: 10px;
  }
}
.bl_fttAboutFlow-img > img {
  max-width: 1100px;
  margin: 0 auto;
}
.bl_fttAboutFlow .bl_fttNotes, .bl_fttAboutSimulation .bl_fttNotes {
  margin: 20px 10% 0;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutFlow .bl_fttNotes, .bl_fttAboutSimulation .bl_fttNotes {
    margin: 10px 0 0;
  }
  .bl_fttAboutFlow .bl_fttNotes > li, .bl_fttAboutSimulation .bl_fttNotes > li {
    line-height: 2;
  }
}

.bl_fttAboutSimulation {
  margin-top: 50px;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulation {
    margin-top: 30px;
  }
}
.bl_fttAboutSimulationCalc {
  padding: 60px 100px;
  background: #f8f4e3;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .bl_fttAboutSimulationCalc {
    padding: 30px 50px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc {
    padding: 0 0 1px;
    border-radius: 0;
  }
}
.bl_fttAboutSimulationCalc-form {
  background-color: #e5ddbe;
  padding: 20px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-form {
    padding: 10px 15px;
    gap: 10px;
    border-radius: 0;
  }
}
.bl_fttAboutSimulationCalc-form select {
  flex-basis: 32.55%;
  max-width: 280px;
  min-height: 3.6em;
  padding: 1.3em 40px 1.3em 30px;
  font-size: 1.13em !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: #ffffff url(/img/usr/furusato/select_arrow.png) no-repeat calc(100% - 15px) center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .bl_fttAboutSimulationCalc-form select {
    flex-basis: calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-form select {
    flex-basis: calc(50% - 5px);
    width: calc(50% - 5px);
    max-height: 2.6em;
    min-height: fit-content;
    padding: 0 1em;
    font-size: 0.9em !important;
    font-weight: bold !important;
  }
}
.bl_fttAboutSimulationCalc-result {
  margin-top: 80px;
  padding: 25px 17px 30px;
  border: 2px #af9010 solid;
  border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 1200px) {
  .bl_fttAboutSimulationCalc-result {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result {
    margin: 15px;
    padding: 15px 10px;
  }
}
.bl_fttAboutSimulationCalc-result-text {
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result-text {
    display: block;
  }
}
.bl_fttAboutSimulationCalc-result-text span {
  font-size: 1.33em;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result-text span {
    font-size: 0.86em;
  }
}
.bl_fttAboutSimulationCalc-result-text strong {
  font-size: 2.22em;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result-text strong {
    font-size: 1.43em !important;
  }
}
.bl_fttAboutSimulationCalc-result-line {
  border: none;
  border-top: 1px #ddd solid;
  margin: 15px auto 30px;
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result-line {
    margin: 10px auto 15px;
  }
}
.bl_fttAboutSimulationCalc-result-btn > a {
  display: block;
  margin: 0 auto;
  width: 500px;
  height: 55px;
  line-height: 55px;
  border: none;
  background-color: #af9010;
  color: #ffffff;
  border-radius: 30px;
  letter-spacing: 0.12em;
  font-size: 1.07em;
  font-weight: 500;
  text-decoration: none !important;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .bl_fttAboutSimulationCalc-result-btn > a {
    width: auto;
    max-width: 500px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttAboutSimulationCalc-result-btn > a {
    width: auto;
    height: auto;
    padding: 1em;
    font-size: clamp(0.71rem, 1.6vw, 0.86rem);
    line-height: inherit;
  }
}
.bl_fttAboutSimulationCalc-result-btn > a:hover {
  opacity: 0.6;
}

/* 列車旅ならこんなメリットも！
-----------------------------------*/
#merit {
  margin-top: 10.4vw;
  position: relative;
}
@media (max-width: 1200px) {
  #furusato_list_page #merit {
    margin-top: 125px;
  }
}
@media only screen and (max-width: 750px) {
  #merit {
    margin-top: 26.7vw;
    padding-bottom: 30px;
  }
}
#merit::before {
  content: "";
  width: 100%;
  height: 10.4vw;
  background: url(/fp/furutraintrip/img/train_e261.png) no-repeat center/contain, url(/fp/furutraintrip/img/line2.png) no-repeat center/contain;
  position: absolute;
  top: calc(-10.4vw + 1px);
  left: 0;
}
@media (max-width: 1200px) {
  #furusato_list_page #merit::before {
    height: 125px;
    top: -125px;
  }
}
@media only screen and (max-width: 750px) {
  #merit::before {
    height: 26.7vw;
    top: calc(-26.7vw + 1px);
    background-image: url(/fp/furutraintrip/img/train_e261_sp.png), url(/fp/furutraintrip/img/line2_sp.png);
  }
}
#merit .el_fttTtl {
  margin-bottom: 20px;
}

.bl_fttMeritList {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 750px) {
  .bl_fttMeritList {
    display: block;
  }
}
.bl_fttMeritList .bl_fttMerit {
  flex-basis: 31.66%;
}
@media only screen and (max-width: 750px) {
  .bl_fttMeritList .bl_fttMerit:not(:first-of-type) {
    margin-top: 15px;
  }
}

.bl_fttMerit {
  text-align: center;
}
@media (min-width: 751px) {
  .bl_fttMerit.is-active:nth-of-type(2) {
    animation-delay: 0.3s;
  }
  .bl_fttMerit.is-active:nth-of-type(3) {
    animation-delay: 0.6s;
  }
}
.bl_fttMerit-img > img {
  width: 180px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .bl_fttMerit-img > img {
    width: 150px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttMerit-img > img {
    width: clamp(7.14rem, 24vw, 12.86rem);
    margin-bottom: 5px;
  }
}
.bl_fttMerit-ttl {
  margin-bottom: 10px;
  font-size: 1.6em;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .bl_fttMerit-ttl {
    font-size: 1.29em;
    line-height: 1.3;
  }
}
.bl_fttMerit-text {
  font-size: 1.2em;
}
@media (max-width: 1200px) {
  .bl_fttMerit-text {
    font-size: 1.14em;
  }
}
.bl_fttMerit-text > strong {
  font-size: 1.78em;
  line-height: 0.8;
}
@media only screen and (max-width: 750px) {
  .bl_fttMerit-text > strong {
    font-size: 1.29em !important;
  }
}
.bl_fttMerit .bl_fttNotes {
  display: inline-block;
  margin-top: 10px;
  text-align: left;
}

.bl_fttMeritPoint {
  margin-top: 50px;
  padding: 50px 50px 55px;
  background: #f6f6ee;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .bl_fttMeritPoint {
    padding: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttMeritPoint {
    margin-top: 30px;
    padding: 6.7vw 5vw;
    text-align: center;
  }
}
.bl_fttMeritPoint-img {
  margin-top: 20px;
}
@media only screen and (max-width: 750px) {
  .bl_fttMeritPoint-img {
    margin-top: 10px;
  }
}
.bl_fttMeritPoint-img > img {
  max-width: 1100px;
  margin: 0 auto;
}
.bl_fttMeritPoint .bl_fttNotes {
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .bl_fttMeritPoint .bl_fttNotes {
    display: inline-block;
    text-align: left;
  }
}

/* 返礼品を地域から探す！
-----------------------------------*/
#area {
  margin-top: 10.4vw;
  position: relative;
}
@media (max-width: 1200px) {
  #furusato_list_page #area {
    margin-top: 125px;
  }
}
@media only screen and (max-width: 750px) {
  #area {
    margin-top: 26.7vw;
    padding-bottom: 10px;
  }
}
#area::before {
  content: "";
  width: 100%;
  height: 10.4vw;
  background: url(/fp/furutraintrip/img/train_e6.png) no-repeat center/contain, url(/fp/furutraintrip/img/line1.png) no-repeat center/contain;
  position: absolute;
  top: calc(-10.4vw - 1px);
  left: 0;
}
@media (max-width: 1200px) {
  #furusato_list_page #area::before {
    height: 125px;
    top: -125px;
  }
}
@media only screen and (max-width: 750px) {
  #area::before {
    height: 26.7vw;
    top: calc(-26.7vw - 1px);
    background-image: url(/fp/furutraintrip/img/train_e6_sp.png), url(/fp/furutraintrip/img/line1_sp.png);
  }
}
#area .el_fttTtl {
  margin-bottom: 20px;
}

.bl_fttAreaNav {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNav {
    padding: 0 3.35vw;
  }
}
.bl_fttAreaNavItem {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem {
    flex-basis: 20%;
  }
}
.bl_fttAreaNavItem:not(:first-of-type)::before {
  content: "";
  width: 0;
  height: 90%;
  border-left: 2px #e8e1c2 solid;
  position: absolute;
  top: 5%;
  left: 0;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem:not(:first-of-type)::before {
    border-left-width: 1px;
  }
}
.bl_fttAreaNavItem-en {
  font-family: "Lato", sans-serif;
  font-size: 0.67em;
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #95c82d;
  white-space: nowrap;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem-en {
    display: none;
  }
}
.bl_fttAreaNavItem-jp {
  font-size: 1.6em;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem-jp {
    font-size: clamp(0.93rem, 2.13vw, 1.14rem);
  }
}
.bl_fttAreaNavItem > a {
  display: block;
  padding: 0 30px 23px;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem > a {
    padding: 0 5px 23px;
  }
}
.bl_fttAreaNavItem > a::before, .bl_fttAreaNavItem > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
.bl_fttAreaNavItem > a::before {
  width: 20px;
  height: 20px;
  background-color: #00a73c;
  border-radius: 100vw;
  bottom: 0;
}
.bl_fttAreaNavItem > a::after {
  width: 6px;
  height: 6px;
  border-right: 2px #ffffff solid;
  border-bottom: 2px #ffffff solid;
  bottom: 8px;
  transform: rotate(45deg);
}
.bl_fttAreaNavItem > a.is-comingsoon::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: "COMING SOON";
  font-family: "Lato", sans-serif;
  font-size: 0.67em;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  width: 10em;
  background-color: #b8b8b2;
}
@media only screen and (max-width: 750px) {
  .bl_fttAreaNavItem > a.is-comingsoon::before {
    width: 6em;
    content: "近日公開";
    font-weight: normal;
  }
}
.bl_fttAreaNavItem > a.is-comingsoon::after {
  display: none;
}
.bl_fttAreaNavItem > a:hover {
  color: rgba(0, 0, 0, 0.4);
}
.bl_fttAreaNavItem > a:hover:not(.is-comingsoon)::before {
  transform: translateY(5px);
}
.bl_fttAreaNavItem > a:hover:not(.is-comingsoon)::after {
  transform: translateY(5px) rotate(45deg);
}

.bl_fttArea {
  padding: 35px 0 45px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea {
    padding: 20px 0;
  }
}
.bl_fttArea-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 395px;
  padding-top: 2vw;
  background-color: #00a73c;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0 !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-ttl {
    height: 53.3vw;
    padding-top: 0;
    padding-bottom: 2.67vw;
  }
}
.bl_fttArea-ttl::before {
  content: "";
  width: 100%;
  height: 101%; /* 画面縮小したときに背景画像が見えてしまうので少し大きくする */
  background: url(/fp/furutraintrip/img/line1_2.png) no-repeat top center/contain, url(/fp/furutraintrip/img/line2_2.png) no-repeat bottom center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-ttl::before {
    background-image: url(/fp/furutraintrip/img/line1_2_sp.png), url(/fp/furutraintrip/img/line2_2_sp.png);
  }
}
.bl_fttArea-ttl > img {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.6));
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-ttl > img {
    width: 70%;
    max-width: 320px !important;
  }
}
#hokkaido .bl_fttArea-ttl {
  background-image: url(/fp/furutraintrip/img/hokkaido.jpg);
}
@media only screen and (max-width: 750px) {
  #hokkaido .bl_fttArea-ttl {
    background-image: url(/fp/furutraintrip/img/hokkaido_sp.jpg);
  }
}

#tohoku .bl_fttArea-ttl {
  background-image: url(/fp/furutraintrip/img/tohoku.jpg);
}
@media only screen and (max-width: 750px) {
  #tohoku .bl_fttArea-ttl {
    background-image: url(/fp/furutraintrip/img/tohoku_sp.jpg);
  }
}

#kanto .bl_fttArea-ttl {
  background-image: url(/fp/furutraintrip/img/kanto.jpg);
}
@media only screen and (max-width: 750px) {
  #kanto .bl_fttArea-ttl {
    background-image: url(/fp/furutraintrip/img/kanto_sp.jpg);
  }
}

#chubu .bl_fttArea-ttl {
  background-image: url(/fp/furutraintrip/img/chubu.jpg);
}
@media only screen and (max-width: 750px) {
  #chubu .bl_fttArea-ttl {
    background-image: url(/fp/furutraintrip/img/chubu_sp.jpg);
  }
}

#kinki .bl_fttArea-ttl {
  background-image: url(/fp/furutraintrip/img/kinki.jpg);
}
@media only screen and (max-width: 750px) {
  #kinki .bl_fttArea-ttl {
    background-image: url(/fp/furutraintrip/img/kinki_sp.jpg);
  }
}

.bl_fttArea .contents_ {
  padding-bottom: 0 !important;
}

.bl_fttArea-details {
  margin-top: 40px;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-details {
    margin-top: 10px;
  }
}
.bl_fttArea-detailsBtn {
  display: block;
  width: 100%;
  padding: 20px 80px;
  color: #ffffff !important;
  font-size: 1.6em !important;
  font-weight: 500 !important;
  text-align: center;
  background: #00a73c;
  border-bottom: #00833e 8px solid !important;
  border-radius: 10px;
  position: relative;
  transition: 0.3s;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsBtn {
    padding: 13px 50px;
    font-size: 1.14em !important;
    border-bottom-width: 4px !important;
    border-radius: 5px;
  }
}
.bl_fttArea-detailsBtn:hover {
  background: #00bb43;
}
.bl_fttArea-detailsBtn.is-open {
  border-radius: 10px 10px 0 0;
  border-bottom: none !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsBtn.is-open {
    border-radius: 5px 5px 0 0;
  }
}
.bl_fttArea-detailsBtn-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsBtn-icon {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}
.bl_fttArea-detailsBtn-icon::before, .bl_fttArea-detailsBtn-icon::after {
  content: "";
  width: 28px;
  height: 3px;
  background-color: #00a73c;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsBtn-icon::before, .bl_fttArea-detailsBtn-icon::after {
    width: 16px;
  }
}
.bl_fttArea-detailsBtn-icon::after {
  transform: rotate(90deg);
}
.is-open .bl_fttArea-detailsBtn-icon::before {
  transform: rotate(180deg);
}
.is-open .bl_fttArea-detailsBtn-icon::after {
  transform: rotate(-180deg);
}

.bl_fttArea-detailsList {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 5.55%;
  padding: 60px 55px 55px;
  background-color: #ffffff;
  border: 5px #00a73c solid;
  border-top: none;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 1200px) {
  .bl_fttArea-detailsList {
    padding: 30px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsList {
    display: block;
    padding: 20px 6.7vw;
  }
}
.bl_fttArea-detailsList-item {
  flex-basis: 29.62%;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsList-item:not(:first-of-type) {
    margin-top: 20px;
  }
}
.bl_fttArea-detailsList-itemImg {
  overflow: hidden;
}
.bl_fttArea-detailsList-itemImg > img {
  width: 100%;
  transition: 0.3s;
}
.bl_fttArea-detailsList-itemName {
  margin-top: 10px;
  padding-left: 30px;
  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsList-itemName {
    padding-left: 26px;
    font-size: 1em;
  }
}
.bl_fttArea-detailsList-itemName::before, .bl_fttArea-detailsList-itemName::after {
  content: "";
  position: absolute;
}
.bl_fttArea-detailsList-itemName::before {
  width: 20px;
  height: 20px;
  background: #00a73c;
  border-radius: 50vw;
  left: 0;
  top: 3px;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsList-itemName::before {
    top: -3px;
  }
}
.bl_fttArea-detailsList-itemName::after {
  width: 6px;
  height: 6px;
  border-top: 2px #ffffff solid;
  border-right: 2px #ffffff solid;
  left: 6px;
  top: 10px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsList-itemName::after {
    top: 4px;
  }
}
.bl_fttArea-detailsList-item a {
  text-decoration: none !important;
  transition: 0.3s;
}
.bl_fttArea-detailsList-item a:hover {
  color: #00a73c;
}
.bl_fttArea-detailsList-item a:hover .bl_fttArea-detailsList-itemImg > img {
  transform: scale(1.04);
}
.bl_fttArea-detailsListWrap {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s max-height;
}
.bl_fttArea-detailsNotice {
  text-align: center;
}
.bl_fttArea-detailsNotice > span {
  display: inline-block;
  padding: 25px 30px;
  color: #ffffff;
  background: #b8b8b2;
  font-size: 1.2em;
  font-weight: 500;
  border-radius: 10px;
}
@media only screen and (max-width: 750px) {
  .bl_fttArea-detailsNotice > span {
    padding: 15px 20px;
    font-size: 0.93em;
    border-radius: 5px;
  }
}

/* 返礼品の割引クーポンご利用方法！
-----------------------------------*/
#flow {
  margin-top: 10.4vw;
  position: relative;
}
@media (max-width: 1200px) {
  #furusato_list_page #flow {
    margin-top: 125px;
  }
}
@media only screen and (max-width: 750px) {
  #flow {
    margin-top: 26.7vw;
    padding-bottom: 40px;
  }
}
#flow::before {
  content: "";
  width: 100%;
  height: 10.4vw;
  background: url(/fp/furutraintrip/img/train_e6_e7.png) no-repeat center/contain, url(/fp/furutraintrip/img/line2.png) no-repeat center/contain;
  position: absolute;
  top: calc(-10.4vw + 1px);
  left: 0;
}
@media (max-width: 1200px) {
  #furusato_list_page #flow::before {
    height: 125px;
    top: -125px;
  }
}
@media only screen and (max-width: 750px) {
  #flow::before {
    height: 26.7vw;
    top: calc(-26.7vw + 1px);
    background-image: url(/fp/furutraintrip/img/train_e6_e7_sp.png), url(/fp/furutraintrip/img/line2_sp.png);
  }
}
@media only screen and (max-width: 750px) {
  #flow .el_fttTtl {
    margin-bottom: calc(4vw + 10px);
  }
}
#flow .contents_ {
  padding-bottom: 70px !important;
}
@media only screen and (max-width: 750px) {
  #flow .contents_ {
    padding-bottom: inherit !important;
  }
}

.bl_fttFlowWrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 35px 100px;
  background: #f6f6ee;
  border-radius: 15px;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowWrap {
    padding: 10px 20px 20px;
  }
}
.bl_fttFlowWrap #js_fttFlowSlider {
  height: 100%;
}
.bl_fttFlowWrap .bx-prev,
.bl_fttFlowWrap .bx-next {
  width: 60px !important;
  height: 60px !important;
  top: 50px !important;
  bottom: 0;
  margin: auto;
  background: #00a73c;
  border-radius: 50%;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowWrap .bx-prev,
  .bl_fttFlowWrap .bx-next {
    width: 30px !important;
    height: 30px !important;
  }
}
.bl_fttFlowWrap .bx-prev::before,
.bl_fttFlowWrap .bx-next::before {
  content: "";
  width: 22px;
  height: 22px;
  border-top: 3px #ffffff solid;
  border-right: 3px #ffffff solid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowWrap .bx-prev::before,
  .bl_fttFlowWrap .bx-next::before {
    width: 12px;
    height: 12px;
  }
}
.bl_fttFlowWrap .bx-prev {
  left: -40px !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowWrap .bx-prev {
    left: -15px !important;
  }
}
.bl_fttFlowWrap .bx-prev::before {
  left: 12%;
  transform: rotate(-135deg);
}
.bl_fttFlowWrap .bx-next {
  right: -40px !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowWrap .bx-next {
    right: -15px !important;
  }
}
.bl_fttFlowWrap .bx-next::before {
  right: 12%;
  transform: rotate(45deg);
}

.bl_fttFlow {
  height: 100%;
}
.bl_fttFlow-ttl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.bl_fttFlow-ttlImg > img {
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlow-ttlImg > img {
    width: 100%;
    max-width: 285px !important;
  }
}
.bl_fttFlow-cont {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 50px;
  margin-bottom: 5px; /* 下が若干切れるので */
  padding: 85px 125px 55px;
  background: #ffffff;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .bl_fttFlow-cont {
    margin-top: 4.2vw;
    padding: 40px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttFlow-cont {
    flex-direction: column;
    gap: 10px;
    height: calc(100% - 55px);
    margin-top: 55px;
    padding: 25px;
  }
}
.bl_fttFlow-contImg > img {
  max-width: 270px !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlow-contImg > img {
    width: 85%;
    margin: 0 auto;
  }
}
.bl_fttFlow-contText {
  font-size: 1.33em;
  font-weight: bold;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlow-contText {
    font-size: 1.14em;
    text-align: center;
  }
}
.bl_fttFlow-cont .bl_fttNotes > li {
  line-height: 1.5;
}

.bl_fttFlowPager {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 25px auto 0;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowPager {
    margin-top: 10px;
  }
}
.bl_fttFlowPagerItem {
  flex-basis: 150px;
  display: block;
  text-align: center;
  position: relative;
  color: #cccccc !important;
  text-decoration: none !important;
  transition: 0.3s color;
  cursor: pointer;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowPagerItem {
    flex-basis: 20%;
  }
}
.bl_fttFlowPagerItem:hover {
  color: rgba(0, 0, 0, 0.6) !important;
}
.bl_fttFlowPagerItem:hover .bl_fttFlowPagerItem-icon > span {
  background: #aeceba !important;
  border-color: #aeceba !important;
}
.bl_fttFlowPagerItem.active ~ .bl_fttFlowPagerItem .bl_fttFlowPagerItem-icon > span {
  background: #cccccc;
  border: 3px #cccccc solid;
}
.bl_fttFlowPagerItem.active ~ .bl_fttFlowPagerItem::before {
  border-color: #cccccc;
}
.bl_fttFlowPagerItem:not(:first-of-type)::before {
  content: "";
  width: 100%;
  height: 0;
  border-top: 2px #aeceba solid;
  border-bottom: 2px #aeceba solid;
  position: absolute;
  top: 6px;
  left: -50%;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowPagerItem:not(:first-of-type)::before {
    border-width: 1px;
    top: 9px;
  }
}
.bl_fttFlowPagerItem-icon {
  position: relative;
  z-index: 2;
}
.bl_fttFlowPagerItem-icon > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #00a73c;
  border: 3px #00a73c solid;
  border-radius: 50%;
  transition: 0.3s;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowPagerItem-icon > span {
    width: 12px;
    height: 12px;
  }
}
.active .bl_fttFlowPagerItem-icon > span {
  background: #ffffff;
  border-color: #00a73c;
}

.bl_fttFlowPagerItem-step {
  margin-top: 10px;
  font-family: "Lato", sans-serif;
  font-size: 1.33em;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width: 750px) {
  .bl_fttFlowPagerItem-step {
    margin-top: 0.4em;
    font-size: clamp(0.86rem, 2.67vw, 1.43rem);
  }
}
.active .bl_fttFlowPagerItem-step {
  color: #00a73c;
}

.bl_fttFlowPagerItem-text {
  font-size: 1.13em;
  font-weight: bold;
}
.active .bl_fttFlowPagerItem-text {
  color: #000000;
}

@media only screen and (max-width: 750px) {
  .bl_fttFlowPagerItem-text {
    display: none;
  }
}

/* 「お弁当」・「お土産」の事前予約
-----------------------------------*/
#reserve {
  margin-top: 10.4vw;
  position: relative;
}
@media (max-width: 1200px) {
  #furusato_list_page #reserve {
    margin-top: 125px;
  }
}
@media only screen and (max-width: 750px) {
  #reserve {
    margin-top: 26.7vw;
  }
}
#reserve::before {
  content: "";
  width: 100%;
  height: 10.4vw;
  background: url(/fp/furutraintrip/img/train_e7.png) no-repeat center/contain, url(/fp/furutraintrip/img/line1.png) no-repeat center/contain;
  position: absolute;
  top: calc(-10.4vw - 1px);
  left: 0;
}
@media (max-width: 1200px) {
  #furusato_list_page #reserve::before {
    height: 125px;
    top: -125px;
  }
}
@media only screen and (max-width: 750px) {
  #reserve::before {
    height: 26.7vw;
    top: calc(-26.7vw - 1px);
    background-image: url(/fp/furutraintrip/img/train_e7_sp.png), url(/fp/furutraintrip/img/line1_sp.png);
  }
}
@media only screen and (max-width: 750px) {
  #reserve .ly_fttInner {
    padding-top: 0.1px;
  }
}

.bl_fttReserve {
  position: relative;
}
.bl_fttReserve .el_fttSubTtl {
  position: absolute;
  top: -85px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 1200px) {
  .bl_fttReserve .el_fttSubTtl {
    top: -7.1vw;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttReserve .el_fttSubTtl {
    padding: 0 5vw;
    top: -55px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttReserve .el_fttSubTtl img {
    width: 100%;
    max-width: 285px !important;
  }
}
.bl_fttReserveBody {
  max-width: 1100px;
  margin: 85px auto 0;
  padding: 30px 159px 45px;
  background: #ffffff;
  border-radius: 15px;
}
@media (max-width: 1200px) {
  .bl_fttReserveBody {
    margin-top: 7.1vw;
    padding: 40px 100px;
  }
}
@media only screen and (max-width: 750px) {
  .bl_fttReserveBody {
    margin-top: 55px;
    padding: 50px 5vw 20px;
  }
}
.bl_fttReserve-ttl {
  margin-bottom: 15px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .bl_fttReserve-ttl {
    margin-bottom: 5px;
    font-size: 1.14em;
  }
}
.bl_fttReserve-bnr img {
  margin: 0 auto;
  transition: 0.3s;
}
.bl_fttReserve-bnr a:hover img {
  opacity: 0.6;
}
.bl_fttReserve .bl_fttNotes {
  margin-top: 15px;
  font-size: 1.07em;
}
@media only screen and (max-width: 750px) {
  .bl_fttReserve .bl_fttNotes {
    margin-top: 10px;
  }
}
.bl_fttReserve .bl_fttNotes > li:not(:first-of-type) {
  margin-top: 0.4em;
}

/* ---------------------------------------------------------------

	04.装飾配置

--------------------------------------------------------------- */
.bl_fttDeco {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1 !important;
}
.bl_fttDeco figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: max-content;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco figure {
    width: 10.67vw;
  }
}
.bl_fttDeco figure > img {
  width: 100%;
}
.bl_fttDeco-ph {
  border: 4px #ffffff solid;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-ph {
    border-width: 2px;
  }
}
.bl_fttDeco-about01 {
  transform: translate(-408px, 453px) rotate(-16deg);
}
.bl_fttDeco-about01 > img {
  width: 86% !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about01 {
    transform: translate(-44vw, calc(48vw + 19rem)) rotate(-16deg);
  }
}
.bl_fttDeco-about02 {
  transform: translate(-320px, 486px) rotate(22deg);
}
.bl_fttDeco-about02 > img {
  width: 80% !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about02 {
    transform: translate(-34vw, calc(48vw + 21em)) rotate(22deg);
  }
}
.bl_fttDeco-about03 {
  transform: translate(206px, 70px) rotate(9deg);
}
.bl_fttDeco-about03 > img {
  width: 84% !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about03 {
    transform: translate(26vw, 5vw) rotate(8deg);
  }
}
.bl_fttDeco-about04 {
  transform: translate(-378px, 73px) rotate(-18deg);
  width: 100px !important;
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about04 {
    transform: translate(-40vw, 4vw) rotate(-16deg);
    width: 13.33vw !important;
  }
}
.bl_fttDeco-about05 {
  transform: translate(351px, 137px) rotate(-16deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about05 {
    transform: translate(39vw, 17vw) rotate(-18deg);
  }
}
.bl_fttDeco-about06 {
  transform: translate(340px, 482px) rotate(16deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about06 {
    transform: translate(36vw, calc(48vw + 20.5rem)) rotate(18deg);
  }
}
.bl_fttDeco-about07 {
  transform: translate(-216px, 154px) rotate(10deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-about07 {
    transform: translate(-28vw, 16vw) rotate(8deg);
  }
}
.bl_fttDeco-area-hokkaido01 {
  width: 120px !important;
  transform: translate(-216px, 355px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido01 {
    width: 10vw !important;
    transform: translate(-8vw, calc(53.3vw + 20px - 10vw));
  }
}
.bl_fttDeco-area-hokkaido02 {
  width: 140px !important;
  transform: translate(-434px, 318px) rotate(-18deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido02 {
    width: 11.7vw !important;
    transform: translate(-28vw, calc(53.3vw + 20px - 10vw)) rotate(-18deg);
  }
}
.bl_fttDeco-area-hokkaido03 {
  width: 100px !important;
  transform: translate(606px, 330px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido03 {
    width: 10vw !important;
    transform: translate(8vw, calc(53.3vw + 20px - 8.3vw));
  }
}
.bl_fttDeco-area-hokkaido04 {
  width: 120px !important;
  transform: translate(-651px, 404px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido04 {
    width: 10vw !important;
    transform: translate(-45vw, calc(53.3vw + 20px - 8.3vw));
  }
}
.bl_fttDeco-area-hokkaido05 {
  width: 160px !important;
  transform: translate(-616px, 32px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido05 {
    width: 10vw !important;
    transform: translate(-42vw, 20px);
  }
}
.bl_fttDeco-area-hokkaido06 {
  width: 220px !important;
  transform: translate(568px, 32px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido06 {
    width: 20vw !important;
    transform: translate(37vw, 28px);
  }
}
.bl_fttDeco-area-hokkaido07 {
  width: 160px !important;
  transform: translate(360px, 290px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-hokkaido07 {
    width: 15vw !important;
    transform: translate(28vw, calc(53.3vw + 20px - 15vw));
  }
}
.bl_fttDeco-area-tohoku01 {
  width: 120px !important;
  transform: translate(-256px, 360px) rotate(-25deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku01 {
    width: 10.8vw !important;
    transform: translate(-12vw, calc(53.3vw + 20px - 10.8vw)) rotate(-20deg);
  }
}
.bl_fttDeco-area-tohoku02 {
  width: 160px !important;
  transform: translate(368px, 346px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku02 {
    width: 14.2vw !important;
    transform: translate(36vw, calc(53.3vw + 20px - 10vw));
  }
}
.bl_fttDeco-area-tohoku03 {
  width: 120px !important;
  transform: translate(232px, 310px) rotate(15deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku03 {
    width: 10.8vw !important;
    transform: translate(14vw, calc(53.3vw + 20px - 10.8vw)) rotate(15deg);
  }
}
.bl_fttDeco-area-tohoku04 {
  width: 120px !important;
  transform: translate(-431px, 338px) rotate(-12deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku04 {
    width: 10.8vw !important;
    transform: translate(-28vw, calc(53.3vw + 20px - 13.3vw)) rotate(-12deg);
  }
}
.bl_fttDeco-area-tohoku05 {
  width: 160px !important;
  transform: translate(-486px, 32px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku05 {
    width: 14.2vw !important;
    transform: translate(-32vw, 20px);
  }
}
.bl_fttDeco-area-tohoku06 {
  width: 220px !important;
  transform: translate(604px, 245px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku06 {
    width: 20vw !important;
    transform: translate(40vw, 20px);
  }
}
.bl_fttDeco-area-tohoku07 {
  width: 120px !important;
  transform: translate(-638px, 357px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-tohoku07 {
    width: 10.8vw !important;
    transform: translate(-42vw, calc(53.3vw + 20px - 10.8vw));
  }
}
.bl_fttDeco-area-kanto01 {
  width: 140px !important;
  transform: translate(-259px, 335px) rotate(-4deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto01 {
    width: 12.5vw !important;
    transform: translate(-12vw, calc(53.3vw + 20px - 15vw)) rotate(-4deg);
  }
}
.bl_fttDeco-area-kanto02 {
  width: 120px !important;
  transform: translate(338px, 344px) rotate(10deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto02 {
    width: 10.8vw !important;
    transform: translate(18vw, calc(53.3vw + 20px - 10.8vw)) rotate(10deg);
  }
}
.bl_fttDeco-area-kanto03 {
  width: 100px !important;
  transform: translate(-461px, 375px) rotate(-8deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto03 {
    width: 8.3vw !important;
    transform: translate(-28vw, calc(53.3vw + 20px - 8.3vw)) rotate(-8deg);
  }
}
.bl_fttDeco-area-kanto04 {
  width: 200px !important;
  transform: translate(502px, 46px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto04 {
    width: 17.5vw !important;
    transform: translate(41vw, 20px);
  }
}
.bl_fttDeco-area-kanto05 {
  width: 120px !important;
  transform: translate(-616px, 342px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto05 {
    width: 10.8vw !important;
    transform: translate(-42vw, calc(53.3vw + 20px - 10.8vw));
  }
}
.bl_fttDeco-area-kanto06 {
  width: 120px !important;
  transform: translate(598px, 322px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kanto06 {
    width: 10.8vw !important;
    transform: translate(39vw, calc(53.3vw + 20px - 10.8vw));
  }
}
.bl_fttDeco-area-chubu01 {
  width: 140px !important;
  transform: translate(-311px, 330px) rotate(10deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu01 {
    width: 12.5vw !important;
    transform: translate(-23vw, calc(53.3vw + 20px - 10.8vw)) rotate(10deg);
  }
}
.bl_fttDeco-area-chubu02 {
  width: 126px !important;
  transform: translate(374px, 360px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu02 {
    width: 10.8vw !important;
    transform: translate(0, calc(53.3vw + 20px - 10.8vw));
  }
}
.bl_fttDeco-area-chubu03 {
  width: 146px !important;
  transform: translate(-580px, 310px) rotate(-10deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu03 {
    width: 12.5vw !important;
    transform: translate(-40vw, calc(53.3vw + 20px - 15vw)) rotate(-10deg);
  }
}
.bl_fttDeco-area-chubu04 {
  width: 220px !important;
  transform: translate(364px, 32px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu04 {
    width: 19.2vw !important;
    transform: translate(37vw, 20px);
  }
}
.bl_fttDeco-area-chubu05 {
  width: 200px !important;
  transform: translate(-590px, 52px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu05 {
    width: 17.5vw !important;
    transform: translate(-41vw, 26px);
  }
}
.bl_fttDeco-area-chubu06 {
  width: 160px !important;
  transform: translate(624px, 301px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-chubu06 {
    width: 14.2vw !important;
    transform: translate(42vw, calc(53.3vw + 20px - 13.3vw));
  }
}
.bl_fttDeco-area-kinki01 {
  width: 100px !important;
  transform: translate(-250px, 332px) rotate(12deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki01 {
    width: 8.3vw !important;
    transform: translate(-23vw, calc(53.3vw + 20px - 13.3vw)) rotate(12deg);
  }
}
.bl_fttDeco-area-kinki02 {
  width: 140px !important;
  transform: translate(468px, 330px) rotate(-4deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki02 {
    width: 11.7vw !important;
    transform: translate(26vw, calc(53.3vw + 20px - 11.7vw)) rotate(-4deg);
  }
}
.bl_fttDeco-area-kinki03 {
  width: 120px !important;
  transform: translate(282px, 355px) rotate(-20deg);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki03 {
    width: 10vw !important;
    transform: translate(-6vw, calc(53.3vw + 20px - 8.3vw)) rotate(-20deg);
  }
}
.bl_fttDeco-area-kinki04 {
  width: 160px !important;
  transform: translate(-626px, 52px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki04 {
    width: 15vw !important;
    transform: translate(-42vw, 24px);
  }
}
.bl_fttDeco-area-kinki05 {
  width: 200px !important;
  transform: translate(-472px, 270px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki05 {
    width: 20vw !important;
    transform: translate(-38vw, calc(53.3vw + 20px - 17.5vw));
  }
}
.bl_fttDeco-area-kinki06 {
  width: 150px !important;
  transform: translate(618px, 31px);
}
@media only screen and (max-width: 750px) {
  .bl_fttDeco-area-kinki06 {
    width: 12.5vw !important;
    transform: translate(43vw, 20px);
  }
}

/* ---------------------------------------------------------------

	05.アニメーション

--------------------------------------------------------------- */
.js_swing.is-active {
  animation: elSwing 2s ease-out forwards;
}

@keyframes elSwing {
  from {
    transform: none;
  }
  25% {
    transform: rotate(30deg);
  }
  50% {
    transform: none;
  }
  75% {
    transform: rotate(30deg);
  }
  to {
    transform: none;
  }
}
.js_fadeup {
  opacity: 0;
  transform: translateY(60px);
}
.js_fadeup.is-active {
  animation: elFadeUp 0.5s ease-out forwards;
}

@keyframes elFadeUp {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}/*# sourceMappingURL=furutraintrip.css.map */