@charset "utf-8";

/* --------------------------------------------------
  Resetting default margin and padding
-------------------------------------------------- */

/* !HTML5 elements
---------------------------------------------------------- */
header,
footer,
nav,
section,
aside,
article {
	display: block;
}

/* !Resetin
---------------------------------------------------------- */
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
input,
a,
textarea,
select,
span,
nav,
section,
header {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
}

label {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset,
img {
	border: 0;
}

img {
	vertical-align: top;
	max-width: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:after,
q:before {
	content: "";
}

abbr,
acronym {
	border: 0;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

input,
textarea {
	-webkit-appearance: none;
	appearance: none;
}

/* !Layout
---------------------------------------------------------- */
html.scroll-lock,
html.scroll-lock body {
	overflow: hidden;
}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	color: #000;
	background-color: #11111e;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: none;
}

/* link
------------------------------------------------ */
a {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	-moz-transition: all 0.3s !important; /* Firefox */
	transition: all 0.3s !important;
}

/* !fs
------------------------------------------------ */
.visible-pc {
	display: block !important;
}
.visible-ts {
	display: none !important;
}
@media (max-width: 1024px) {
	.visible-pad {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.visible-pc {
		display: none !important;
	}
	.visible-ts {
		display: block !important;
	}
}
/* !fc
------------------------------------------------ */
.ff-ebGaramond {
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.ff-zenOld {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}
.ff-shippori {
	font-family: "Shippori Mincho B1", serif;
	font-weight: 500;
	font-style: normal;
}

/* wrapper
----------------------------------------------- */
#wrapper {
	position: relative;
	background: url(../img/img_bg01.png) center top / 100% auto no-repeat;
}
#wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	top: 95.28572vw;
	bottom: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	background: url(../img/img_bg.png) center top / 100% auto repeat-y;
}
@media (max-width: 1024px) {
}
@media (max-width: 767px) {
}

/* header
----------------------------------------------- */
#header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}
.headermain {
	display: flex;
}
.headerlogo {
	width: 142px;
	margin: 48px 0 0 100px;
}
@media (max-width: 1024px) {
	.headerlogo {
		width: 106px;
		margin: 24px 0 0 50px;
	}
}
@media (max-width: 767px) {
	.headerlogo {
		width: 76px;
		margin: 20px 0 0 32px;
	}
}
/* footer
----------------------------------------------- */
#footer {
	padding: 72px 0;
	background-color: #11111e;
}
.footermain {
	display: flex;
	align-items: center;
}
.footerlogo {
	width: 190px;
}
.footeraddr {
	margin: 0 4% 0 5%;
	width: 335px;
	font-size: 13px;
	line-height: 1.85;
	color: #e4d8c9;
}
.footerbtn .btncta {
	display: block;
	width: 230px;
	width: min(14.64844vw, 230px);
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	color: #201b17;
	text-align: center;
	background-color: #cac1ab;
}
.footerlink {
	margin-left: 2.5%;
	width: 120px;
}
.footerlink a {
	font-size: 13px;
	color: #e4d8c9;
}
.copyright {
	width: 120px;
	font-size: 13px;
	color: #e4d8c9;
	text-align: right;
}
@media screen and (min-width: 1025px) {
	.footerbtn .btncta:hover {
		opacity: 0.5;
	}
}
@media (max-width: 1024px) {
	#footer {
		padding: 45px 0;
	}
	.footermain {
		flex-wrap: wrap;
	}
	.footerbtn {
		width: 100%;
		margin: 25px 0;
	}
	.footerbtn .btncta {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	.footerlink,
	.copyright {
		width: 50%;
		margin-left: 0;
	}
}
@media (max-width: 767px) {
	#footer {
		padding: 60px 0 90px;
	}
	.footermain {
		padding: 0 10px;
	}
	.footerlogo {
		width: 132px;
	}
	.footeraddr {
		margin: 45px 0;
		width: 100%;
		font-size: 12px;
		line-height: 1.6;
	}
	.footerbtn {
		margin: 0 0 32px;
	}
	.footerbtn .btncta {
		font-size: 14px;
	}
	.footerlink a,
	.copyright {
		font-size: 12px;
	}
}

/* public
----------------------------------------------- */
.btnlink {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 240px;
	height: 60px;
	font-family: "Zen Old Mincho", serif;
	font-size: 15px;
	color: #c2bfb2;
	line-height: 58px;
	text-align: center;
	border: 1px solid #8d8e90;
}
.btnlink::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	display: block;
	width: 28px;
	height: 8px;
	background: url(../img/ico_arrow.png) center / contain no-repeat;
	transform: translateY(-50%);
	transition: right 0.3s linear;
}
.inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}
@media screen and (min-width: 1025px) {
	.btnlink:hover::after {
		right: 10px;
	}
}
@media (max-width: 767px) {
	.btnlink {
		width: 180px;
		height: 46px;
		font-size: 13px;
		line-height: 44px;
		padding-right: 10px;
	}
	.btnlink::after {
		right: 10px;
		display: block;
		width: 22px;
		height: 6px;
	}
	.inner {
		padding: 0 20px;
	}
}
/* top
----------------------------------------------- */
.pagemvinner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}
.pagemvmain {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center;
}
.pagemvmsg {
	width: 410px;
	text-align: center;
}
.pagemvlogo {
	display: inline-block;
	margin-top: 48px;
	max-width: 294px;
}
.pagemvlink {
	margin-top: min(10vw, 120px);
}
.pagemvpic {
	width: 790px;
	padding-left: min(24px, 2vw);
}
@media (max-width: 1024px) {
	.pagemv {
		padding-top: 60px;
	}
}
@media (max-width: 767px) {
	.pagemv {
		padding-top: 50px;
	}
	.pagemvpic {
		padding: 0;
		width: 74.4vw;
		margin: 0 auto;
	}
	.pagemvmsg {
		width: 100%;
		margin-top: -9.33333vw;
	}
	.pagemvlogo {
		margin-top: 5.33333vw;
		max-width: 48vw;
	}
	.pagemvlink {
		margin-top: 9.33333vw;
	}
	.pagemvhd img {
		width: 29.86667vw;
	}
}
.pagetrusthd {
	padding: 10px 0 56px;
	text-align: center;
}
.pagetrusthd .sub {
	margin-top: 24px;
	font-size: 26px;
	color: #ede5da;
}
.trustslick {
	padding: 0 85px;
	margin-bottom: 70px;
	display: flex;
}
.trustslick .slickitem {
	flex: none;
	width: 100%;
	padding: 0 15px;
}
.pagetrustcard {
	height: 100%;
	padding: 38px 6.8% 50px;
	color: #baae8f;
	background-color: #111118;
	border-radius: 8px;
}
.pagetrustcard .hd {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 11px;
}
.pagetrustcard .hd::before {
	content: "";
	width: 15px;
	height: 1px;
	margin-right: 6px;
	background-color: #baae8f;
}
.pagetrustcard .hd .num {
	font-size: 54px;
	line-height: 1;
	margin-left: 20px;
}
.pagetrustcard .bd {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.pagetrustcard .tit {
	width: 28.93519%;
	font-size: 30px;
	font-size: min(2.53906vw, 30px);
	line-height: 1.1;
}
.pagetrustcard .tit_tag {
	display: block;
	width: 140px;
	border: 1px solid #baae8f;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	color: #baae8f;
	margin-bottom: 22px;
}
.pagetrustcard .txt {
	width: 28.93519%;
	font-size: 14px;
	line-height: 1.86;
}
.pagetrustcard .pic {
	order: 2;
	width: 30.0926%;
}

.pagetrustcard .video {
	width: calc(570 / 864 * 100%);
	position: relative;
}

.pagetrustcard .video video {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.pagetrustcard .video .video_btn {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	aspect-ratio: 1;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.pagetrustcard .video .video_btn {
		cursor: pointer;
	}
}

@media (max-width: 1024px) {
	.pagetrusthd img {
		width: 35.85714vw;
	}
	.pagetrusthd .sub {
		font-size: 18px;
	}
	.trustslick {
		padding: 0 55px;
	}
	.pagetrustcard .bd {
		display: block;
	}
	.pagetrustcard .tit {
		width: 100%;
		font-size: 22px;
	}
	.pagetrustcard .pic {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.pagetrustcard .pic img {
		display: inline-block;
	}

	.pagetrustbd .video {
		width: 100%;
		margin-top: 80px;
	}

	.pagetrustcard .txt {
		width: 100%;
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	.pagemvmain {
		display: block;
	}
	.pagetrusthd {
		padding: 50px 0 36px;
	}
	.pagetrusthd img {
		width: 60.66667vw;
	}
	.pagetrusthd .sub {
		font-size: 12px;
		line-height: 1.75;
	}
	.trustslick {
		padding: 0;
		margin: 0 -20px 68px;
	}
	.trustslick .slick-list {
		padding: 0 35px;
	}
	.trustslick .slickitem {
		padding: 0 5px;
	}
	.pagetrustcard {
		padding: 25px 30px;
		border-radius: 4px;
	}
	.pagetrustcard .hd .num {
		font-size: 30px;
		margin-left: 10px;
	}
	.pagetrustcard .bd {
		margin-top: 18px;
	}
	.pagetrustcard .tit {
		font-size: 15px;
	}
	.pagetrustcard .tit_tag {
		display: block;
		width: 140px;
		border: 1px solid #baae8f;
		font-size: 14px;
		padding: 10px;
		text-align: center;
		color: #baae8f;
		margin-bottom: 15px;
	}

	.pagetrustcard .txt {
		font-size: 12px;
		line-height: 1.58;
		margin-top: 20px;
	}
	.pagetrustcard .pic {
		margin-top: 20px;
	}
	.pagetrustbd .video {
		width: 100%;
		margin-top: 80px;
	}
}



.pagetrustcard .video .video_btn {
	width: 35px;
}


.pagectamain {
	padding: 0 6.16667% 50px;
	background: linear-gradient(0deg, #9f8d56, #c6bca8);
	border: 1px solid #5e4911;
}
.pagectahd {
	padding: 30px 0;
	text-align: center;
}
.pagectahd .tit {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.6;
	color: #0e0e18;
}
.pagectarow {
	display: flex;
	column-gap: 50px;
}
.pagectarow .btncta {
	width: 500px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f7f0e6;
	box-shadow: 10px 10px 10px 10px rgba(56, 48, 28, 0.1);
}
.pagectamsg {
	margin-top: 32px;
	display: flex;
	align-items: center;
	background-color: #f7f0e6;
}
.pagectamsg .bd {
	width: 550px;
	width: 52.38096%;
	padding: 36px 0;
	text-align: center;
}
.pagectamsg .bd .ttl {
	font-size: 30px;
	font-weight: 600;
	color: #201b17;
	line-height: 1.7;
}
.pagectamsg .bd .txt {
	font-size: 14px;
	color: #8c7a67;
	line-height: 1.86;
}
.pagectamsg .bd .sub {
	font-size: 12px;
	color: #201b17;
	margin-top: 5px;
}
.pagectamsg .btncta {
	position: relative;
	width: 438px;
	width: 41.71429%;
	height: 92px;
	font-size: 18px;
	line-height: 92px;
	color: #201b17;
	text-align: center;
	background-color: #cac1ab;
}
.pagectamsg .btncta::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	width: 8px;
	height: 28px;
	background: url(../img/ico_arrow_down.png) center / contain no-repeat;
	transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
	.pagectarow .btncta:hover,
	.pagectamsg .btncta:hover {
		opacity: 0.5;
	}
}
@media (max-width: 1024px) {
	.pagectahd .tit {
		font-size: 22px;
	}
	.pagectarow {
		column-gap: 25px;
	}
	.pagectarow .btncta {
		height: 100px;
		padding: 0 30px;
	}
	.pagectamsg .bd {
		padding: 28px 0;
	}
	.pagectamsg .bd .ttl {
		font-size: 22px;
	}
	.pagectamsg .bd .txt {
		font-size: 13px;
	}
	.pagectamsg .btncta {
		height: 68px;
		line-height: 68px;
		font-size: 14px;
		padding-right: 5px;
	}
	.pagectamsg .btncta::after {
		right: 15px;
		width: 6px;
		height: 24px;
	}
}
@media (max-width: 767px) {
	.pagectamain {
		padding: 20px 24px 25px;
	}
	.pagectahd {
		padding: 0 0 10px;
		text-align: center;
	}
	.pagectahd .tit {
		font-size: 15px;
	}
	.pagectarow {
		flex-direction: column;
		row-gap: 15px;
	}
	.pagectarow .btncta {
		width: 100%;
		height: auto;
		padding: 0;
		display: block;
		box-shadow: 5px 5px 5px 5px rgba(56, 48, 28, 0.1);
	}
	.pagectamsg {
		margin-top: 22px;
		padding: 0 18px 25px;
		display: block;
	}
	.pagectamsg .bd {
		width: 100%;
		padding: 20px 0;
	}
	.pagectamsg .bd .ttl {
		font-size: 18px;
		line-height: 1.5;
	}
	.pagectamsg .bd .txt {
		font-size: 12px;
		line-height: 1.2;
		margin-top: 5px;
	}
	.pagectamsg .bd .sub {
		font-size: 11px;
	}
	.pagectamsg .btncta {
		display: block;
		width: 100%;
		height: 45px;
		font-size: 12px;
		line-height: 45px;
	}
	.pagectamsg .btncta::after {
		right: 20px;
		width: 6px;
		height: 20px;
	}
}
.pagebuyhd {
	padding: 40px 0;
	text-align: center;
}
.pagebuyhd .tit {
	font-size: 26px;
	line-height: 1.6;
	color: #ede5da;
}
.buyslick {
	max-width: 1050px;
	padding: 0 min(115px, 7.32422vw);
	display: flex;
	margin: 0 auto 170px;
}
.buyslick .slickitem {
	flex: none;
	width: 100%;
	padding: 0 15px;
}
.buyslick .slick-dots {
	bottom: -50px;
}
.pagebuycard {
	height: 100%;
	padding: 24px min(4.6875vw, 60px) 50px;
	background-color: #ede5da;
	border-radius: 8px;
}
.pagebuycard .hd {
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 11px;
	color: #9b835c;
}
.pagebuycard .hd::before {
	content: "";
	width: 15px;
	height: 1px;
	margin-right: 6px;
	background-color: #baae8f;
}
.pagebuycard .hd .num {
	font-size: 54px;
	line-height: 1;
	margin-left: 20px;
}
.pagebuycard .bd {
	position: relative;
	display: grid;
	grid-template-columns: auto 225px;
	grid-template-rows: auto 1fr;
	column-gap: 30px;
	margin-top: 15px;
}
.pagebuycard .tit {
	grid-column: 1 / 2;
	font-size: 26px;
	line-height: 1.1;
	color: #9b835c;
}
.pagebuycard .txt {
	grid-column: 1 / 2;
	font-size: 14px;
	line-height: 1.86;
	color: #3a3632;
	margin-top: 30px;
}
.pagebuycard .pic {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	width: 225px;
}
.pagebuycard .fd {
	display: flex;
	column-gap: 5px;
	margin-top: 32px;
}
.pagebuycard .fd .labs {
	flex: 1;
	padding: 0 25px;
	height: 55px;
	display: flex;
	align-items: center;
	column-gap: 20px;
	background-color: #f7f0e6;
}
.pagebuycard .fd .labs .item {
	padding-left: 20px;
	font-size: 12px;
	color: #3a3632;
	background: url(../img/ico_right.png) left center no-repeat;
}
.pagebuycard .fd .btncta {
	flex: none;
	position: relative;
	width: 158px;
	height: 55px;
	font-size: 14px;
	line-height: 55px;
	color: #201b17;
	text-align: center;
	background-color: #cac1ab;
}
.pagebuycard .fd .btncta::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	width: 5px;
	height: 16px;
	background: url(../img/ico_arrow_down_sm.png) center / contain no-repeat;
	transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
	.pagebuycard .fd .btncta:hover {
		opacity: 0.5;
	}
}
@media (max-width: 1024px) {
	.pagebuyhd {
		padding: 25px 0 40px;
	}
	.pagebuyhd .tit {
		font-size: 19px;
		line-height: 1.2;
	}
	.buyslick {
		padding: 0 55px;
		margin-bottom: 100px;
	}
	.pagebuycard .bd {
		display: block;
	}
	.pagebuycard .pic {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.pagebuycard .pic img {
		display: inline-block;
	}
	.pagebuycard .tit {
		font-size: 20px;
	}
	.pagebuycard .fd {
		display: block;
		margin-top: 20px;
	}
	.pagebuycard .fd .labs {
		width: 100%;
		height: auto;
		display: block;
		padding: 10px 20px;
	}
	.pagebuycard .fd .labs .item {
		padding-left: 20px;
		line-height: 2;
	}
	.pagebuycard .fd .btncta {
		display: block;
		width: 100%;
		margin-top: 15px;
	}
}
@media (max-width: 767px) {
	.buyslick {
		padding: 0;
		margin: 0 -20px 100px;
	}
	.buyslick .slick-list {
		padding: 0 35px;
	}
	.buyslick .slickitem {
		padding: 0 5px;
	}
	.pagebuycard {
		padding: 20px 20px 38px;
		border-radius: 4px;
	}
	.pagebuycard .hd .num {
		font-size: 30px;
		margin-left: 10px;
	}
	.pagebuycard .bd {
		margin-top: 15px;
	}
	.pagebuycard .tit {
		font-size: 15px;
	}
	.pagebuycard .txt {
		font-size: 13px;
		line-height: 1.6;
		margin-top: 25px;
	}
	.pagebuycard .pic {
		margin-top: 25px;
	}
	.pagebuycard .fd {
		margin-top: 20px;
	}
	.pagebuycard .fd .labs {
		padding: 10px 25px;
	}
	.pagebuycard .fd .labs .item {
		padding-left: 24px;
		line-height: 2;
		background-size: 14px auto;
	}
	.pagebuycard .fd .btncta {
		display: block;
		margin-top: 5px;
		width: 100%;
		height: 45px;
		font-size: 12px;
		line-height: 45px;
	}
	.pagebuycard .fd .btncta::after {
		right: 20px;
	}
}

.pageprodhd {
	padding: 125px 0 50px;
	text-align: center;
}
.pageprodhd .tit {
	font-size: 30px;
	font-weight: 600;
	color: #e4d8c9;
}
.pageprodtab {
	display: flex;
	align-items: flex-start;
	column-gap: 28px;
	position: relative;
	z-index: 1;
}
.pageprodtab .item {
	flex: 1;
	position: relative;
	padding: 18px 26px;
	font-size: 18px;
	text-transform: uppercase;
	color: #828180;
	border-bottom: 1px solid #828180;
	cursor: pointer;
}
.pageprodtab .item.active {
	color: #e4d8c9;
	border-bottom: 3px solid #e4d8c9;
}
.pageprodtab .item.active::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	display: block;
	width: 25px;
	height: 14px;
	background-color: #e4d8c9;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	transform: translateX(-50%);
}
.pageprodbd {
	padding: 110px 0 90px;
}
.pageproclass {
	display: none;
}
.pageproclass.show {
	display: block;
}
.pageprolist {
	display: flex;
	flex-wrap: wrap;
	column-gap: 92px;
	row-gap: 100px;
	justify-content: center;
}
.pageproitem {
	position: relative;
	padding-bottom: 80px;
	width: 231px;
	width: calc(25% - 69px);
	color: #f8efe3;
	text-align: center;
}
.pageproitem:nth-child(n + 9) {
	display: none;
}
.pageproitem .pic {
	width: 100%;
	height: 450px;
	height: min(37.5vw, 450px);
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
/*.pageproitem .pic img {
  max-height: 100%;
}*/
.baglist {
	row-gap: 50px;
}
.baglist .pageproitem .pic {
	height: min(31vw, 370px);
}
.jewelrylist .pageproitem .pic {
	align-items: center;
}
.pageproitem .des {
	margin-top: 10px;
}
.pageproitem .des .tit {
	font-size: 20px;
	line-height: 1.2;
}
.pageproitem .des .txt {
	font-size: 13px;
	line-height: 1.23;
	margin-top: 8px;
}
.pageproitem .fob {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.pageproitem .fob .lab {
	max-width: 202px;
	height: 22px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #47494b;
}
.pageproitem .fob .price {
	font-size: 15px;
	margin-top: 5px;
}
.pageproitem .fob .price .num {
	font-size: 28px;
}
.pagepromore {
	margin-top: 100px;
	text-align: center;
}
.pagepromore .btnmore {
	position: relative;
	display: inline-block;
	width: 500px;
	height: 70px;
	font-size: 20px;
	color: #f8efe3;
	line-height: 68px;
	background-color: transparent;
	border: 1px solid #f8efe3;
	cursor: pointer;
}
.pagepromore .btnmore::after {
	content: "+";
	position: absolute;
	right: 36px;
	top: 50%;
	display: block;
	font-size: 26px;
	color: #f8efe3;
	transform: translateY(-50%);
}
@media screen and (min-width: 1025px) {
	.pageprodtab .item:hover {
		color: #e4d8c9;
		border-bottom: 3px solid #e4d8c9;
	}
}
@media (max-width: 1024px) {
	.pageprodhd {
		padding: 75px 0 30px;
	}
	.pageprodbd {
		padding: 65px 0 55px;
	}
	.pageprolist {
		column-gap: 40px;
		row-gap: 60px;
	}
	.pageproitem {
		width: calc(25% - 30px);
	}
	.pageproitem .fob .price .num {
		font-size: 24px;
	}
	.pageproitem .des .tit {
		font-size: 16px;
	}
	.pageproitem .des .txt {
		font-size: 12px;
	}
	.pagepromore {
		margin-top: 60px;
	}
	.pagepromore .btnmore {
		width: 376px;
		height: 54px;
		line-height: 52px;
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.pageprodhd {
		padding: 60px 0 30px;
	}
	.pageprodhd .tit {
		font-size: 20px;
	}
	.pageprodtab .item {
		padding: 5px 0;
		font-size: 13px;
		text-align: center;
	}
	.pageprodtab .item.active {
		border-bottom-width: 2px;
	}
	.pageprodtab .item.active::after {
		top: calc(100% + 1px);
		width: 15px;
		height: 8px;
	}
	.pageprodbd {
		padding: 60px 0;
	}
	.pageprolist {
		column-gap: 0;
		row-gap: 40px;
	}
	.pageproitem {
		padding: 0 15px 70px;
		width: 50%;
	}
	.pageproitem:nth-child(n + 9) {
		display: none;
	}
	.pageproitem .pic {
		width: 100%;
		height: 60vw;
	}
	.pageproitem .pic img {
		max-width: 30vw;
		width: auto;
		/*max-height: 100%;*/
	}
	/*.baglist .pageproitem .pic img {  
    max-width: 20vw;
  }*/
	.pageproitem .des .tit {
		font-size: 17px;
		line-height: 1.2;
	}
	.pageproitem .des .txt {
		font-size: 11px;
		line-height: 1.36;
		margin-top: 5px;
	}
	.pageproitem .fob .lab {
		max-width: 130px;
		font-size: 11px;
	}
	.pageproitem .fob .price {
		font-size: 12px;
		margin-top: 5px;
	}
	.pageproitem .fob .price .num {
		font-size: 23px;
	}
	.pagepromore {
		margin-top: 45px;
	}
	.pagepromore .btnmore {
		width: 100%;
		max-width: 285px;
		height: 46px;
		font-size: 12px;
		line-height: 44px;
	}
	.pagepromore .btnmore::after {
		right: 20px;
		font-size: 14px;
	}
}
.evaluate {
	padding: 50px 0 135px;
	margin-top: 90px;
	background: #ede5da;
}
.evaluatehd {
	margin-bottom: 30px;
	text-align: center;
}
.evaluatehd .tit {
	text-align: center;
	font-size: 30px;
	line-height: 1.8;
	color: #201b17;
}
.evaluateMain .slick-slide {
	padding: 0 25px;
	outline: none;
}
.evaluateMain .slick-dots {
	bottom: -70px;
}
.evaluateBox {
	height: 100%;
	background: #f7f0e6;
	padding: 40px 40px 40px 0;
	display: flex;
	align-items: flex-start;
}
.evaluateLeft {
	padding-top: 10px;
	width: 245px;
	padding: 0 20px;
	max-width: 40%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}
.evaluatehead {
	margin-bottom: 20px;
}
.evaluatedet {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #9b835c;
	text-align: center;
}
.evaluatestar {
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	color: #9b835c;
}
.evaluateLeft p:nth-child(1) span:nth-child(1) {
	margin-right: 25px;
}
.evaluateLeft p:nth-child(3) {
	color: #9b835c;
	font-size: 18px;
}
.evaluateRight p {
	color: #9b835c;
	font-size: 14px;
	line-height: 24px;
}
.evaluateRight p:last-child {
	color: #3a3632;
	line-height: 28px;
	margin-top: 30px;
}
.evaluateMain .slick-dots li:before {
	color: #fff;
}
.evaluateMain .slick-dots li.slick-active:before {
	color: #9b835c;
}
.evaluateMain .slick-dots li {
	margin: 0 10px;
}
.evaluateMain .slick-dots li button {
	background-color: #fff;
}
.evaluateMain .slick-dots li.slick-active button {
	background-color: #9b835c;
}
@media (max-width: 1024px) {
	.evaluateMain .slick-slide {
		padding: 0 15px;
	}
}
@media (max-width: 767px) {
	.evaluate {
		padding: 20px 0 85px;
	}
	.evaluateMain {
		display: block;
	}
	.evaluateMain .slick-slide {
		padding: 0 5px;
	}
	.evaluateBox {
		padding: 20px;
		display: block;
	}
	.evaluateLeft {
		padding-top: 0;
		width: auto;
		padding: 0;
		max-width: none;
		flex-direction: row;
		margin-bottom: 20px;
	}
	.evaluatehead {
		margin: 0 30px 0 0;
		flex-shrink: 0;
	}
	.evaluatedet {
		text-align: left;
		font-size: 13px;
	}
	.evaluatestar {
		text-align: left;
		font-size: 15px;
	}
	.evaluateRight p,
	.evaluateRight p:last-child {
		font-size: 13px;
		line-height: 20px;
	}
	.evaluateRight p:last-child {
		margin-top: 15px;
	}
	.evaluateMain .slick-dots {
		bottom: -50px;
	}
	.evaluatehd .tit {
		font-size: 19px;
	}
}
.pageaddr {
	padding: 105px 0;
}
.pageaddrmain {
	max-width: 1056px;
	margin: 0 auto;
	padding: 70px 11.25% 105px;
	background-color: #f7f0e6;
}
.pageaddrmain .tit {
	font-size: 28px;
	font-weight: 600;
	color: #201b17;
	text-align: center;
}
.pageaddrbd {
	margin-top: 50px;
	display: flex;
	column-gap: 36px;
}
.pageaddrinfo {
	width: 378px;
}
.pageaddrinfo .item {
	display: flex;
	padding: 22px 10px;
	border-bottom: 1px solid #baae8f;
}
.pageaddrinfo .item .label {
	width: 115px;
	font-size: 15px;
	line-height: 2;
	color: #9b835c;
	letter-spacing: 0.12em;
}
.pageaddrinfo .item .txt {
	font-size: 15px;
	line-height: 2;
	color: #201b17;
}
.pageaddrinfo .item .link {
	margin-top: 20px;
}
.pageaddrmap {
	margin-top: 40px;
}
.mapframe {
	display: block;
	width: 100%;
	height: 326px;
	border: 0;
	background-color: #fff;
}
@media screen and (min-width: 1025px) {
	.pageaddrinfo .item .link a:hover {
		opacity: 0.5;
	}
}
@media (max-width: 1024px) {
	.pageaddr {
		padding: 65px 0;
	}
	.pageaddrmain {
		padding: 45px 40px 65px;
		background-color: #f7f0e6;
	}
	.pageaddrbd {
		column-gap: 24px;
	}
	.pageaddrbd .pic {
		width: 42%;
	}
	.pageaddrinfo .item {
		padding: 16px 8px;
	}
	.pageaddrinfo .item .txt {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.pageaddr {
		padding: 45px 0;
	}
	.pageaddrmain {
		padding: 40px 25px 28px;
	}
	.pageaddrmain .tit {
		font-size: 19px;
		line-height: 1.2;
	}
	.pageaddrbd {
		margin-top: 35px;
		display: block;
	}
	.pageaddrbd .pic {
		width: 100%;
		text-align: center;
	}
	.pageaddrinfo {
		width: 100%;
	}
	.pageaddrinfo .item {
		display: flex;
		padding: 12px 8px;
	}
	.pageaddrinfo .item .label {
		width: 96px;
		font-size: 13px;
		line-height: 1.7692;
	}
	.pageaddrinfo .item .txt {
		font-size: 13px;
		line-height: 1.7692;
	}
	.pageaddrinfo .item .link {
		margin-top: 0;
		padding: 12px 0;
	}
	.pageaddrmap {
		margin-top: 20px;
	}
	.mapframe {
		height: max(150px, 40vw);
	}
}
.raise {
	background: #555a57;
	padding: 65px 0 85px;
}
.raisetit {
	font-size: 30px;
	line-height: 1.4;
	color: #eee5da;
	text-align: center;
	margin-bottom: 60px;
}
.raiseMain {
	padding: 0 20px;
	max-width: 1120px;
	margin: 0 auto 50px;
}
.raiseMain ul {
	display: flex;
	justify-content: center;
	column-gap: 4.16667%;
}
.raiseMain li {
	width: 330px;
}
.raiseTitle p:nth-child(1) {
	font-size: 20px;
	color: #9b835c;
	margin: 20px 0;
}
.raiseTitle p:nth-child(2) {
	font-size: 20px;
	line-height: 1.5;
	color: #f3f2e7;
	font-weight: 700;
	margin-bottom: 40px;
}
.raiseTitle p:nth-child(3) {
	font-size: 14px;
	color: #b1b1a7;
	line-height: 26px;
}
.raiseNeed {
	width: 500px;
	margin: 0 auto 80px;
}
.raiseNeedTop {
	border-top: 1px solid #b1b1a7;
	border-bottom: 1px solid #b1b1a7;
	padding: 15px 0;
	margin-bottom: 30px;
}
.raiseNeedTop p {
	color: #f3f2e7;
	text-align: center;
}
.raiseNeedTop p:nth-child(1) {
	font-weight: 700;
	font-size: 20px;
	line-height: 34px;
}
.raiseNeedTop p:nth-child(2) {
	font-size: 18px;
	line-height: 26px;
}
.raiseNeed ul {
	display: flex;
	flex-wrap: wrap;
}
.raiseNeed li {
	font-size: 18px;
	color: #f3f2e7;
}
.raiseNeed li:nth-child(1),
.raiseNeed li:nth-child(3) {
	width: 70%;
}
.raiseNeed li:nth-child(2),
.raiseNeed li:nth-child(4) {
	width: 30%;
}
.raiseCollect {
	background: #f7f0e6;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.raiseCollectLeft {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
.raiseCollectRight {
	flex-shrink: 0;
	margin-left: 10px;
}
.raiseCollectLeft p:nth-child(1) {
	font-size: 16px;
	color: #201b17;
	margin-bottom: 20px;
}
.raiseCollectLeft p:nth-child(2) {
	display: flex;
	align-items: center;
	color: #201b17;
	font-weight: 400;
	font-size: 50px;
	line-height: 1;
	margin-bottom: 5px;
}
.raiseCollectLeft p:nth-child(2) img {
	margin-right: 20px;
}
.raiseCollectLeft p:nth-child(3) {
	font-size: 13px;
	color: #201b17;
	text-align: center;
}
.raiseCollectRight a {
	display: block;
	height: 92px;
	line-height: 92px;
	width: 360px;
	background: #cac1ab;
	color: #201b17;
	font-size: 18px;
	text-align: center;
	position: relative;
	padding-right: 18px;
}
.raiseCollectRight a .ico {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 15px 5px 0;
	background: url(../img/ico_line.png) center / contain no-repeat;
}
.raiseCollectRight a::before {
	position: absolute;
	content: "";
	background: url(../img/ico_arrow_bk.png) center / contain no-repeat;
	width: 28px;
	height: 8px;
	right: 35px;
	top: 50%;
	margin-top: -4px;
	transition: all 0.3s linear;
	z-index: 0;
}
.raiseCollectRight a:hover:before {
	right: 25px;
}
@media (max-width: 1024px) {
	.raiseCollect {
		width: 95%;
		padding: 30px 20px;
		justify-content: center;
	}
	.raiseCollectLeft {
		flex: auto;
	}
	.raiseCollectLeft p:nth-child(2) {
		font-size: 40px;
	}
	.raiseCollectRight {
		flex: auto;
		text-align: center;
	}
	.raiseCollectRight a {
		display: inline-block;
		width: 280px;
		height: 70px;
		line-height: 70px;
	}
	.raiseCollectLeft p:nth-child(1) {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.raiseCollectRight a::before {
		right: 20px;
	}
}
@media (max-width: 767px) {
	.raise {
		padding: 50px 0;
	}
	.raise .methodTitle {
		margin-bottom: 5px;
	}
	.raisetit {
		font-size: 19px;
		margin-bottom: 30px;
	}
	.raiseMain {
		margin-bottom: 50px;
	}
	.raiseMain ul {
		flex-wrap: wrap;
		margin-bottom: -45px;
	}
	.raiseMain li {
		width: 100%;
		margin-bottom: 65px;
	}
	.raiseImg {
		text-align: center;
	}
	.raiseImg img {
		width: 260px;
	}
	.raiseTitle p:nth-child(1) {
		font-size: 17px;
		margin-bottom: 0;
		margin-top: 15px;
	}
	.raiseTitle p:nth-child(2) {
		font-size: 17px;
		margin: 10px 0 20px;
	}
	.raiseTitle p:nth-child(3) {
		font-size: 13px;
	}
	.raiseNeed {
		width: 100%;
		padding: 0 20px;
		margin-bottom: 50px;
	}
	.raiseNeedTop {
		padding: 7px 0;
		margin-bottom: 15px;
	}
	.raiseNeedTop p:nth-child(1) {
		font-size: 14px;
		line-height: 26px;
	}
	.raiseNeedTop p:nth-child(2) {
		font-size: 13px;
		line-height: 22px;
	}
	.raiseNeed ul {
		padding: 0 25px;
		justify-content: space-between;
		margin-bottom: -10px;
	}
	.raiseNeed li {
		font-size: 14px;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	.raiseNeed li:nth-child(1),
	.raiseNeed li:nth-child(3) {
		width: 60%;
	}
	.raiseNeed li:nth-child(2),
	.raiseNeed li:nth-child(4) {
		width: 30%;
	}
	.raiseCollect {
		width: calc(100% - 40px);
		flex-wrap: wrap;
		justify-content: center;
		padding: 25px;
	}
	.raiseCollectLeft p:nth-child(1) {
		font-size: 12px;
		text-align: center;
		margin-bottom: 10px;
	}
	.raiseCollectLeft p:nth-child(2) {
		font-size: 21px;
		justify-content: center;
		line-height: 28px;
	}
	.raiseCollectLeft p:nth-child(3) {
		font-size: 11px;
		padding-left: 30px;
	}
	.raiseCollectLeft p:nth-child(2) img {
		width: 16px;
		height: 28px;
		margin-right: 10px;
	}
	.raiseCollectLeft {
		width: 100%;
	}
	.raiseCollectRight {
		width: 100%;
		margin-top: 15px;
	}
	.raiseCollectRight a {
		width: 100%;
		font-size: 12px;
		line-height: 45px;
		height: 45px;
	}
	.raiseCollectRight a::before {
		width: 20px;
		height: 6px;
		right: 20px;
		margin-top: -3px;
	}
}

.pagebannr {
	display: none;
}
@media (max-width: 767px) {
	.pagebannr {
		display: block;
	}
	.fixedbannr {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 98;
		width: 100%;
		height: 55px;
		padding-left: 100px;
		background: linear-gradient(0deg, #9f8d56, #c6bca8);
	}
	.fixedbannr::after {
		content: "";
		position: absolute;
		right: 20px;
		top: 24px;
		display: block;
		width: 22px;
		height: 6px;
		background: url(../img/ico_arrow_wh.png) center / contain no-repeat;
	}
	.fixedbannr .pic {
		position: absolute;
		left: 20px;
		bottom: 4px;
		width: 68px;
	}
	.fixedbannr .des {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.fixedbannr .des .ttl {
		font-size: 15px;
		font-weight: 700;
		line-height: 1.2;
		color: #201b16;
	}
	.fixedbannr .des .sub {
		font-size: 11px;
		text-transform: uppercase;
		color: #e1daca;
	}
	.fixedpuppr {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 99;
		width: 100%;
		height: 100vh;
		display: none;
	}
	.fixedpupprcover {
		width: 100%;
		height: 100%;
		background-color: rgba(38, 38, 38, 0.8);
	}
	.fixedpupprmain {
		position: absolute;
		left: 50%;
		top: 50%;
		width: calc(100% - 40px);
		max-width: 670px;
		padding: 24px;
		background: linear-gradient(0deg, #9f8d56, #c6bca8);
		border: 1px solid #5e4911;
		transform: translate(-50%, -50%);
	}
	.fixedpupprmain .tit {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.6;
		color: #0e0e18;
		text-align: center;
	}
	.fixedpupprbd {
		margin-top: 18px;
		display: flex;
		flex-direction: column;
		row-gap: 15px;
	}
	.fixedpupprbd .btncta {
		display: block;
		width: 100%;
		background-color: #f7f0e6;
		box-shadow: 5px 5px 5px 5px rgba(56, 48, 28, 0.1);
	}
	.fixedpupprmain .btnclose {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 17px;
		height: 17px;
		background: url(../img/ico_closed.png) center / contain no-repeat;
	}
}
.purchase {
	display: none;
	position: fixed;
	right: 0;
	top: 50%;
	/* transform: translateY(-50%); */
	z-index: 2;
}
.purchase a {
	width: 180px;
	height: 210px;
	padding: 0 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to bottom, #c6bca8, #9f8d56);
}
.purchase p:nth-child(2) {
	font-size: 21px;
	color: #201b16;
	font-weight: 700;
	line-height: 30px;
	margin: 5px 0;
}
.purchase p:nth-child(3) {
	font-size: 10px;
	color: #c9bb93;
	line-height: 10px;
}
.purchaseTxt {
	font-family: Trajan Pro, sans-serif;
}
.purchase a:before {
	position: absolute;
	content: "";
	background: url(../img/ico_arrow_wh2.png) 0 0 / contain no-repeat;
	width: 27px;
	height: 8px;
	right: 15px;
	bottom: 12px;
	left: 50%;
	margin-left: -13px;
	transition: all 0.2s !important;
	-moz-transition: all 0.2s !important;
	-webkit-transition: all 0.2s !important;
	z-index: 0;
}
.purchase a:hover:before {
	left: 53%;
	transition: all 0.2s !important;
	-moz-transition: all 0.2s !important;
	-webkit-transition: all 0.2s !important;
}
@media (max-width: 767px) {
	.purchase {
		display: none !important;
		opacity: 0 !important;
		right: -9999px;
	}
}










/* slick-theme */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	top: calc(50% - 21px);
	z-index: 1;
	display: block;
	width: 42px;
	height: 42px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: 1px solid #8f8d8b;
	outline: none;
	background: url(../img/ico_arrow_sm.png) center no-repeat;
}
.slick-prev {
	left: 30px;
	transform: rotateY(180deg);
}
.slick-next {
	right: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -30px;
	left: 0;
	display: block;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 18px;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 9px;
	height: 9px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #414158;
	border-radius: 50%;
}
.slick-dots li.slick-active button {
	background: #ede5da;
}
.slick-slider .slick-track {
	display: flex;
}
.slick-slide {
	height: auto;
}
@media (max-width: 1024px) {
	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}
}
@media (max-width: 767px) {
	.slick-prev,
	.slick-next {
		top: calc(50% - 38px);
		width: 30px;
		height: 30px;
	}
	.slick-prev {
		left: 2px;
		transform: rotateY(180deg);
	}
	.slick-next {
		right: 2px;
	}
	.slick-prev:before,
	.slick-next:before {
		top: 10px;
		left: 8px;
	}

	.slick-dots li {
		margin: 0 15px;
	}
	.slick-dots li button {
		width: 7px;
		height: 7px;
	}
}

.insta-banner {
	display: block;
	margin-top: 50px;
	text-align: center;
}
