@charset "UTF-8";

@import url(root.css);

article {
  overflow-x: hidden;
}

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

  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
	z-index: -1;
}

.bg-video {
  box-sizing: border-box;
  height: 56.25vw; /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
	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_catch {
  font-weight: 700;
  position: absolute;
}
.visual_caption {
  color: #fff;
}

@media (min-width: 768px) {
  .visual_title {
    left: calc((1037vw / 1366) * 100);
    top: calc((250vw / 1366) * 100);
    width: calc((92vw / 1366) * 100);
  }
  .visual_title_ja {
    color: #251E1C;
    font-size: calc((21vw / 1366) * 100);
    line-height: calc((30vw / 1366) * 100);
    margin-top:  calc((6vw / 1366) * 100);
  }
  .visual_catch {
    color: #251E1C;
    font-size: calc((26vw / 1366) * 100);
    left: calc((862vw / 1366) * 100);
    line-height: calc((37vw / 1366) * 100);
    top:  calc((333vw / 1366) * 100);
  }
  /* .visual_caption {
    bottom: calc((119vw / 1366) * 100);
    right: calc((16vw / 1366) * 100);
  } */
}

@media (max-width: 767px) {
  .visual_title {
    left: calc((165vw / 390) * 100);
    /* top: calc((532vw / 390) * 100); */
    top: calc((361vw / 390) * 100);
    width: calc((74vw / 390) * 100);
  }
  .visual_title_ja {
    color: #fff;
    font-size: calc((16vw / 390) * 100);
    line-height: calc((30vw / 390) * 100);
    margin-top:  calc((6vw / 390) * 100);
  }
  .visual_catch {
    color: #fff;
    font-size: calc((18vw / 390) * 100);
    left: 0;
    line-height: calc((18vw / 390) * 100);
    text-align: center;
    /* top:  calc((602vw / 390) * 100); */
    top:  calc((438vw / 390) * 100);
    width: 100%;
  }
  .visual_caption {
    bottom: calc((9vw / 390) * 100);
    font-size: calc((8vw / 390) * 100);
    right: calc((10vw / 390) * 100);
  }
}

.plan_breadcrumb {
  background-color: rgba(175, 146, 101,0.9);
  color: #fff;
}
.plan_breadcrumb a {
  color: #fff;
}

/* message */
.message {
  /* background-color: #AF9265; */
  background-color: rgba(175, 146, 101,0.9);
  color: #fff;
  font-weight: 600;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media (min-width: 768px) {
  .message {
    padding: calc((110vw / 1366) * 100) 0;
  }
  .message_title {
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((35vw / 1366) * 100);
  }
  .message_text {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
    margin-top: calc((48vw / 1366) * 100);
  }
}

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

.view {
  /* background-color: #AF9265; */
  background-color: rgba(175, 146, 101,0.9);
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}
.view_inner {
  
}
.view_img {
  
}

@media (min-width: 768px) {
  .view_img {
    padding-bottom: calc((40vw / 1366) * 100);
    width: calc((2504vw / 1366) * 100);
  }
  .slide_sp {
    display: none;
  }
}

@media (max-width: 767px) {
  .view_img {
    padding-bottom: calc((24vw / 390) * 100);
    width: calc((1907vw / 390) * 100);
  }
  .slide_sp {
    display: block;
    height: calc((43vw / 390) * 100);
    margin: calc((8vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
}

.floor {
  background-color: rgba(175, 146, 101,0.9);
  position: relative;
  z-index: 2;
}
.floor_wrap {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.floor_planning {
  background-color: #EFE9E0;
  box-sizing: border-box;
  color: #251E1C;
}
.floor_planning_text,
.floor_map_text {
  text-align: center;
}
.floor_planning_img {
  display: block;
  margin: 0 auto;
}
.floor_map_wrap {
  display: flex;
}
.floor_map {
  color: #fff;
}
.floor_map_img {
  display: block;
}

.floor_map_list {
  display: flex;
  flex-direction: column;
}

.floor_map_list_item {
  background-color: #756a57;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .floor {
    padding: calc((100vw / 1366) * 100) 0 calc((72vw / 1366) * 100);
  }
  .floor_wrap {
    /* display: flex; */
    /* justify-content: space-between; */
    width: calc((759.9432vw / 1366) * 100);
    gap: calc((95vw / 1366) * 100);
  }
  .floor_planning {
    padding: calc((49vw / 1366) * 100) calc((115vw / 1366) * 100);
    /* width: calc((500vw / 1366) * 100); */
    width: 100%;
  }
  .floor_planning_text,
  .floor_map_text {
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((28vw / 1366) * 100);
  }
  .floor_planning_img {
    margin-top: calc((16vw / 1366) * 100);
  }
  .floor_map_wrap {
    width: calc((800vw / 1366) * 100);
    margin-top: calc((38vw / 1366) * 100);
  }
  .floor_map {
    /* width: calc((428vw / 1366) * 100); */
  }
  .floor_map_img {
    /* margin-left: calc((28vw / 1366) * 100); */
    /* margin-top: calc((20vw / 1366) * 100); */
    width: calc((404vw / 1366) * 100);
  }

  .floor_map_list {
    gap: calc((32vw / 1366) * 100);
    width: calc((376vw / 1366) * 100);
  }

  .floor_map_list_item {
    font-size: calc((14vw / 1366) * 100);
    height: calc((70vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .floor {
    padding: calc((24vw / 390) * 100);
  }
  .floor_planning {
    padding: calc((32vw / 390) * 100) calc((10vw / 390) * 100);
  }
  .floor_planning_text {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((25vw / 390) * 100);
  }
  .floor_planning_img {
    margin-top: calc((32vw / 390) * 100);
  }
  .floor_map_wrap {
    width: calc((260vw / 390) * 100);
    margin: 0 auto;
    margin-top: calc((30vw / 390) * 100);
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: calc((50vw / 390) * 100);
  }
  .floor_map_text {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((40vw / 390) * 100);
  }
  .floor_map_img {
    /* margin-top: calc((24vw / 390) * 100); */
  }

  .floor_map_list {
    gap: calc((20vw / 390) * 100);
    width: 100%;
  }

  .floor_map_list_item {
    font-size: calc((10vw / 390) * 100);
    height: calc((70vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }

}

.lineup {
  position: relative;
  z-index: 2;
}
.lineup_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;
}
.lineup_bg_inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.lineup-video {
  box-sizing: border-box;
  height: 56.25vw; /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
	display: none;
}

.lineup .movie_wrap {
  position: relative;
}

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

.lineup_title {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
	.movie-pc {
		display: block;
	}
	.movie-sp {
		display: none;
	}
}
@media (max-width: 767px) {
	.movie-pc {
		display: none;
	}
  .movie-sp {
		display: block;
	}
  .lineup .movie_wrap {
    padding-top: 178%;
  }
}

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

@media (min-width: 768px) {
	.lineup-video-pc {
		display: block;
	}
}
@media (max-width: 767px) {
	.lineup-video-sp {
		display: block;
	}
}
.lineup_content {
  background-color: rgba(175,146,101,.72);
}
.lineup_list {
  margin: 0 auto;
}
.lineup_list:first-of-type {
  margin-top: 0;
}
.lineup_item {
  background-color: #E7DED1;
  box-sizing: border-box;
  color: #9A804B;
  position: relative;
  text-align: center;
}
.lineup_item.modeltype::after {
  background-color: #000;
  color: #9A804B;
  content: "MODEL ROOM type";
  display: inline-block;
  position: absolute;
}
.lineup_blank {
  background-color: rgba(0,0,0,.2);
}
.lineup_more {
  align-items: center;
  background-color: #9A804B;
  color: #fff;
  display: flex;
  justify-content: center;
}
.lineup_more:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  /* .lineup {
    padding-bottom: calc((72vw / 1366) * 100);
  } */
  .lineup_bg_inner {
    /* background-image: url(../img/plan/bg1_pc.webp); */
  }
  .lineup_content {
    padding: calc((110vw / 1366) * 100) 0;
  }
  .lineup_blank {
    height: calc((718vw / 1366) * 100);
    width: 100%;
  }
  .lineup_title {
    width: calc((1000vw / 1366) * 100);
    font-size: calc((21vw / 1366) * 100);
    margin-bottom: calc((33vw / 1366) * 100);
    line-height: calc((36vw / 1366) * 100);
    height: calc((96vw / 1366) * 100);
  }
  .lineup_list {
    display: flex;
    margin-top: calc((32vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
    justify-content: center;
  }
  .lineup_item {
    padding: calc((22vw / 1366) * 100) calc((14vw / 1366) * 100) calc((14vw / 1366) * 100);
    width: calc((200vw / 1366) * 100);
  }
  .lineup_item::before {
    background-color: rgba(154,128,75,.4);
    content: "";
    display: block;
    height: 86%;
    left: 0;
    position: absolute;
    top: 7%;
    width: 1px;
  }
  .lineup_item:first-of-type:before {
    display: none;
  }
  .lineup_item.modeltype::after {
    font-size: calc((12vw / 1366) * 100);
    left: 0;
    padding: .35em;
    top: 0;
  }
  .lineup_item_title {
    font-size: calc((18vw / 1366) * 100);
  }
  .lineup_item_name {
    font-size: calc((48vw / 1366) * 100);
    line-height: calc((40vw / 1366) * 100);
  }
  .lineup_item_plan{
    font-size: calc((17vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
  }
  .lineup_item_plan span{
    font-size: calc((14vw / 1366) * 100);
  }
  .lineup_item_stitle {
    border-top: 1px solid rgba(154,128,75,.4);
    font-size: calc((11vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
    padding-top: calc((10vw / 1366) * 100);
    text-align: left;
  }
  .lineup_item_num {
    display: inline-block;
    font-size: calc((27vw / 1366) * 100);
    letter-spacing: -.05em;
  }
  .lineup_item_num .l {
    font-size: calc((36vw / 1366) * 100);
  }
  .lineup_item_num .meter {
    font-size: calc((20vw / 1366) * 100);
  }
  .lineup_item_tsubo {
    display: inline-block;
    font-size: calc((11vw / 1366) * 100);
    letter-spacing: -.05em;
  }
  .lineup_item_balcony {
    font-size: calc((12vw / 1366) * 100);
    text-align: left;
  }
  .lineup_more {
    font-size: calc((10vw / 1366) * 100);
    height: calc((30vw / 1366) * 100);
    margin-top: calc((12vw / 1366) * 100);
    transition: .25s;
  }
  .lineup_more:hover {
    opacity: .75
  }
}

@media (max-width: 767px) {
  /* .lineup {
    padding-bottom: calc((40vw / 390) * 100);
  } */
  .lineup_bg_inner {
    /* background-image: url(../img/plan/bg1_sp.webp); */
  }
  .lineup_title {
    /* width: calc((306vw / 1366) * 100); */
    font-size: calc((14vw / 390) * 100);
    margin-bottom: calc((20vw / 390) * 100);
    line-height: calc((23vw / 390) * 100);
    height: calc((63vw / 390) * 100);
  }
  .lineup_content {
    padding: calc((40vw / 390) * 100) calc((24vw / 390) * 100);
  }
  .lineup_list {
    margin-top: calc((40vw / 390) * 100);
  }
  .lineup_item {
    padding: calc((16vw / 390) * 100) calc((14vw / 390) * 100);
  }
  .lineup_item:first-of-type {
    padding-top: calc((32vw / 390) * 100);
  }
  .lineup_item:last-of-type {
    padding-bottom: calc((32vw / 390) * 100);
  }
  .lineup_item.modeltype::after {
    font-size: calc((11vw / 390) * 100);
    left: 0;
    padding: .35em .5em;
    top: 0;
  }
  .lineup_item_title {
    display: inline-block;
    font-size: calc((16vw / 390) * 100);
  }
  .lineup_item_name {
    display: inline-block;
    font-size: calc((30vw / 390) * 100);
    margin-left: .1em;
  }
  .lineup_item_plan {
    display: inline-block;
    font-size: calc((19vw / 390) * 100);
    margin-left: .5em;
  }
  .lineup_item_wrap {
    border-top: 1px solid rgba(154,128,75,.4);
    margin-top: 1em;
    padding: 1em 1em 0;
    text-align: left;
  }
  .lineup_item_stitle {
    display: inline-block;
    font-size: calc((14vw / 390) * 100);
  }
  .lineup_item_stitle::before {
    content: "■"
  }
  .lineup_item_num {
    display: inline-block;
    font-size: calc((27vw / 390) * 100);
    margin-left: calc((5vw / 390) * 100);
  }
  .lineup_item_tsubo {
    display: inline-block;
    font-size: calc((13vw / 390) * 100);
  }
  .lineup_item_balcony {
    font-size: calc((14vw / 390) * 100);
  }
  .lineup_more {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
    margin-top: calc((12vw / 390) * 100);
  }
  .lineup_blank {
    height: calc((654vw / 390) * 100);
  }
}

.types {
  position: relative;
  z-index: 2;
}
.types_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;
}
.types_bg_inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.types_bg_inner::after {
  background-color: rgba(239,233,224,.9);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.types-video {
  box-sizing: border-box;
  height: 56.25vw; /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅なので 177.77% (= 16 ÷ 9) */
	display: none;
}
@media (min-width: 768px) {
	.types-video-pc {
		display: block;
	}
}
@media (max-width: 767px) {
	.types-video-sp {
		display: block;
	}
}
.types_label {
  background-color: #AC9064;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}
.types_item {
  margin: 0 auto;
}
.types_data {
  align-items: flex-end;
  border-top: 1px solid #AC9064;
  color: #9A804B;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.types_data_balcony {
  border-top: 1px solid #AC9064;
}
.types_data_base.modeltype {
  position: relative;
}
.types_data_base.modeltype::before {
  background-color: #000;
  color: #9A804B;
  content: "MODEL ROOM type";
  display: inline-block;
  position: absolute;
}

@media (min-width: 768px) {
  .types {
    padding: calc((144vw / 1366) * 100) 0 calc((120vw / 1366) * 100);
  }
  /* .types_bg_inner {
    background-image: url(../img/plan/bg2_pc.webp);
  } */
  .types_label {
    font-size: calc((44vw / 1366) * 100);
    margin-top: calc((128vw / 1366) * 100);
    margin-bottom: calc((64vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .types_label:first-of-type {
    margin-top: 0;
  }
  .types_item {
    margin-top: calc((55vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .types_label + .types_item {
    margin-top: 0;
  }
  .types_data {
    padding: calc((10vw / 1366) * 100) 0;
  }
  .types_data_base {
    /* width: calc((340vw / 1366) * 100); */
    margin-right: calc((30vw / 1366) * 100);
  }
  .types_data_base.modeltype::before {
    font-size: calc((12vw / 1366) * 100);
    left: calc((90vw / 1366) * 100);
    padding: .5em;
    top: calc((2vw / 1366) * 100);
  }
  .types_data_title {
    font-size: calc((24vw / 1366) * 100);
  }
  .types_data_name {
    display: inline-block;
    font-size: calc((67vw / 1366) * 100);
    line-height: calc((50vw / 1366) * 100);
  }
  .types_data_plan {
    display: inline-block;
    font-size: calc((35vw / 1366) * 100);
    margin-left: .5em;
  }
  .types_data_stitle {
    font-size: calc((18vw / 1366) * 100);
  }
  .types_data_num {
    display: inline-block;
    font-size: calc((38vw / 1366) * 100);
  }
  .types_data_num .l {
    display: inline-block;
    font-size: calc((53vw / 1366) * 100);
  }
  .types_data_num .meter {
    display: inline-block;
    font-size: calc((28vw / 1366) * 100);
  }
  .types_data_tsubo {
    display: inline-block;
    font-size: calc((15vw / 1366) * 100);
  }
  .types_data_balcony {
    font-size: calc((20vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
    padding-top: calc((10vw / 1366) * 100);
    width: 100%;
  }
  .types_img {
    margin-top: calc((32vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .types {
    padding: calc((48vw / 390) * 100) 0;
  }
  /* .types_bg_inner {
    background-image: url(../img/plan/bg2_sp.webp);
  } */
  .types_label {
    font-size: calc((24vw / 390) * 100);
    margin-top: calc((38vw / 390) * 100);
    margin-bottom: calc((40vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .types_label:first-of-type {
    margin-top: 0;
  }
  .types_item {
    margin-top: calc((38vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  .types_label + .types_item {
    margin-top: 0;
  }
  .types_data {
    padding: calc((10vw / 390) * 100) 0;
  }
  .types_data_base {
    width: 57%;
    /* margin-right: calc((10vw / 390) * 100); */
  }
  .types_data_base.modeltype::before {
    font-size: calc((11vw / 390) * 100);
    left: calc((60vw / 390) * 100);
    padding: .25em .5em;
    top: 0;
  }
  .types_data_title {
    font-size: calc((16vw / 390) * 100);
  }
  .types_data_name {
    display: inline-block;
    font-size: calc((26vw / 390) * 100);
    letter-spacing: -.04em;
    line-height: calc((27vw / 390) * 100);
  }
  .types_data_plan {
    display: inline-block;
    font-size: calc((16vw / 390) * 100);
    letter-spacing: -.04em;
    margin-left: .35em;
  }
  .types_data_plan span {
    font-size: calc((10vw / 390) * 100);
  }
  .types_data_stitle {
    font-size: calc((14vw / 390) * 100);
  }
  .types_data_num {
    display: inline-block;
    font-size: calc((16vw / 390) * 100);
    letter-spacing: -.05em;
  }
  .types_data_num .l {
    display: inline-block;
    font-size: calc((22vw / 390) * 100);
  }
  .types_data_num .meter {
    display: inline-block;
    font-size: calc((20vw / 390) * 100);
  }
  .types_data_tsubo {
    display: inline-block;
    font-size: calc((12vw / 390) * 100);
  }
  .types_data_balcony {
    font-size: calc((14vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
    padding-top: calc((10vw / 390) * 100);
    width: 100%;
  }
  .types_img {
    margin-top: calc((27vw / 390) * 100);
  }
}



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


.types_legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.types_legend_item {
  display: flex;
  align-items: center;
  line-height: 1;
}
.types_legend_item.-long {
  width: 100%;
  line-height: 1.4;
}
.types_legend_item .-icon img {
  width: auto;
  height: 100%;
}
.types_legend_item .-text {
  color: #9a804b;
}

@media (min-width: 768px) {
  .types_legend {
    gap: calc((23vw / 1366) * 100);
    margin-top: calc((10vw / 1366) * 100);
  }
  .types_legend_item {
    gap: calc((12vw / 1366) * 100);
  }
  .types_legend_item .-icon {
    height: calc((15vw / 1366) * 100);
  }
  .types_legend_item .-text {
    font-size: calc((16vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .types_legend {
    gap: calc((20vw / 390) * 100) calc((12vw / 390) * 100);
    margin-top: calc((10vw / 390) * 100);
  }
  .types_legend_item {
    gap: calc((8vw / 390) * 100);
  }
  .types_legend_item .-icon {
    height: calc((9vw / 390) * 100);
  }
  .types_legend_item .-text {
    font-size: calc((12vw / 390) * 100);
  }
}

.casbee {
  margin: 0 auto;
}
.casbee img {
  width: 100%;
}
@media (min-width: 768px) {
  .casbee {
    margin-top: calc((120vw / 1366) * 100);
    width: calc((360vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .casbee {
    margin-top: calc((50vw / 390) * 100);
    width: 78%;
  }
}

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

.c-entrybtn-pageend {
  /* background-color: rgba(239,233,224,.9); */
}

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

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

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