@charset "UTF-8";

@import url(root.css);

article {
  overflow-x: hidden;
}

.background {
  opacity: 0;
  transition: opacity 1s ease;
}
.background.show {
  opacity: 1;
}

.bg-video{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -1;
	display: none;
}
@media (min-aspect-ratio: 16/9) {
  .bg-video {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (min-aspect-ratio: 9/16) {
	.bg-video {
		height: 177.78vh;
	}
}

@media (min-width: 768px) {
	.video-pc {
		display: block;
	}
}

@media (max-width: 767px) {
	.video-sp {
		display: block;
	}
}

/* visual */
.visual {
  position: relative;
}
.visual_img img {
  vertical-align: top;
}
.visual_title {
  position: absolute;
  text-align: center;
}
.visual_title_en {
  width: 100%;
}
.visual_title_ja {
  color: #fff;
}
.visual_catch {
  color: #fff;
  font-weight: 700;
  position: absolute;
  text-align: center;
}
.visual_caption {
  color: #fff;
}

@media (min-width: 768px) {
  .visual_title {
    left: calc((253vw / 1366) * 100);
    top: calc((224vw / 1366) * 100);
    width: calc((200vw / 1366) * 100);
  }
  .visual_title_ja {
    font-size: calc((21vw / 1366) * 100);
    line-height: calc((30vw / 1366) * 100);
    margin-top:  calc((6vw / 1366) * 100);
  }
  .visual_catch {
    font-size: calc((26vw / 1366) * 100);
    left: calc((197vw / 1366) * 100);
    line-height: calc((42vw / 1366) * 100);
    top:  calc((321vw / 1366) * 100);
  }
  /* .visual_caption {
    bottom: calc((119vw / 1366) * 100);
    right: calc((16vw / 1366) * 100);
  } */
}

@media (max-width: 767px) {
  .visual_title {
    left: calc((117vw / 390) * 100);
    /* top: calc((530vw / 390) * 100); */
    top: calc((387.5042vw / 390) * 100);
    width: calc((156vw / 390) * 100);
  }
  .visual_title_ja {
    font-size: calc((21vw / 390) * 100);
    line-height: calc((30vw / 390) * 100);
    margin-top:  calc((6vw / 390) * 100);
  }
  .visual_catch {
    font-size: calc((18vw / 390) * 100);
    left: 0;
    line-height: calc((18vw / 390) * 100);
    text-align: center;
    top:  calc((457.4896vw / 390) * 100);
    width: 100%;
  }
  .visual_caption {
    bottom: calc((9vw / 390) * 100);
    font-size: calc((8vw / 390) * 100);
    right: calc((10vw / 390) * 100);
  }
}

/* attractive */
.attractive {
  background-color: rgba(255, 255, 255, .75);
  color: #000;
  font-weight: 600;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media (min-width: 768px) {
  .attractive {
    padding: calc((112vw / 1366) * 100) 0;
  }
  .attractive_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .attractive_text {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
    margin-top: calc((48vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .attractive {
    padding: calc((42vw / 390) * 100) 0;
  }
  .attractive_title {
    font-size: calc((18vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
  }
  .attractive_text {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((24vw / 390) * 100);
  }
}

/* menu */
.menu {
  position: relative;
  z-index: 2;
}

.menu .movie_wrap {
	padding-top: 56.25%;
	position: relative;
	/* margin-top: calc(var(--vw)*64); */
  /* transition: 0.3s; */
  filter: grayscale(100%);
}

.menu .movie_wrap.animated {
	animation: anime_moviecolor 5s linear forwards;
}

@media screen and (max-width: 767px) {
	.menu .movie_wrap {
		/* padding: 0; */
		padding-top: 178%;
		width: 100%;
		/* height: calc(var(--vw)*500); */
		/* margin-top: calc(var(--vw)*32); */
	}
}

@media (min-width: 768px) {
	.menu .movie-pc {
		display: block;
	}
	.menu .movie-sp {
		display: none;
	}
}
@media (max-width: 767px) {
	.menu .movie-pc {
		display: none;
	}
  .menu .movie-sp {
		display: block;
	}
}

.menu .movie_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.menu_list_outer {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.menu_list_outer::before {
  background-color: #AF9265;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.menu_list {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.menu_link {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
}
.menu_link::after {
  background-image: url(../img/common/arrow_right_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  right: calc((30vw / 1366) * 100);
  transform: rotate(90deg);
  bottom: calc((12vw / 1366) * 100);
}
.menu_link:hover {
  text-decoration: none;
}
.menu_name_en img {
  width: auto;
}
.menu_name_ja {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

@media (min-width: 768px) {
  .menu_list_outer {
    padding: calc((56vw / 1366) * 100) 0;
  }
  .menu_list {
    width: calc((800vw / 1366) * 100);
  }
  .menu_link {
    align-items: center;
    display: flex;
  }
  .menu_name_en {
    padding: calc((32vw / 1366) * 100);
    width: calc((250vw / 1366) * 100);
  }
  .menu_name_en img {
    height: calc((21vw / 1366) * 100);
  }
  .menu_name_en.even img {
    height: calc((27vw / 1366) * 100);
  }
  .menu_name_ja {
    font-size: calc((24vw / 1366) * 100);
  }
  .menu_link::after {
    height: calc((46vw / 1366) * 100);
    transition: .25s;
    width: calc((23vw / 1366) * 100);
  }
  .menu_link:hover::after {
    bottom: calc((6vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .menu_list_outer {
    padding: calc((48vw / 390) * 100) 0 calc((64vw / 390) * 100);
    opacity: 0.8;
  }
  .menu_list {
    width: calc((314vw / 390) * 100);
  }
  .menu_link {
    padding: calc((16vw / 390) * 100) 0;
  }
  .menu_link::after {
    height: calc((30vw / 390) * 100);
    top: calc((30vw / 390) * 100);
    width: calc((15vw / 390) * 100);
  }
  .menu_name_en img {
    height: calc((12vw / 390) * 100);
  }
  .menu_name_ja {
    font-size: calc((16vw / 390) * 100);
    margin-top: calc((8vw / 390) * 100);
  }
}

/* js-fadeimage */
.js-fadeimage-container{
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.js-fadeimage {
  display: block;
  filter: grayscale(100%);
  height: auto;
  max-width: 100%;
  transition:
    transform 3.0s ease-out,
    filter 6.0s ease-out;
  transition-delay: 0.3s;
  transform: scale(1.05);
  /*will-change: transform, filter;*/
}
.js-fadeimage.visible {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1);
}

/* map */
.map {
  background-color: #F7F4F0;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}

/* ページ内共通 */
.stitle {
  align-items: center;
  background-image: url(../img/location/title_bg.webp);
  background-position: center top;
  /* background-repeat: no-repeat; */
  background-size: 100% auto;
  display: flex;
  font-weight: 400;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .stitle {
    font-size: calc((26vw / 1366) * 100);
    line-height: calc((42vw / 1366) * 100);
    height: calc((118vw / 1366) * 100);
  }
}

.slabel {
  background-color: #B08057;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slabel .-en {
  font-family: 'Times New Roman', Times, serif;
  font-style: italic;
}

@media (min-width: 768px) {
  .slabel {
    /* font-size: calc((24vw / 1366) * 100); */
    height: calc((36vw / 1366) * 100);
  }
  .slabel .-en {
    font-size: calc((24vw / 1366) * 100);
  }
  .slabel .-ja {
    font-size: calc((18vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .slabel {
    height: calc((36vw / 390) * 100);
  }
  .slabel .-en {
    font-size: calc((20vw / 390) * 100);
  }
  .slabel .-ja {
    font-size: calc((14vw / 390) * 100);
  }
}

.photo_circle {
  align-items: center;
  /* background-color: rgba(175,146,101,.9); */
  color: #fff;
  display: flex;
  font-weight: 500;
  justify-content: center;
  letter-spacing: -0.08em;
  position: absolute;
  text-align: center;
}
.photo_circle span {
  position: relative;
  z-index: 1;
}
.photo_circle:before {
  content: "";
  display: block;
  /* mix-blend-mode: multiply; */
  background-color: rgba(175,146,101,.9);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
}
.photo_title,
.shop_title {
  color: #B08057;
  font-weight: 600;
}

.shop_item {
  position: relative;
}

.shop_item .shop_photo_wrap {
  position: relative;
}

.shop_item .shop_photo_wrap .c-caption {
  color: #fff;
}

.shop_item .photo_circle {
  right: 0;
  top: 0;
  left: auto;
}

@media (min-width: 768px) {
  .stitle {
    /* font-size: calc((26vw / 1366) * 100); */
    /* height: calc((167vw / 1366) * 100); */
    /* height: calc((182vw / 1366) * 100);
    line-height: calc((42vw / 1366) * 100);
    width: calc((608vw / 1366) * 100); */
  }
  .stitle.second {
    margin-top: calc((90vw / 1366) * 100);
  }
  .photo_circle {
    border-radius: calc((55vw / 1366) * 100);
    font-size: calc((19vw / 1366) * 100);
    height: calc((110vw / 1366) * 100);
    left: calc((-55vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
    top: calc((-55vw / 1366) * 100);
    width: calc((110vw / 1366) * 100);
  }
  .photo_title {
    font-size: calc((20vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
  }
  .photo_title span {
    font-size: calc((15vw / 1366) * 100);
  }
  .photo_text {
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((20vw / 1366) * 100);
  }
  .shop_list {
    display: flex;
    flex-wrap: wrap;
    width: calc((1464vw / 1366) * 100);
  }
  .shop_item {
    margin-left: calc((32vw / 1366) * 100);
    margin-top: calc((32vw / 1366) * 100);
    width: calc((342vw / 1366) * 100);
  }
  .shop_item .photo_circle {
    top: calc((-30vw / 1366) * 100);
  }
  .shop_item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .shop_item:nth-of-type(-n + 4) {
    margin-top: 0;
  }
  .shop_title {
    font-size: calc((18vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
  }
  .shop_title span {
    font-size: calc((12vw / 1366) * 100);
  }
  .slide_sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .stitle {
    font-size: calc((18vw / 390) * 100);
    height: calc((88vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    /* width: calc((331vw / 390) * 100); */
  }
  .stitle.second {
    margin-top: calc((40vw / 390) * 100);
  }
  .photo_circle {
    border-radius: calc((43vw / 390) * 100);
    font-size: calc((15vw / 390) * 100);
    height: calc((86vw / 390) * 100);
    line-height: calc((18vw / 390) * 100);
    right: calc((-30vw / 390) * 100);
    top: calc((-30vw / 390) * 100);
    width: calc((86vw / 390) * 100);
  }
  .photo_title {
    font-size: calc((16vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
  }
  .photo_title span {
    font-size: calc((12vw / 390) * 100);
  }
  .photo_text {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
  }
  .shop_list {
    display: flex;
    flex-wrap: wrap;
    width: calc((1000vw / 390) * 100);
  }
  .shop_item {
    margin-left: calc((24vw / 390) * 100);
    margin-top: calc((24vw / 390) * 100);
    width: calc((232vw / 390) * 100);
  }
  .shop_item .photo_circle {
    top: calc((-30vw / 390) * 100);
  }
  .shop_item:nth-of-type(4n + 1) {
    margin-left: 0;
  }
  .shop_item:nth-of-type(-n + 4) {
    margin-top: 0;
  }
  .shop_title {
    font-size: calc((14vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
  }
  .shop_title span {
    font-size: calc((10vw / 390) * 100);
  }
  .slide_sp {
    display: block;
    margin: calc((12vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
}

/* hanamizuki */
.hanamizuki {
  /* background-color: #F7F4F0; */
  /* background-color: #fff; */
  background-color: rgba(255, 255, 255, .80);
  position: relative;
  z-index: 2;
}
.hanamizuki_img_l {
  display: block;
  margin: 0 auto;
}
.hanamizuki_lead {
  color: #B08057;
  font-weight: 600;
  text-align: center;
}
.hanamizuki_wrap {
  margin: 0 auto;
}
.hanamizuki_img_left {
  position: relative;
}
.hanamizuki_list_outer {
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (min-width: 768px) {
  .hanamizuki {
    padding: calc((83vw / 1366) * 100) 0 calc((110vw / 1366) * 100);
  }
  .hanamizuki_img_l {
    margin-top: calc((40vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .hanamizuki_lead {
    font-size: calc((22vw / 1366) * 100);
    margin-top: calc((35vw / 1366) * 100);
  }
  .hanamizuki_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: calc((100vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .hanamizuki_img_left {
    width: calc((516vw / 1366) * 100);
  }
  .hanamizuki_img_right {
    width: calc((460vw / 1366) * 100);
  }
  .hanamizuki_list_outer {
    margin-top: calc((40vw / 1366) * 100);
    padding-bottom: calc((58vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .hanamizuki_img_sp {
    display: none;
  }
}

@media (max-width: 767px) {
  .hanamizuki {
    padding-bottom: calc((20vw / 390) * 100);
  }
  .hanamizuki_img_l {
    width: 100%;
  }
  .hanamizuki_lead {
    font-size: calc((18vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((24vw / 390) * 100);
  }
  .hanamizuki_wrap {
    margin-top: calc((48vw / 390) * 100);
    width: calc((314vw / 390) * 100);
  }
  .hanamizuki_img_right {
    display: none;
  }
  .hanamizuki_img_sp {
    display: block;
    margin-top: calc((14vw / 390) * 100);
  }
  .hanamizuki_list_outer {
    margin-top: calc((-2vw / 390) * 100);
    padding-bottom: calc((32vw / 390) * 100);
    width: calc((314vw / 390) * 100);
  }
}

/* stores */
.stores {
  background-color: #AF9265;
  color: #251E1C;
  position: relative;
  z-index: 2;
}
.stores .stitle {
  color: #251E1C;
}
.stores .photo_title,
.stores .shop_title {
  color: #251E1C;
}
.supermarket {
  /* background-color: #F7F4F0; */
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
}
.stores_img_l {
  display: block;
}
.supermarket_wrap {
  margin: 0 auto;
}
.supermarket_img_m {
  position: relative;
}
.supermarket_list_title {
  background-color: rgba(176, 128, 87,0.3);
  color: #251E1C;
  text-align: center;
}
.supermarket_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.supermarket_item {
  color: #B08057;
}
.fishshop {
  background-color: #876744;
  box-sizing: border-box;
  margin: 0 auto;
}
.fishshop_img {
  position: relative;
}
.fishshop_img .photo_circle:before {
  background-color: rgba(97, 66, 34, 0.9);
}
.fishshop_text,
.fishshop_text .photo_title {
  color: #fff;
}

@media (min-width: 768px) {
  .stores {
    padding: calc((40vw / 1366) * 100) 0;
  }
  .supermarket {
    width: calc((1000vw / 1366) * 100);
  }
  .supermarket_label {
    font-size: calc((24vw / 1366) * 100);
    height: calc((36vw / 1366) * 100);
  }
  .supermarket .stitle {
    margin-top: calc((41vw / 1366) * 100);
  }
  .supermarket_box {
    padding: calc((41vw / 1366) * 100) calc((100vw / 1366) * 100) calc((80vw / 1366) * 100);
  }
  .stores_img_l {
    /* margin-top: calc((-15vw / 1366) * 100); */
  }
  .supermarket_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: calc((78vw / 1366) * 100);
    width: calc((800vw / 1366) * 100);
  }
  .supermarket_img_m {
    width: calc((368vw / 1366) * 100);
  }
  .supermarket_img_m .photo_circle {
    left: calc((-32vw / 1366) * 100);
    top: calc((-32vw / 1366) * 100);
    font-size: calc((17vw / 1366) * 100);
    width: calc((120vw / 1366) * 100);
    height: calc((120vw / 1366) * 100);
    border-radius: calc((60vw / 1366) * 100);
    letter-spacing: calc((-2vw / 1366) * 100);
  }
  .supermarket .photo_title {
    font-size: calc((18vw / 1366) * 100);
  }
  .supermarket .photo_title span {
    font-size: calc((12vw / 1366) * 100);
  }
  .supermarket_list_title {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
    margin-top: calc((56vw / 1366) * 100);
  }
  .supermarket_list {
    margin-top: calc((32vw / 1366) * 100);
    width: calc((565vw / 1366) * 100);
    display: flex;
    gap: calc((14vw / 1366) * 100) calc((56vw / 1366) * 100);
  }
  .supermarket_item {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
    width: calc((150vw / 1366) * 100);
  }
  .supermarket_item::before {
    color: #D7BFAB;
    content: "■";
    display: inline-block;
    margin-right: .25em;
  }
  .fishshop {
    margin-top: calc((32vw / 1366) * 100);
    padding: calc((72vw / 1366) * 100) calc((100vw / 1366) * 100) calc((36vw / 1366) * 100) calc((150vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .fishshop_wrap {
    display: flex;
  }
  .fishshop_img {
    width: calc((360vw / 1366) * 100);
  }
  .fishshop_img .photo_circle {
    font-size: calc((17vw / 1366) * 100);
    width: calc((120vw / 1366) * 100);
    height: calc((120vw / 1366) * 100);
    border-radius: calc((60vw / 1366) * 100);
    letter-spacing: calc((-2vw / 1366) * 100);
  }
  .fishshop_text {
    margin-left: calc((24vw / 1366) * 100);
    width: calc((350vw / 1366) * 100);
  }
  .fishshop_text .photo_title {
    font-size: calc((18vw / 1366) * 100);
  }

  .fishshop_info {
    font-size: calc((16vw / 1366) * 100);
    margin-top: calc((16vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .stores {
    padding: calc((40vw / 390) * 100) 0;
  }
  .supermarket {
    padding: calc((23vw / 390) * 100) 0 calc((32vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .supermarket_box {
    margin-top: calc((40vw / 390) * 100);
  }
  .stores_img_l {
    margin-top: calc((-15vw / 390) * 100);
  }
  .supermarket .shop_title {
    padding-left: calc((16vw / 390) * 100);
  }
  .supermarket_wrap {
    margin-top: calc((40vw / 390) * 100);
  }
  .supermarket_img_m {
    margin-top: calc((40vw / 390) * 100);
    width: calc((255vw / 390) * 100);
  }
  .supermarket_img_m.first {
    margin-left: calc((87vw / 390) * 100);
    margin-top: 0;
  }
  .supermarket_img_m.first .photo_circle {
    left: calc((-60vw / 390) * 100);
    top: calc((-32vw / 390) * 100);
  }
  .supermarket_img_m .photo_circle {
    font-size: calc((13vw / 390) * 100);
    width: calc((94vw / 390) * 100);
    height: calc((94vw / 390) * 100);
    border-radius: calc((50vw / 390) * 100);
    letter-spacing: calc((-2vw / 390) * 100);
  }
  .supermarket_img_m .photo_circle {
    left: auto;
    right: calc((-60vw / 390) * 100);
    top: calc((-32vw / 390) * 100);
  }
  .supermarket .photo_title {
    font-size: calc((16vw / 390) * 100);
    padding-left: calc((16vw / 390) * 100);
  }
  .supermarket .photo_title span {
    display: block;
    font-size: calc((12vw / 390) * 100);
    margin-top: calc((6vw / 390) * 100);
  }
  .supermarket_img_m.first .photo_title {
    padding-left: 0;
  }
  .supermarket_list_title {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((22vw / 390) * 100);
    margin: calc((32vw / 390) * 100) auto 0;
    width: calc((314vw / 390) * 100);
  }
  .supermarket_list {
    margin-top: calc((14vw / 390) * 100);
    width: calc((230vw / 390) * 100);
    display: flex;
  }
  .supermarket_item {
    font-size: calc((12vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    width: calc(100% / 2);
  }
  .supermarket_item::before {
    color: #D7BFAB;
    content: "■";
    display: inline-block;
    margin-right: .25em;
  }
  .fishshop {
    margin-top: calc((24vw / 390) * 100);
    padding: calc((32vw / 390) * 100) calc((27vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .fishshop_wrap {
    display: block;
  }
  .fishshop_img {
    width: 100%;
  }
  .fishshop_img .photo_circle {
    font-size: calc((13vw / 390) * 100);
    width: calc((94vw / 390) * 100);
    height: calc((94vw / 390) * 100);
    border-radius: calc((50vw / 390) * 100);
    letter-spacing: calc((-2vw / 390) * 100);
  }
  .fishshop_text {
    margin-top: calc((10vw / 390) * 100);
    width: 100%;
  }
  .fishshop_text .photo_title {
    font-size: calc((18vw / 390) * 100);
  }
  .fishshop_info {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    margin-top: calc((8vw / 390) * 100);
  }
  .fishshop .photo_circle {
    left: calc((-20vw / 390) * 100);
    right: auto;
    top: calc((-20vw / 390) * 100);
  }
}

/* spot */
.spot {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, .80);
}
.spot_bg {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:-1;
}
.spot_bg_inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.spot_item:first-of-type {
  margin-top: 0;
}
.spot_photo {
  position: relative;
}
.spot_photo .c-caption {
  color: #fff;
}
.spot_text {
  box-sizing: border-box;
}
.spot_info {
  color: #251E1C;
}

@media (min-width: 768px) {
  .spot {
    padding: calc((56vw / 1366) * 100) 0 calc((206vw / 1366) * 100);
  }
  .spot.second {
    /* padding: calc((20vw / 1366) * 100) 0 calc((84vw / 1366) * 100); */
  }
  .spot_bg_inner {
    /* background-image: url(../img/location/bg1_pc.webp); */
  }
  .spot_item {
    align-items: flex-end;
    display: flex;
    margin-top: calc((72vw / 1366) * 100);
  }
  .spot_item.even {
    justify-content: flex-end;
  }
  .spot_item .photo_circle {
    left: auto;
    right: calc((-24vw / 1366) * 100);
    top: calc((-28vw / 1366) * 100);
  }
  .spot_item.even .photo_circle {
    left: calc((-24vw / 1366) * 100);
    top: calc((-28vw / 1366) * 100);
  }
  .spot_photo {
    width: 50%;
  }
  .spot_text {
    padding: 0 calc((32vw / 1366) * 100);
    width: 40%;
  }
  .spot_item.even .spot_photo {
    order: 2;
  }
  .spot_item.even .spot_text {
    order: 1;
  }
  .spot_info {
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
    margin-top: calc((12vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .spot {
    padding: calc((70vw / 390) * 100) 0 calc((48vw / 390) * 100);
  }
  .spot.second {
    /* padding: calc((10vw / 390) * 100) 0 calc((48vw / 390) * 100); */
  }
  .spot_bg_inner {
    /* background-image: url(../img/location/bg1_sp.webp); */
  }
  .spot_item {
    margin-top: calc((60vw / 390) * 100);
  }
  /* .spot_item.even {
    
  } */
  .spot_item .photo_circle {
    left: auto;
    right: calc((-24vw / 390) * 100);
    top: calc((-28vw / 390) * 100);
  }
  .spot_item.even .photo_circle {
    left: calc((-24vw / 390) * 100);
    top: calc((-28vw / 390) * 100);
  }
  .spot_photo {
    width: calc((314vw / 390) * 100);
  }
  .spot_text {
    margin-left: calc((78vw / 390) * 100);
    width: calc((240vw / 390) * 100);
  }
  .spot_item.even .spot_photo {
    margin-left: calc((78vw / 390) * 100);
  }
  .spot_item.even .spot_text {
    margin-left: calc((78vw / 390) * 100);
    width: calc((240vw / 390) * 100);
  }
  .spot_info {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    margin-top: calc((12vw / 390) * 100);
  }
}

/* station */
.station {
  position: relative;
  z-index: 2;
}
.station .movie_wrap {
	padding-top: 56.25%;
	position: relative;
	/* margin-top: calc(var(--vw)*64); */
  
}

.station .movie_wrap:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(0,0,0,0.30);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
	.station .movie_wrap {
		/* padding: 0; */
		padding-top: 178%;
		width: 100%;
		/* height: calc(var(--vw)*500); */
		/* margin-top: calc(var(--vw)*32); */
	}
}

@media (min-width: 768px) {
	.station .movie-pc {
		display: block;
	}
	.station .movie-sp {
		display: none;
	}
}
@media (max-width: 767px) {
	.station .movie-pc {
		display: none;
	}
  .station .movie-sp {
		display: block;
	}
}

.station .movie_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.station_bg {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:-1;
}
.station_bg_inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(175, 146, 101,0.9);
}
.station_visual {
  position: relative;
}
.station_text {
  color: #fff;
  position: absolute;
  text-align: center;
}
.station_visual_caption {
  color: #fff;
}
.station_title {
  font-weight: 600;
}
.station_set {
  margin: 0 auto;
  position: relative;
}
.station_set .photo_title {
  color: #fff;
}
.station_place .photo_title {
  margin-top: 0;
}
.station_place .photo_text {
  color: #fff;
}
.station_tenant {
  background-color: #fff;
  color: #876744;
  text-align: center;
  position: relative;
}
.station_tenant_title {
  font-weight: 600;
}
.station_tenant_list span {
  display: inline-block;
}
.station_tenant_wrap {
  margin: 0 auto;
}
.station_tenant_logos {
  margin: 0 auto;
}

@media (min-width: 768px) {
  .station {
    padding-bottom: calc((72vw / 1366) * 100);
  }
  .station_bg_inner {
    /* background-image: url(../img/location/bg2_pc.webp); */
  }
  .station_text {
    left: calc((283vw / 1366) * 100);
    top: calc((263vw / 1366) * 100);
    width: calc((800vw / 1366) * 100);
  }
  .station_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .station_lead {
    font-size: calc((17vw / 1366) * 100);
    line-height: calc((37vw / 1366) * 100);
    margin-top: calc((48vw / 1366) * 100);
  }
  .station_set {
    margin-top: calc((50vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .station_set > .photo_circle {
    left: calc((790vw / 1366) * 100);
    top: calc((520vw / 1366) * 100);
  }
  .station_place {
    background-color: #876744;
    padding: calc((32vw / 1366) * 100) calc((100vw / 1366) * 100);
  }
  .station_place .photo_title {
    font-size: calc((24vw / 1366) * 100);
  }
  .station_place .photo_text {
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((26vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
  }
  .station_place .photo_text .-large {
    font-size: calc((19vw / 1366) * 100);
  }
  .station_tenant {
    padding: calc((56vw / 1366) * 100) calc((100vw / 1366) * 100) calc((64vw / 1366) * 100);
  }
  .station_tenant .photo_circle {
    right: calc((100vw / 1366) * 100);
    top: calc((-14vw / 1366) * 100);
    left: auto;
  }
  .station_tenant_title {
    font-size: calc((22vw / 1366) * 100);
  }
  .station_tenant_list {
    font-size: calc((16vw / 1366) * 100);
    line-height: calc((34vw / 1366) * 100);
    margin-top: calc((24vw / 1366) * 100);
  }
  .station_tenant_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: calc((56vw / 1366) * 100);
  }
  .station_tenant_shop {
    width: calc((330vw / 1366) * 100);
  }
  .station_tenant_photo {
    position: relative;
    width: calc((420vw / 1366) * 100);
    margin: 0 auto;
  }
  .station_tenant_photo .photo_circle {
    left: calc((-42vw / 1366) * 100);
    top: calc((-32vw / 1366) * 100);
  }
  .station_tenant_logos {
    margin-top: calc((56vw / 1366) * 100);
    width: calc((666vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .station {
    padding-bottom: calc((40vw / 390) * 100);
  }
  .station_bg_inner {
    /* background-image: url(../img/location/bg2_sp.webp); */
  }
  .station_text {
    left: calc((15vw / 390) * 100);
    top: calc((235vw / 390) * 100);
    width: calc((360vw / 390) * 100);
  }
  .station_title {
    font-size: calc((18vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
  }
  .station_lead {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((27vw / 390) * 100);
    margin-top: calc((21vw / 390) * 100);
  }
  .station_set {
    margin-top: 0;
    width: 100%
  }
  .station_set.second {
    margin-top: calc((54vw / 390) * 100);
  }
  .station_set.third {
    margin-top: calc((54vw / 390) * 100);
  }
  .station_set > .photo_circle {
    left: calc((290vw / 390) * 100);
    top: calc((174vw / 390) * 100);
  }
  .station_place {
    padding: calc((20vw / 390) * 100) calc((24vw / 390) * 100) calc((46vw / 390) * 100);
  }
  .station_place .photo_title {
    font-size: calc((18vw / 390) * 100);
  }
  .station_place .photo_text {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
  }
  .station_tenant {
    box-sizing: border-box;
    margin: 0 auto;
    padding: calc((32vw / 390) * 100) 0 0;
    width: calc((342vw / 390) * 100);
  }
  .station_tenant.-paddingbottom {
    padding-bottom: calc((48vw / 390) * 100);
  }
  .station_tenant_title {
    font-size: calc((16vw / 390) * 100);
  }
  .station_tenant .photo_circle {
    right: calc((-13vw / 390) * 100);
    top: calc((-26vw / 390) * 100);
  }
  #station .photo_circle:before {
    background-color: rgba(147, 111, 63,0.9);
  }
  .station_place .photo_text .-large {
    font-size: calc((16vw / 390) * 100);
  }
  .station_tenant_list {
    font-size: calc((12vw / 390) * 100);
    letter-spacing: -0.03em;
    line-height: calc((25vw / 390) * 100);
    margin-top: calc((16vw / 390) * 100);
  }
  .station_tenant_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc((22vw / 390) * 100);
  }
  .station_tenant_shop {
    width: 100%;
  }
  .station_tenant_photo {
    margin-top: calc((22vw / 390) * 100);
    position: relative;
    width: 100%;
  }
  .station_tenant_photo .photo_circle {
    left: auto;
    right: calc((-16vw / 390) * 100);
    top: calc((-16vw / 390) * 100);
  }
  .station_tenant_logos {
    margin-top: calc((16vw / 390) * 100);
    padding-bottom: calc((16vw / 390) * 100);;
    width: 100%
  }
}

/* lifeinfo */
.lifeinfo {
  background-color: #EFE9E0;
  position: relative;
  z-index: 2;
}
.lifeinfo_set {
  background-color: #FAF8F6;
  margin: 0 auto;
}
.lifeinfo_set:first-of-type {
  margin-top: 0;
}
.lifeinfo_title {
  text-align: center;
}
.lifeinfo_title img {
  height: 100%;
  width: auto;
}
.lifeinfo_wrap {
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
}
.lifeinfo_list.slide {
  width: 100% !important;
}
.lifeinfo_list.med2 {
  margin: 0 auto;
}
.lifeinfo_item {
  position: relative;
}

@media (min-width: 768px) {
  .lifeinfo {
    padding: calc((75vw / 1366) * 100) 0;
  }
  .lifeinfo_set {
    margin-top: calc((64vw / 1366) * 100);
    padding: 0 0 calc((75vw / 1366) * 100) 0;
    width: calc((1000vw / 1366) * 100);
  }
  .lifeinfo_set .stitle {
    margin-top: calc((20vw / 1366) * 100);
  }
  .lifeinfo_set .stitle.-margin-top {
    margin-top: calc((62vw / 1366) * 100);
  }
  
  .lifeinfo_title {
    height: calc((23vw / 1366) * 100);
    width: auto;
  }
  .lifeinfo_wrap {
    /* margin-top: calc((-15vw / 1366) * 100); */
    padding-bottom: calc((58vw / 1366) * 100);
    width: calc((800vw / 1366) * 100);
  }
  .lifeinfo_wrap.med2 {
    margin-top: calc((47vw / 1366) * 100);
  }
  .lifeinfo_list {
    display: flex;
    flex-wrap: nowrap;
    width: calc((1189vw / 1366) * 100);
    margin-top: calc((47vw / 1366) * 100);
  }
  .lifeinfo_list.med {
    width: calc((1614vw / 1366) * 100);
  }
  .lifeinfo_list.med2 {
    width: calc((800vw / 1366) * 100);
  }
  .lifeinfo_list.edu {
    width: calc((1189vw / 1366) * 100);
  }
  .lifeinfo_list.gou {
    width: calc((2817vw / 1366) * 100);
  }
  .lifeinfo_item {
    margin-left: calc((32vw / 1366) * 100);
    width: calc((375vw / 1366) * 100);
  }
  .lifeinfo_item:first-of-type {
    margin-left: 0;
  }
  .lifeinfo_list.med2 .lifeinfo_item {
    padding-top: calc((28vw / 1366) * 100);
  }
  .lifeinfo_item .photo_circle {
    left: auto;
    right: calc((-17vw / 1366) * 100);
    top: 0;
  }
}

@media (max-width: 767px) {
  .lifeinfo {
    padding: calc((40vw / 390) * 100) 0;
  }
  .lifeinfo_set {
    box-sizing: border-box;
    margin-top: calc((32vw / 390) * 100);
    padding: 0 0 calc((24vw / 390) * 100) 0;
    width: calc((342vw / 390) * 100);
  }
  .lifeinfo_title {
    height: calc((22vw / 390) * 100);
    width: auto;
  }
  .lifeinfo_set .stitle {
    font-size: calc((16vw / 390) * 100);
    margin-top: calc((12vw / 390) * 100);
  }
  .lifeinfo_set .stitle.-margin-top {
    margin-top: calc((28vw / 390) * 100);
  }
  .lifeinfo_wrap {
    margin-top: calc((-2vw / 390) * 100);
    padding-bottom: calc((32vw / 390) * 100);
    width: calc((308vw / 390) * 100);
  }
  .lifeinfo_wrap.med2 {
    margin-top: calc((-14vw / 390) * 100);
  }
  .lifeinfo_list {
    display: flex;
    flex-wrap: nowrap;
    width: calc((723vw / 390) * 100);
    margin-top: calc((24vw / 390) * 100);
  }
  .lifeinfo_list.med {
    width: calc((972vw / 390) * 100);
  }
  .lifeinfo_list.med2 {
    padding-top: calc((12vw / 390) * 100);
    width: calc((474vw / 390) * 100);
  }
  .lifeinfo_list.edu {
    /* width: calc((1221vw / 390) * 100); */
    width: calc((723vw / 390) * 100);
  }
  .lifeinfo_list.gou {
    width: calc((1719vw / 390) * 100);
  }
  .lifeinfo_item {
    margin-left: calc((24vw / 390) * 100);
    width: calc((225vw / 390) * 100);
  }
  .lifeinfo_item:first-of-type {
    margin-left: 0;
  }
  .lifeinfo_item .photo_circle {
    left: auto;
    right: calc((-12vw / 390) * 100);
    top: calc((-12vw / 390) * 100);
  }
}


/*btn*/
@media (min-width: 768px) {
  .btn {
    margin-top: calc((120vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .btn {
    margin-top: calc((40vw / 390) * 100);
    width: calc((300vw / 390) * 100);
  }
}

.drag-scroll {
  cursor: grab;
  user-select: none;
}
.drag-scroll img {
  -webkit-user-drag: none;
  user-drag: none;
}


@keyframes anime_moviecolor {
	0% {
    filter: grayscale(0);

  }

  100% {
    filter: grayscale(100%);

  }
}


.c-blank {
	/* display: none; */
}

.c-entrybtn-pageend {
	background-color: rgba(255, 255, 255, .75);
}

.c-entrybtn-pageend a {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.c-entrybtn-pageend {
		padding: calc((120vw / 1366) * 100) 0;
	}
}

@media screen and (max-width: 767px) {
	.c-entrybtn-pageend {
		padding: calc((40vw / 390) * 100) 0;
	}
	.c-entrybtn-pageend .c-entrybtn {
			width: calc((300vw / 390) * 100);
	}
}