/************************************************************************************/
/* Page CAROUSEL NAVI */
/************************************************************************************/

.swiper-container {
  overflow: visible !important;
}

.swiper-slide:not(.swiper-slide-active) {
    opacity: 0 !important;
}

.section--carousel-navi-link.active {
  color: #343434;
}

.section--page-navi {
	padding: 0;
	position: relative;
}

.section--page-navi::before,
.section--page-navi::after {
	position: absolute;
	content: '';
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	background: #080304;
	z-index: 98;
}

.section--page-navi::before {
	left: 0;
	right: auto;
	display: none;
}

@media (max-width:1299px) {
	.section--page-navi::before {
		display: block;
	}
}

.section--page-navi-inner {
	padding: 0;
	margin-top: -115px;
	z-index: 99;
	position: relative;
}

@media (max-width:1299px) {
	.section--page-navi-inner {
		margin-top: -55px;
	}
}

@media (max-width:899px) {
	.section--page-navi-inner {
		margin-top: -30px;
	}
}

.section--page-navi-list {
	width: 100%;
	position: relative;
	display: inline-flex;
	justify-content: space-around;
	padding: 45px 0 0 0;
	min-height: 144px;

}

@media (max-width:1199px) {
	.section--page-navi-list {
		justify-content: space-between;
		padding: 35px 0;
		min-height: 124px;
	}
}

@media (max-width:899px) {
	.section--page-navi-list {
		padding: 25px 0;
		min-height: 0;
		flex-direction: column;
	}
}

@media (max-width:599px) {
	.section--page-navi-list {
		padding: 20px 0;
	}
}

.section--page-navi-list li {
	min-width: 105px;
	text-align: center;
	align-self: center;
}

@media (max-width:1399px) {
	.section--page-navi-list li {

	}
}

@media (max-width:1199px) {
	.section--page-navi-list li {
		min-width: 85px;
	}
}

@media (max-width:899px) {
	.section--page-navi-list li {
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		margin-bottom: 16px;
		max-width: 100%;
	}
}

@media (max-width:599px) {
	.section--page-navi-list li {
		margin-bottom: 12px;
	}
}

.section--page-navi-list li:first-child {
	margin-left: 0;
}

.section--page-navi-list li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.section--page-navi-list li a {
	font-size: 30px;
	color: #AFAFAF;
	font-weight: 100;
	line-height: 40px;
}

@media (max-width:1199px) {
	.section--page-navi-list li a {
		font-size: 21px;
	}
}

@media (max-width:899px) {
	.section--page-navi-list li a {
		font-size: 19px;
		text-transform: uppercase;
		font-weight: 500;
	}
}

@media (max-width:599px) {
	.section--page-navi-list li a {
		font-size: 14px;
    line-height: 48px;
	}
}

.section--carousel-navi-link {
	transition: all .2s ease;
	text-decoration: none;
	text-decoration-color: #00b4cd;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.5ex;
}

@media (max-width:899px) {
	.section--carousel-navi-link {
		text-underline-offset: 0.15ex;
	}
}

.section--carousel-navi {
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.swiper-navi-container {
  position: absolute !important;
  top: 200px;
  width: 100%;
  z-index: 1;
}

.swiper-slide {
  position: relative;
}

.swiper-navi-container .swiper-prev:hover,
.slider-container .swiper-next:hover {
  cursor: pointer;
}

.swiper-navi-container {
  position: relative;
}

.swiper-navi-container .swiper-prev,
.swiper-navi-container .swiper-next {
  display: inline-block;
  padding: 1rem 2rem;
}

.swiper-navi-container .swiper-prev {
  float: left;
  margin-left: -80px;
}

.swiper-navi-container .swiper-next {
  float: right;
  margin-right: -80px;
}

@media only screen and (max-width: 1280px) {

  .swiper-navi-container .swiper-prev {
    margin-left: -34px;
  }

  .swiper-navi-container .swiper-next {
    margin-right: -34px;
  }

}

/************************************************************************************/
/* PRODUCT RANGE CUSTOM SIZE CHANGE */
/************************************************************************************/

.section-product-range .paragraph-citation {
  font-size: 30px;
  line-height: 45px;
}

.section-product-range .paragraph-block-text {
  font-size: 18px;
  line-height: 30px;
}

.section-product-range .section--page-navi-list a {
  font-size: 26px;
}