@charset "UTF-8";
/*****************************************************
メディダーマブランドページ
*****************************************************/

/*============================================================*/
/* kv */
/*============================================================*/
#meditop .kv {
  max-width: 2400px;
	width: 100%;
	margin: auto;
  position: relative;
  overflow: hidden;
}
#meditop .kv a:hover {
	opacity: 1;
}
#meditop .kv .swiper {
  text-align: center;
}
#meditop .kv img {
  width: 100%;
  height: auto;
  align-self: center;
}
@media print, screen and (max-width: 767px) {
	#meditop .kv {
		min-width: auto;
	}
}

#meditop .swiper-pagination {
  bottom: 40px !important;
  
}
#meditop .swiper-pagination-bullet {
  width: 11px !important;
  height: 11px !important;
  background-color: inherit !important;
  border: 1px solid #fff;
  margin: 0 7px !important;
  opacity: 1 !important;
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.6) !important;
}
#meditop .swiper-pagination-bullet-active {
  background-color: #fff !important;
  border: 1px solid #fff;
}
@media print, screen and (max-width: 767px) {
  #meditop .swiper-pagination {
    bottom: 5vw !important;
    padding-left: 4% !important;
  }
  #meditop .swiper-pagination-bullet {
    width: 2vw !important;
    height: 2vw !important;
    margin: 0 2vw !important;
  }
}

/*============================================================*/
/* lineup */
/*============================================================*/
#meditop .blbg {
  background: linear-gradient(175deg, #B3F0FA 0.7%, #E1F5F9 7%, #EBFFFF 28%, #E6FBFF 57%, #EAFFFF 87%, #B3F0FA 100%);
  padding-inline: min(5vw, 30px);
  padding-block: min(10vw, 100px);
}
#meditop .lineup {
  max-width: 900px;
  margin-inline: auto;
}
#meditop .lineup h3 {
  text-align: center;
  margin-bottom: min(19vw, 108px);
}
@media print, screen and (max-width: 767px) {
	#meditop .lineup h3 {
    max-width: 32vw;
    margin-inline: auto;
  }
}
#meditop .lineup__item {
  margin-bottom: min(24vw, 142px);
}
#meditop .lineup__heading {
  margin-bottom: min(9vw, 40px);
}
#meditop .lineup__heading h4 {
  font-family: var(--font-serif);
  font-size: clamp(20px, 4.8vw, 24px);
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.6);
  border-left: 3px solid #00529F;
  border-bottom: 1px solid #D5D5D5;
  padding: min(3.8vw, 16px) min(5vw, 30px);
  margin-bottom: min(3vw, 14px);
}
#meditop .lineup__heading--note {
  font-size: .8em;
  text-align: right;
}
#meditop .lineup__item--card {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: min(10vw, 56px);
  row-gap: min(4vw, 20px);
  align-items: center;
}
@media print, screen and (max-width: 767px) {
	#meditop .lineup__item--card {
		grid-template-columns: auto;
	}
}
#meditop .lineup__item--card + .lineup__item--card {
  margin-top: min(14vw, 60px);
}
#meditop .lineup__item--fig {
  text-align: center;
}
#meditop .lineup__item--name {
  font-size: clamp(16px, 4vw, 22px);
  font-weight: 700;
}
#meditop .lineup__item--size {
  font-size: clamp(12px, 3.4vw, 16px);
}
#meditop .lineup__item--price {
  font-size: clamp(16px, 3.8vw, 20px);
}
#meditop .lineup__item--price span {
  font-size: .8em;
}
#meditop .brand-linkbtn {
  margin-left: 0;
}
@media print, screen and (max-width: 767px) {
	#meditop .brand-linkbtn {
		margin-left: auto;
    margin-top: 2.4vw;
	}
}