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

	Syntax - SP First

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

	anchor

--------------------------------------------------- */
.anchor{
  margin: 0 0 1.5rem;
  padding: 2rem 0 0;
  /*padding: 0 0 1.5rem;*/
}
.anchor__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0 20px;
}
.anchor__list__item{
  margin: 0 2rem 0.5rem;
  width: 100%;
  max-width: 220px;
}
.anchor__list__item:last-of-type{
  margin: 0 2rem;
}
.anchor__list__item-link{
  align-items: center;
  background-color: rgba(8,98,143,1.00);
  border: 1px rgba(8,98,143,1.00) solid;
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  display: flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  height: 50px;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0 0 2px;
  position: relative;
  width: 100%;
}
.anchor__list__item-link:after{
  background-image: url("/src/images/common/icon/arrow_double_bottom_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}


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

	pageSection

--------------------------------------------------- */
.pageSection{
  margin: 0 0 4.5rem;
  padding: 0 0 30px;
  /*overflow: hidden;*/
}
.pageSection:last-of-type{
  margin: 0;
  padding: 0;
}
.pageContents__title__group{
  color: rgba(0,100,150,1.00);
  margin: 0 0 calc(1.5rem + 30px);
  text-align: center;
}
.pageContents__title__outer{
  margin: 0 auto;
}
.pageContents__title__inner{
  position: relative;
}
.pageContents__title__inner:before,
.pageContents__title__inner:after{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 150;
}
.pageContents__title__inner:before{
  left: 0;
}
.pageContents__title__inner:after{
  right: 0;
}
.pageContents__title{}
.specialty__subTitle{}
.pageContents__group{
  padding: 2rem 0 calc(5rem - 50px);
  position: relative;
  z-index: 200;
}
.pageSection:last-of-type .pageContents__group{
  padding: 4rem 0;
}
.pageContents__wave{
  position: relative;  
}
.pageContents__wave__canvas{
  max-height: 50px;
  left:0;
  position: absolute;
  width: 100%;
}
/* scheme */
.wave__canvas-top{
  bottom: -1px;
  z-index: 200;
}
.wave__canvas-bottom{
  top: -1px;
  transform: scale(1,-1);
  z-index: 130;
}
/* scheme Fin */
.pageContents__inner{}
.pageContents__menu__block{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 3.5rem;
}
.pageContents__menu{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem;
  max-width: 280px;
}
.pageContents__menu:last-of-type{
  margin: 0;
}
.pageContents__menu__note{
  order: 2;
  padding: 1rem 0 0;
}
.pageContents__menu__note__name{
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 0.5em;
  text-align: center;
}
.pageContents__menu__note__name-link{
  color: rgba(0,100,150,1.00);
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.2em;
}
/* scheme */
.pageContents__menu__note__name-link.externalLink_blue:after{
  height: 14px;
  right: calc(((0% + 14px) + 0.5rem) * -1);
  width: 14px;
}
/* scheme Fin */
.pageContents__menu__note__text{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
}
.pageContents__menu__figure{
  order: 1;
}
.pageContents__menu__figure__image{
  font-size: 0;
}
.pageContents__pickup__block{}
.pageContents__pickup__title{
  margin: 0 auto;
  max-width: 250px;
}
.pageContents__pickup{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pageContents__pickup__menu{
  display: flex;
  flex-wrap: wrap;
  margin: 0 1.5rem 1.5rem;
  max-width: 250px;
}
.pageContents__pickup__menu:last-of-type{
  margin: 0;
}
.pageContents__pickup__menu__note{
  order: 2;
  padding: 1rem 0 0;
  text-align: center;
}
.pageContents__pickup__menu__note__name{
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 0.5em;
}
.pageContents__pickup__menu__note__name-link{
  color: rgba(0, 100, 150, 1.00);
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.2em;
}
.pageContents__pickup__menu__note__name-link.externalLink_blue:after{
  height: 14px;
  right: calc(((0% + 16px) + 0.3rem)* -1);
  width: 14px;
}
.pageContents__pickup__menu__note__text{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  text-align: left;
}
.pageContents__pickup__menu__figure{
  order: 1;
}
.pageContents__pickup__menu__figure__image{
  border-radius: 50%;
  font-size: 0;
  overflow: hidden;
}
.pageContents__banner__block{
  padding: 1.5rem 0 0;
}
.pageContents__banner__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.pageContents__banner__list__item{
  margin: 0 0 1rem;
  width: 100%;
  max-width: 250px;
}
.pageContents__banner__list__item:only-of-type{
  width: 100%;
}
.pageContents__banner__list__item:last-of-type{
  margin: 0;
}
.pageContents__banner__list__item-link{
  align-items: center;
  background-color: rgba(41,41,41,1.00);
  border: 1px rgba(41,41,41,1.00) solid;
  box-sizing: border-box;
  color: rgba(255,255,255,1.00);
  display: flex;
  height: 60px;
  position: relative;
  width: 100%;
}
/* scheme */
.pageContents__banner__list__item-link.bg-white{
  background-color: rgba(255,255,255,1.00);
}
/* scheme Fin */
.pageContents__banner__list__item-link:after{
  background-image: url(/src/images/common/icon/external_link_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}
/* scheme */
.pageContents__banner__list__item-link.bg-white:after{
  background-color: rgba(41, 41, 41, 1.00);
  background-size: 12px;
  border-left: 1px rgba(41, 41, 41, 1.00) solid;
  content: "";
  display: inline-block;
  height: 100%;
  right: 0;
  width: 30px;
}
/* scheme Fin */
.pageContents__banner__list__item__icon{
  align-items: center;
  background-color: rgba(255,255,255,1.00);
  border-right: 1px rgba(41,41,41,1.00) solid;
  box-sizing: border-box;
  display: flex;
  height: calc(60px - 2px);
  justify-content: center;  
  width: calc(60px - 2px);
}
.pageContents__banner__list__item__icon__figure{
  height: 80%;
  text-align: center;
}
.pageContents__banner__list__item__icon__figure img{
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: inherit;
}
.pageContents__banner__list__item__word{
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 1rem;
  width: calc((100% - 60px) - 30px);
}
/* scheme */
.pageContents__banner__list__item__word:only-of-type{
  display: block;
  padding: 0 0 0 0.7rem;
  width: calc((250px - 20px) - 30px);
}
.pageContents__banner__list__item__word.padNone{
  padding: 0;
  width: calc(250px - 20px);
}
/* scheme Fin */
.pageContents__banner__list__item__word__text{
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
.pageContents__banner__list__item__word__icon{
  border-radius: 50%;
  overflow: hidden;
  height: 35px;
  width: 35px;
}
.pageContents__banner__list__item__word__icon__image{}
.pageContents__banner__list__item__word__figure{
  align-items: center;
  display: flex;
  justify-content: center;
}



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

	enjoy

--------------------------------------------------- */
.enjoy{
  overflow: hidden;
  padding: 1.5rem 0 30px;
}
.enjoy .pageContents__group{
  background-color: rgba(230,245,250,1.00);
}
.enjoy .pageContents__title__inner:after{
  background-image: url("/src/images/sightseeing/boat.png");
  height: 93px;
  right: -3rem;
  top: 2rem;
  width: 250px;
}



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

	look

--------------------------------------------------- */
.look{}
.look .pageContents__group{
  background-color: rgba(230,245,250,1.00);
}
.look .pageContents__title__inner:before{
  background-image: url("/src/images/sightseeing/yukata.png");
  height: 200px;
  left: 1rem;
  top: -3rem;
  width: 130px;
}



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

	eat

--------------------------------------------------- */
.eat{}
.eat .pageContents__group{
  background-color: rgba(230,245,250,1.00);
}
.eat .pageContents__title__inner:after{
  background-image: url("/src/images/sightseeing/meal.png");
  height: 148px;
  right: 1rem;
  top: -2rem;
  width: 120px;
}



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

	MediaQuery

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

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ------------------------------------

	anchor

------------------------------------ */
.anchor{
  /*padding: 1.5rem 0;*/
  }
.anchor__list{}
.anchor__list__item{
  margin: 0 1rem 0 0;
  width: calc((100% - calc(1rem * 2)) / 3);
  max-width: inherit;  
  }
.anchor__list__item:last-of-type{
  margin: 0;
}
.anchor__list__item-link{
  font-size: 1.125rem;
  height: 60px;
  }
.anchor__list__item-link:after{
  height: 12px;
  right: 1rem;
  width: 16px;
}


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

	pageSection

------------------------------------ */
.pageSection{
  padding: 0 0 50px;
  }
.pageSection:last-of-type{
  padding: 0;
}
.pageContents__title__group{
  margin: 0 0 calc(1rem + 50px);
  }
.pageContents__title__outer{}
.pageContents__title__inner{}
.pageContents__title__inner:before,
.pageContents__title__inner:after{}
.pageContents__title__inner:before{}
.pageContents__title__inner:after{}
.pageContents__title{}
.specialty__subTitle{}
.pageContents__group{
  padding: 2rem 0 calc(5rem - 50px);
  }
.pageSection:last-of-type .pageContents__group{
  padding: 2rem 0 5rem;
}
.pageContents__wave{}
.pageContents__wave__canvas{}
.pageContents__inner{}
.pageContents__menu__block{
  align-items: flex-start;  
  }
.pageContents__menu{
  margin: 0 1rem 0 0;
  width: calc((100% - 1rem) / 2);
  max-width: 350px;
  }
.pageContents__menu:nth-of-type(2n){
  margin: 0;
  }
.pageContents__menu__note{}
.pageContents__menu__note__name{
  font-size: 1.25rem;
  }
.pageContents__menu__note__name-link{}
/* scheme */
.pageContents__menu__note__name-link.externalLink_blue:after{
  height: 18px;
  right: calc(((0% + 18px) + 0.8rem) * -1);
  width: 18px;
  }
/* scheme Fin */
.pageContents__menu__note__text{
  font-size: 1rem;
  }
.pageContents__menu__figure{}
.pageContents__menu__figure__image{}
.pageContents__pickup__block{}
.pageContents__pickup__title{
  margin: 0 auto 1rem;
  }
.pageContents__pickup{
  align-items: flex-start;
  }
.pageContents__pickup__menu{
  margin: 0 1.5rem 0 0;
  width: calc((100% - calc(1.5rem * 2)) / 3);
  max-width: 300px;
  }
.pageContents__pickup__menu:nth-of-type(3n){
  margin: 0;
  }
.pageContents__pickup__menu__note{}
.pageContents__pickup__menu__note__name{}
.pageContents__pickup__menu__note__name-link{}
.pageContents__pickup__menu__note__name-link.externalLink_blue:after{
  height: 18px;
  right: calc(((0% + 18px) + 0.5rem)* -1);
  width: 18px;
  }
.pageContents__pickup__menu__note__text{
  font-size: 1rem;
  }
.pageContents__pickup__menu__figure{}
.pageContents__pickup__menu__figure__image{}
.pageContents__banner__block{
  padding: 2rem 0 0;
  }
.pageContents__banner__list{}
.pageContents__banner__list__item{
  margin: 0 1rem 1rem;
  /*width: calc((100% - calc(1rem * 1)) / 2);*/
  max-width: 320px;
  }
.pageContents__banner__list__item:last-of-type{
  margin: 0 1rem;
}
.pageContents__banner__list__item-link{
  height: 70px;
  }
/* scheme */
.pageContents__banner__list__item-link.bg-white{}
/* scheme Fin */
.pageContents__banner__list__item-link:after{
  height: 16px;
  right: 1rem;
  width: 16px;
  }
/* scheme */
.pageContents__banner__list__item-link.bg-white:after{
  background-size: 16px;
  width: 50px;
}
/* scheme Fin */
.pageContents__banner__list__item__icon{
  height: calc(70px - 2px);
  width: calc(70px - 2px);
  }
.pageContents__banner__list__item__icon__figure{}
.pageContents__banner__list__item__word{
  width: calc((100% - 70px) - 45px);
  }
/* scheme */
.pageContents__banner__list__item__word:only-of-type{
  padding: 0 1.125rem;
  width: calc(320px - 50px);
}
.pageContents__banner__list__item__word.padNone{
  padding: 0;
  }
/* scheme Fin */
.pageContents__banner__list__item__word__text{
  font-size: 1rem;
  }
.pageContents__banner__list__item__word__icon{
  height: 40px;
  width: 40px;
  }
.pageContents__banner__list__item__word__icon__image{}
.pageContents__banner__list__item__word__figure{}


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

	enjoy

------------------------------------ */
.enjoy{
  padding: 1.5rem 0 50px;
  }
.enjoy .pageContents__group{}
.enjoy .pageContents__title__inner:after{
  height: 185px;
  right: -8rem;
  top: 1rem;
  width: 500px;
  }


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

	look

------------------------------------ */
.look{}
.look .pageContents__group{}
.look .pageContents__title__inner:before{
  height: 246px;
  left: 2rem;
  top: -3rem;
  width: 160px;
  }


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

	eat

------------------------------------ */
.eat{}
.eat .pageContents__group{}
.eat .pageContents__title__inner:after{
  height: 185px;
  right: 2rem;
  top: -2.5rem;
  width: 150px;
  }


}/* /min-width: 600px */



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

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ------------------------------------

	anchor

------------------------------------ */
.anchor{
  margin: 0 0 4.375rem;
  padding: 7.0625rem 0 0;
  /*padding: 0 0 4.375rem;*/
  }
.anchor__list{
  padding: 0;
  }
.anchor__list__item{
  margin: 0 2.0625rem 0 0;
  width: 100%;
  max-width: 250px;
  }
.anchor__list__item-link{
  font-size: 1.25rem;
  height: 70px;
  letter-spacing: 2px;
  }
.anchor__list__item-link:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(8,98,143,1.00);
  }
.anchor__list__item-link:after{}
.anchor__list__item-link:hover:after{
  background-image: url("/src/images/common/icon/arrow_double_bottom_blue.svg");
  }


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

	pageSection

------------------------------------ */
.pageSection{
  margin: 0 0 8rem;
  padding: 0 0 50px;
  }
.pageSection:last-of-type{
  /*padding: 4rem 0 0;*/
}
.pageContents__title__group{
  margin: 0 0 calc(1.5rem + 50px);
  /*margin: 0 0 calc(3.125rem + 50px);*/
  }
.pageContents__title__outer{}
.pageContents__title__inner{}
.pageContents__title__inner:before,
.pageContents__title__inner:after{}
.pageContents__title__inner:before{}
.pageContents__title__inner:after{}
.pageContents__title{}
.specialty__subTitle{}
.pageContents__group{
  padding: calc(6.25rem - 50px) 0;
  }
.pageSection:last-of-type .pageContents__group{
  padding: calc(6.25rem - 50px) 0 6rem;
}
.pageContents__wave{}
.pageContents__wave__canvas{}
.pageContents__inner{}
.pageContents__menu__block{
  margin: 0 0 6.25rem;
  }
.pageContents__menu{
  margin: 0 2.5rem 0 0;
  width: calc((100% - 2.5rem) / 2);
  max-width: 530px;
  }
.pageContents__menu__note{
  padding: 1.25rem 0 0;
  }
.pageContents__menu__note__name{
  font-size: 1.875rem;
  margin: 0 0 0.5em;
  }
.pageContents__menu__note__name-link{}
.pageContents__menu__note__name-link:hover{
  text-decoration: none;
  }
/* scheme */
.pageContents__menu__note__name-link.externalLink_blue:after{}
/* scheme Fin */
.pageContents__menu__note__text{
  line-height: 2;
  }
.pageContents__menu__figure{}
.pageContents__menu__figure__image{}
.pageContents__pickup__block{}
.pageContents__pickup__title{
  margin: 0 auto 1.5rem;
  max-width: 450px;
  }
.pageContents__pickup{}
.pageContents__pickup__menu{
  margin: 0 4.375rem 0 0;
  width: calc((100% - calc(4.375rem * 2)) / 3);
  max-width: 300px;
  }
.pageContents__pickup__menu__note{
  padding: 1.25rem 0 0;
  }
.pageContents__pickup__menu__note__name{
  font-size: 1.7rem;
  /*font-size: 1.875rem;*/
  margin: 0 0 0.5em;
  }
.pageContents__pickup__menu__note__name-link{}
.pageContents__pickup__menu__note__name-link.externalLink_blue:after{}
.pageContents__pickup__menu__note__text{
  line-height: 2;
  }
.pageContents__pickup__menu__figure{}
.pageContents__pickup__menu__figure__image{}
.pageContents__banner__block{
  padding: 4rem 0 0;
  }
.pageContents__banner__list{}
.pageContents__banner__list__item{
  max-width: 360px;
  }
.pageContents__banner__list__item-link{
  height: 80px;
  }
.pageContents__banner__list__item-link:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(41,41,41,1.00);
  }
/* scheme */
.pageContents__banner__list__item-link.bg-white{}
/* scheme Fin */
.pageContents__banner__list__item-link:after{}
.pageContents__banner__list__item-link:hover:after{
  background-image: url(/src/images/common/icon/external_link_black.svg);
  }
/* scheme */
.pageContents__banner__list__item-link.bg-white:after{}
.pageContents__banner__list__item-link:hover.bg-white:after{
  background-color: rgba(255,255,255,1.00);
  background-image: url(/src/images/common/icon/external_link_black.svg);
  }
/* scheme Fin */
.pageContents__banner__list__item__icon{
  height: calc(80px - 2px);
  width: calc(80px - 2px);
  }
.pageContents__banner__list__item__icon__figure{}
.pageContents__banner__list__item__word{
  padding: 0 0 0 1.875rem;
  width: calc((100% - 80px) - 50px);
  }
/* scheme */
.pageContents__banner__list__item__word:only-of-type{
  transition: all 0.3s;
  width: calc(360px - 50px);
}
.pageContents__banner__list__item__word.padNone{
  padding: 0;
}
/* scheme Fin */
.pageContents__banner__list__item__word__text{}
.pageContents__banner__list__item__word__icon{
  height: 50px;
  width: 50px;
  }
.pageContents__banner__list__item__word__icon__image{}
.pageContents__banner__list__item__word__figure{}


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

	enjoy

------------------------------------ */
.enjoy{
  padding: 4.375rem 0 50px;
  }
.enjoy .pageContents__group{}
.enjoy .pageContents__title__inner:after{
  height: 260px;
  right: -9rem;
  top: 0;
  width: 700px;
  }



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

	look

------------------------------------ */
.look{}
.look .pageContents__group{}
.look .pageContents__title__inner:before{
  height: 380px;
  left: 2rem;
  top: -8rem;
  width: 250px;
  }



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

	eat

------------------------------------ */
.eat{}
.eat .pageContents__group{}
.eat .pageContents__title__inner:after{
  height: 305px;
  right: 2rem;
  top: -6rem;
  width: 250px;
  }


}/* /min-width: 1025px */



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

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
/* ------------------------------------

	pageSection

------------------------------------ */
.pageSection{}
.pageContents__title__group{}
.pageContents__title__outer{
  max-width: 1366px;
  }
.pageContents__title__inner{}
.pageContents__title__inner:before,
.pageContents__title__inner:after{}
.pageContents__title__inner:before{}
.pageContents__title__inner:after{}
.pageContents__title{}
.specialty__subTitle{}
.pageContents__group{}
.pageSection:last-of-type .pageContents__group{}
.pageContents__wave{}
.pageContents__wave__canvas{}
.pageContents__inner{}
.pageContents__menu__block{}
.pageContents__menu{}
.pageContents__menu__note{}
.pageContents__menu__note__name{}
.pageContents__menu__note__name-link{}
/* scheme */
.pageContents__menu__note__name-link.externalLink_blue:after{}
/* scheme Fin */
.pageContents__menu__note__text{}
.pageContents__menu__figure{}
.pageContents__menu__figure__image{}
.pageContents__pickup__block{}
.pageContents__pickup__title{}
.pageContents__pickup{}
.pageContents__pickup__menu{}
.pageContents__pickup__menu__note{}
.pageContents__pickup__menu__note__name{}
.pageContents__pickup__menu__note__name-link{}
.pageContents__pickup__menu__note__name-link.externalLink_blue:after{}
.pageContents__pickup__menu__note__text{}
.pageContents__pickup__menu__figure{}
.pageContents__pickup__menu__figure__image{}
.pageContents__banner__block{}
.pageContents__banner__list{}
.pageContents__banner__list__item{}
.pageContents__banner__list__item-link{}
/* scheme */
.pageContents__banner__list__item-link.bg-white{}
/* scheme Fin */
.pageContents__banner__list__item-link:after{}
/* scheme */
.pageContents__banner__list__item-link.bg-white:after{}
/* scheme Fin */
.pageContents__banner__list__item__icon{}
.pageContents__banner__list__item__icon__figure{}
.pageContents__banner__list__item__word{}
/* scheme */
.pageContents__banner__list__item__word:only-of-type{}
.pageContents__banner__list__item__word.padNone{}
/* scheme Fin */
.pageContents__banner__list__item__word__text{}
.pageContents__banner__list__item__word__icon{}
.pageContents__banner__list__item__word__icon__image{}
.pageContents__banner__list__item__word__figure{}


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

	enjoy

------------------------------------ */
.enjoy{}
.enjoy .pageContents__group{}
.enjoy .pageContents__title__inner:after{
  height: 370px;
  right: -20rem;
  top: -3rem;
  width: 1000px;
}


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

	look

------------------------------------ */
.look{}
.look .pageContents__group{}
.look .pageContents__title__inner:before{
  height: 490px;
  left: 0;
  top: -10rem;
  width: 320px;
}


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

	eat

------------------------------------ */
.eat{}
.eat .pageContents__group{}
.eat .pageContents__title__inner:after{
  height: 410px;
  right: 0;
  top: -10rem;
  width: 350px;
}


}/* /min-width: 1366px */