@charset "utf-8";

.wrapBox {
	margin-top: 0;
	padding-top: 0;
}

#wrapLandy a:hover {
	text-decoration: none;
}
#wrapLandy sup {
	padding: 0;
}
#wrapLandy h2 {
  text-align: center;
}
@media screen and (min-width: 751px) {
  #wrapLandy h3 {
    font-size: min(48 / 1600 * 100vw, 48px);
  }
}
#wrapLandy .whiteBox h3 {
  color: #fff;
  font-size: calc(36 / 750 * 100vw);
  line-height: calc(87 / 750 * 100vw);
  letter-spacing: 0.03em;
  text-align: center;
  background-color: rgba(0, 64, 119, 0.5);
  margin: calc(30 / 750 * 100vw) auto 0;
  padding: 0;
}
#wrapLandy .whiteBox h3 span {
  color: #fff;
  font-size: calc(24 / 750 * 100vw);
  display: inline;
}
@media screen and (min-width: 751px) {
  #wrapLandy .whiteBox h3 {
    font-size: min(30 / 1600 * 100vw, 30px);
    line-height: min(52 / 1600 * 100vw, 52px);
    width: min(300 / 1600 * 100vw, 300px);
    margin: 0 auto;
  }
  #wrapLandy .whiteBox h3 span {
    font-size: min(18 / 1600 * 100vw, 18px);
  }
}







#wrapLandy .msrp {
	font-weight: 400;
}
#wrapLandy .msrp .box {
  background-color: #fff;
  z-index: 10;
}
#wrapLandy .msrp .box h4 {
  font-weight: 700;
  padding-top: 0;
}
@media screen and (max-width: 750px) {
	#wrapLandy .msrp {
		width: calc(420 / 600 * 100vw);
		margin: 0 auto;
	}
	#wrapLandy .msrp > p {
		font-size: calc(16 / 600 * 100vw);
		padding-top: calc(36 / 600 * 100vw);
	}
	#wrapLandy .msrp .box {
		display: block;
		margin-top: calc(16 / 600 * 100vw);
	}
	#wrapLandy .msrp .box_sp {
		align-items: center;
		justify-content: space-between;
		margin-top: 0;
	}
	#wrapLandy .msrp .box > .box2_1_pc:last-child {
		margin-top: calc(16 / 600 * 100vw);
	}
	#wrapLandy .msrp .box h4 {
		font-size: calc(16 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#wrapLandy .msrp > p {
		font-size: min(14 / 1600 * 100vw, 14px);
		text-align: center;
		padding-top: min(48 / 1600 * 100vw, 48px);
	}
	#wrapLandy .msrp .box {
    position: relative;
		width: min(940 / 1600 * 100vw, 940px);
		column-gap: 0;
		margin: min(32 / 1600 * 100vw, 32px) auto 0;
	}
	#wrapLandy .msrp .box > .box2_1_pc {
		width: 50%;
	}
	#wrapLandy .msrp .box > .box2_1_pc:first-child {
    border-right: solid 1px #707070;
		padding: 0 min(70 / 1600 * 100vw, 70px);
	}
	#wrapLandy .msrp .box > .box2_1_pc:last-child {
		padding: 0 min(70 / 1600 * 100vw, 70px);
	}
	#wrapLandy .msrp .box h4 {
		font-size: min(16 / 1600 * 100vw, 16px);
		text-align: center;
	}
}
#wrapLandy .tax_inclusive {
	font-weight: 700;
	color: #000;
	line-height: 1;
	text-align: right;
}
#wrapLandy .tax_inclusive sup {
	vertical-align: 40%;
}
@media screen and (max-width: 750px) {
	#wrapLandy .tax_inclusive {
		font-size: calc(26 / 600 * 100vw);
		padding-top: calc(16 / 600 * 100vw);
	}
	#wrapLandy .tax_inclusive span {
		font-size: calc(56 / 600 * 100vw);
		line-height: 1;
	}
	#wrapLandy .tax_inclusive sup {
		font-size: calc(16 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#wrapLandy .tax_inclusive {
		font-size: min(26 / 1600 * 100vw, 26px);
		padding-top: 0;
	}
	#wrapLandy .tax_inclusive span {
		font-size: min(56 / 1600 * 100vw, 56px);
	}
	#wrapLandy .tax_inclusive sup {
		font-size: min(16 / 1600 * 100vw, 16px);
	}
}
#wrapLandy .tax_exclusive {
	color: #888;
	font-weight: 600;
	text-align: right;
	line-height: 1;
}

@media screen and (max-width: 750px) {
	#wrapLandy .tax_exclusive {
		font-size: calc(14 / 600 * 100vw);
		padding-top: calc(16 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#wrapLandy .tax_exclusive {
		font-size: min(1.1vw, 14px);
		padding-top: min(20 / 1600 * 100vw, 20px);
	}
}
/*

*/
.bodycolorWrap {
	position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
	.bodycolorMain {
		width: calc(800 / 750 * 100vw);
		margin-top: calc(-60 / 750 * 100vw);
		margin-left: calc(-90 / 750 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	.bodycolorMain {
		width: min(1024 / 1600 * 100vw, 1024px);
		margin-top: min(-50 / 1600 * 100vw, -50px);
	}
}
/*

*/
.galleryBtn {
	text-align: center;
	position: absolute;
	display: block;
	z-index: 10;
}
.galleryBtn img {
	margin-bottom: 3px;
}
@media screen and (max-width: 750px) {
	.galleryBtn {
		font-size: calc(14/ 600 * 100vw);
		width: calc(40 / 600 * 100vw);
		right: calc(13 / 600 * 100vw);
		top: calc(290 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	.galleryBtn {
		font-size: min(14/ 1600 * 100vw, 14px);
		width: min(36 / 1600 * 100vw, 36px);
		right: min(120 / 1600 * 100vw, 120px);
		top: min(500 / 1600 * 100vw, 500px);
		cursor: pointer;
	}
}
/*

*/
.bodycolorPallet {
	z-index: 10;
}
.bodycolorPallet .swiper-slide {
	position: relative;
	background-color: transparent;
	font-size: 0;
	margin: 0 auto;
}
@media screen and (max-width: 750px) {
	.bodycolorPallet {
		width: calc(198 / 600 * 100vw);
		margin: calc(0 / 600 * 100vw) auto 0;
	}
}
@media screen and (min-width: 751px) {
	.bodycolorPallet {
		width: min(198 / 1600 * 100vw, 198px);
		margin: max(-50 / 1600 * 100vw, -50px) auto 0;
	}
}
@media screen and (max-width: 750px) {
	.bodycolorPallet .swiper-slide {
		width: calc(44 / 600 * 100vw);
		height: calc(44 / 600 * 100vw);
		margin: 0 calc(11 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	.bodycolorPallet .swiper-slide {
		width: min(44 / 1600 * 100vw, 44px);
		height: min(44 / 1600 * 100vw, 44px);
		margin: 0 min(11 / 1600 * 100vw, 11px);
	}
}
/**/
.bodycolorPallet .swiper-slide-thumb-active:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	display: block;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
	.bodycolorPallet .swiper-slide-thumb-active:after {
		border: 2px solid #fff;
		width: calc(34 / 600 * 100vw);
		height: calc(34 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	.bodycolorPallet .swiper-slide-thumb-active:after {
		border: 2px solid #fff;
		width: min(34 / 1600 * 100vw, 34px);
		height: min(34 / 1600 * 100vw, 34px);
	}
}
/*

*/
#wrapLandy .bodycolorName {
	font-weight: 400;
	text-align: center;
}
#wrapLandy .plusPrice li {
	font-weight: 400;
}
@media screen and (max-width: 750px) {
	#wrapLandy .bodycolorName {
		font-size: calc(16 / 600 * 100vw);
		padding-top: calc(48 / 600 * 100vw);
	}
	#wrapLandy .plusPrice {
		width: calc(420 / 600 * 100vw);
		margin: 0 auto;
		padding-top: calc(48 / 600 * 100vw);
	}
	#wrapLandy .plusPrice li {
		font-size: calc(16 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#wrapLandy .bodycolorName {
    font-size: min(16 / 1600 * 100vw, 16px);
		padding-top: min(48 / 1600 * 100vw, 48px);
	}
	#wrapLandy .plusPrice {
		width: min(530 / 1600 * 100vw, 530px);
		margin: 0 auto;
		padding-top: min(48 / 1600 * 100vw, 48px);
	}
	#wrapLandy .plusPrice li {
		font-size: min(16 / 1600 * 100vw, 16px);
	}
}
/*

*/
.priceBtn {
	text-align: center;
}
.priceBtn a {
	position: relative;
	border: 1px solid #707070;
	color: #000;
	display: block;
	margin: 0 auto;
}
.priceBtn a:after {
	position: absolute;
	content: "";
	background: no-repeat center center;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 11H16.17L10.58 5.41L12 4L20 12L12 20L10.59 18.59L16.17 13H4V11Z' fill='black'/%3E%3C/svg%3E");
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
	.priceBtn {
		margin: calc(50 / 600 * 100vw) 0 0;
	}
	.priceBtn a {
		font-size: calc(16 / 600 * 100vw);
		width: calc(280 / 600 * 100vw);
		line-height: calc(44 / 600 * 100vw);
	}
	.priceBtn a:hover {
		text-decoration: none;
	}
	.priceBtn a:after {
		right: calc(16 / 600 * 100vw);
		width: calc(16 / 600 * 100vw);
		height: calc(16 / 600 * 100vw);
		background-size: calc(16 / 600 * 100vw) auto;
	}
}
@media screen and (min-width: 751px) {
	.priceBtn {
		margin: min(48 / 1600 * 100vw, 48px) auto 0;
	}
	.priceBtn a {
		font-size: min(16 / 1600 * 100vw, 16px);
		width: min(280 / 1600 * 100vw, 280px);
		line-height: min(44 / 1600 * 100vw, 44px);
	}
	.priceBtn a:after {
		right: min(16 / 1600 * 100vw, 16px);
		width: min(16 / 1600 * 100vw, 16px);
		height: min(16 / 1600 * 100vw, 16px);
		background-size: min(16 / 1600 * 100vw, 16px) auto;
	}
	.priceBtn a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #000;
	}
	.priceBtn a:hover:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 11H16.17L10.58 5.41L12 4L20 12L12 20L10.59 18.59L16.17 13H4V11Z' fill='white'/%3E%3C/svg%3E");
	}
}
/*





*/
#specAccessory,#recycle {
	margin-top: 0;
	padding-top: 0;
}
#specAccessory h2,#recycle h2 {
  text-align: left;
  color: var(--color);
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	#specAccessory,#recycle {
		width: calc(552 / 600 * 100vw);
	}
	#specAccessory h2,#recycle h2 {
		font-size: calc(24 / 600 * 100vw);
		margin-top: calc(128 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#specAccessory h2,#recycle h2 {
		font-size: min(24 / 1600 * 100vw, 24px);
		margin-top: min(128 / 1600 * 100vw, 128px);
	}
}
#specAccessory ul {
	padding-top: 0;
}
.detail-spec {
	display: flex;
	justify-content: space-between;
	border: 1px solid #E0E0E0;
	background-color: #fff;
	transition: opacity 0.4s ease;
	color: #000;
}
.detail-spec:hover {
	text-decoration: none;
	opacity: 0.6;
}
@media screen and (max-width: 750px) {
	#specAccessory li:first-child .detail-spec {
		margin-top: calc(20 / 600 * 100vw);
	}
	.detail-spec {
		font-size: calc(22 / 600 * 100vw);
		margin-top: calc(30 / 600 * 100vw);
		padding: calc(15 / 600 * 100vw) calc(40 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#specAccessory li:first-child .detail-spec {
		margin-top: min(16 / 1600 * 100vw, 22px);
	}
	.detail-spec {
		font-size: min(14 / 1600 * 100vw, 14px);
		margin-top: min(22 / 1600 * 100vw, 22px);
		padding: min(12 / 1600 * 100vw, 12px) min(23 / 1600 * 100vw, 23px);
	}
}
.detail-spec__header {
	margin: 0;
	font-weight: 400;
}
.detail-spec__body {
	margin: 0;
	color: #105ED3;
}
.detail-spec--arrow {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.08203 10.0658L3.96703 10.9508L8.91703 6.00078L3.96703 1.05078L3.08203 1.93578L7.14703 6.00078L3.08203 10.0658H3.08203Z' fill='%23888888'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 750px) {
	.detail-spec--arrow {
		background-position: right 6.4vw center;
	}
}
@media screen and (min-width: 751px) {
	.detail-spec--arrow {
		background-position: right min(1.875vw, 24px) center;
	}
}
/**/
.chart {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #fff;
	width: 100%;
	line-height: 1.5;
}
@media screen and (max-width: 750px) {
	.chart {
		font-size: calc(14 / 600 * 100vw);
		margin: calc(16 / 600 * 100vw) 0 0;
	}
}
@media screen and (min-width: 751px) {
	.chart {
		font-size: min(16 / 1600 * 100vw, 16px);
		margin: min(16 / 1600 * 100vw, 16px) 0 0;
	}
}
.chart th ,.chart td {
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;	
}
.chart td {
	font-family: var(--font-family-mulish);
}
@media screen and (max-width: 750px) {
	.chart th {
		padding: calc(5 / 600 * 100vw) calc(2 / 600 * 100vw);
	}
	.chart td {
		padding: calc(5 / 600 * 100vw) calc(2 / 600 * 100vw);
		width: 13.2%;
	}
}
@media screen and (min-width: 751px) {
	.chart th {
		padding: min(2 / 1600 * 100vw, 2px) min(5 / 1600 * 100vw, 5px);
	}
	.chart td {
		width: min(170 / 1600 * 100vw, 170px);
		padding: min(7 / 1600 * 100vw, 7px) min(2 / 1600 * 100vw, 2px);
	}
	.chart td:nth-of-type(n+5) {
		width: min(160 / 1600 * 100vw, 160px);
	}
}
@media screen and (max-width: 750px) {
	#wrapLandy #recycle .alignRight {
		font-size: calc(14 / 600 * 100vw);
		padding: calc(12 / 600 * 100vw) 0 0;
	}
	#wrapLandy #recycle .notesSymbol {
		padding-top: min(128 / 600 * 100vw);
	}
}
@media screen and (min-width: 751px) {
	#wrapLandy #recycle .alignRight {
		padding: min(14 / 1600 * 100vw, 14px) 0 0;
		font-size: min(16 / 1600 * 100vw, 16px);
	}
  #wrapLandy #recycle li,#wrapLandy #recycle p {
    font-size: min(14 / 1600 * 100vw, 14px);
  }
}