@charset "utf-8";
.section_area{
	width: 100%;
	position: relative;
	opacity: 0;
	transition: opacity 1s ease;
	transition-delay: .8s;
}
.section_area.is-ani{
	opacity: 1;
}
.ani-fade.js-scrani,
.section_area.js-scrani{
	opacity: 0;
	filter: blur(15px);

	transition: all .8s ease;
	transition-delay: .2s;
}
.ani-fade.is-ani,
.section_area.is-ani{
	opacity: 1;
	filter: blur(0);
}

/*-----------------------------------------------
 * Blu-ray&DVD
-------------------------------------------------*/
.pkgArea{
	position: relative;
	padding-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: relative;
	z-index: 10;
}
.pkgArea .area__inner{
	margin: 0 auto;
}
.pkgCont{
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: min(calc(80 / var(--vw-min) * 100vw),80px) auto 0;
}
@media screen and (max-width:767px){ 
	.pkgArea .area__inner{
		width: 100%;
		padding: calc(224 / var(--vw-min) * 100vw) 0 0;
	}
	.pkgCont{
		width: 100%;
	}
}

/* ttl */
.sub .pkg__ttl{
	position: relative;
	margin-bottom:min(calc(34 / var(--vw-min) * 100vw),34px);
}
.pkg__ttl_en{
	display: block;
	background: url(../img/common/title/ttl_pkg_en.svg)no-repeat center center / contain;
	width: min(calc(378 / var(--vw-min) * 100vw),378px);
	height: min(calc(62/ var(--vw-min) * 100vw),62px);
}
.section__ttl_jp{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){ 
	.sub .pkg__ttl{
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: calc(88 / var(--vw-min)* 100vw);
	}
	.pkg__ttl_en{
		width: calc(488 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
		margin-bottom: calc(10 / var(--vw-min)* 100vw);
	}
	.section__ttl_jp{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.pageTtl__deco{
	display: block;
	width: 100%;
	height: min(calc(10 / var(--vw-min) * 100vw),10px);
	background: url(../img/common/deco/section_ttl_deco.png) no-repeat center bottom;
    background-size: min(calc(34 / var(--vw-min) * 100vw), 34px) auto;
	position: relative;
}
.pageTtl__deco:before,
.pageTtl__deco::after{
	z-index: 1;
	position: absolute;
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	left: 0;
	content: "";
	height: 1px;
	width: calc(50% - min(calc(30 / var(--vw-min) * 100vw), 30px));
	background-color:#B79487;
}
.pageTtl__deco:before{
		left: unset;
		right: 0;
}
@media screen and (max-width: 767px) {
	.pageTtl__deco{
		height:calc(18 / var(--vw-min) * 100vw);
		background-size:calc(60 / var(--vw-min) * 100vw) auto;
	}
	.pageTtl__deco:before,
	.pageTtl__deco::after{
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: calc(50% - calc(60 / var(--vw-min) * 100vw));
	}
}

/* pageNav */
.pageNav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
  margin-bottom: min(calc(36 / var(--vw-min) * 100vw), 36px);
  width: 100%;
  max-width: min(calc(1000 / var(--vw-min) * 100vw), 1000px);
  margin-left: auto;
  margin-right: auto;
}
.pageNav__item{
  width: fit-content;
  font-family: var(--font-en);
  position: relative;
  padding-bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
  display: flex;
  justify-content: center;
}

.pageNav__item:last-child{
	margin-right:0;
}
.pageNav__item::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background: url(../img/common/deco/pagenav_arrow.svg) no-repeat center bottom / contain;
}
@media screen and (max-width: 767px) {
	.pageNav {
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		padding: 0 calc(24 / var(--vw-min) * 100vw);
		gap:calc(10 / var(--vw-min) * 100vw);
	}

  .pageNav__item {
	width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 2);
	min-width: unset;
    padding-bottom: calc(8 / var(--vw-min) * 100vw);
  }

  .pageNav__item--link {
	height: calc(72 / var(--vw-min) * 100vw);
    padding: 0 calc(28 / var(--vw-min) * 100vw);
	letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767px) {
	.pageNav__item{
	}
	.pageNav__item::after {
		width:calc(16 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
}
.pageNav__item--link {
  text-decoration: none;
  color: var(--color-brown);
  padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
  background-image: url(../img/common/deco/pagenav_left.svg),
                    url(../img/common/deco/pagenav_right.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center, right center;
  transition: color .4s ease;
  min-width: min(calc(227 / var(--vw-min) * 100vw), 227px);
  font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.link__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
  background-image: url(../img/common/deco/pagenav_center.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: 0 0;
  height: min(calc(50 / var(--vw-min) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
	.pageNav__item--link {
		width: 100%;
		padding: 0 calc(28 / var(--vw-min) * 100vw);
	}
	.link__inner{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.link__inner{
		padding:0 calc(22 / var(--vw-min) * 100vw);
		background-repeat: round;
		background-size: auto 100%;
		background-position: left top;
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine) and (min-width:768px){
	.pageNav__item:hover .pageNav__item--link{
		background-image: url(../img/common/deco/pagenav_left_on.svg),url(../img/common/deco/pagenav_right_on.svg);
		color: #FFF;
	}
	.pageNav__item:hover .link__inner{
		background-image: url(../img/common/deco/pagenav_center_on.svg);
	}
}



/* lists */
.pkgContBox:not(:last-child){
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.pkgContBox{
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.pkgContBox:not(:last-child){
    margin-bottom: calc(128 / var(--vw-min) * 100vw);
  }

}
/* subTtl */
.subTtl{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
  flex-direction: column;
}
.subTtl_en{
	display: block;
	font-size:min(calc(42 / var(--vw-min) * 100vw), 42px);
	font-weight: 400;
	font-family: var(--font-en);
	letter-spacing: 0.03em;
	position: relative;
	padding: 0 min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.subTtl_en small{
	font-size:min(calc(36 / var(--vw-min) * 100vw), 36px);
}
@media screen and (max-width: 768px) {
	.subTtl{
		margin-bottom:calc(36 / var(--vw-min) * 100vw)
	}
	.subTtl_en{
		font-size:calc(44 / var(--vw-min) * 100vw);
		padding: 0 calc(68 / var(--vw-min) * 100vw);
	}
	.subTtl_en small{
		font-size:min(calc(32 / var(--vw-min) * 100vw), 32px);
	}
}
.subTtl_en::before,
.subTtl_en::after{
  content: "";
  width: min(calc(52 / var(--vw-min) * 100vw), 52px);
  height:min(calc(5 / var(--vw-min) * 100vw), 5px);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  background: url(../img/common/deco/subttl_deco.svg) no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
	.subTtl_en::before,
	.subTtl_en::after{
	content: "";
	width:calc(68 / var(--vw-min) * 100vw);
	height:calc(6 / var(--vw-min) * 100vw);
	}
}
.subTtl_en::before{
	left: 0;
}
.subTtl_en::after{
	right: 0;
}


.pkgContBox__inBox{
  margin-bottom: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width: 768px) {
  .pkgContBox__inBox{
    margin-bottom: 0;
  }
}

/*--------------------
circle
------------------- */
.circleBoxWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
}
.circleBox{
	position: sticky;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	pointer-events: none;
	z-index: 3;
	display: flex;
	align-items:center;
}
.circleBox__inner{
	width: 100%;
	height: calc(501 / var(--vw-min)* 100vw);
	position: relative;
}
@media screen and (max-width:767px) {
	.circleBox{
		position: absolute;
		top: 0;
		bottom: unset;
		align-items:flex-start;
	}
	.circleBox__inner{
		width: 100%;
		height: calc(420 / var(--vw-min)* 100vw);
		position: relative;
	}
}

.circle-tp{
	mask-image: url(../img/common/bg_circle.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(120 / var(--vw-min) * 100vw);
	height: calc(120 / var(--vw-min) * 100vw);
	background: url(../img/common/deco/bg_transparent.jpg) left top;
	background-size: 12px auto;
	animation: floating 5s ease infinite alternate-reverse;
}
.circle-grad{
	mask-image: url(../img/common/deco/bg_grd.png);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(150 / var(--vw-min) * 100vw);
	height: calc(150 / var(--vw-min) * 100vw);
	opacity: 0.8;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% 100%;
	animation: floating 3s ease-in-out infinite alternate;
}
@keyframes floating {
	0% {
		transform: translate(-3%,3%);
	}
	100% {
	  transform: translate(4%,-3%);

	}
}

/* scrani */
.circleBox .circle-tp.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-tp.js-scrani.is-ani{
	opacity: 1;
}

.circleBox .circle-grad.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-grad.js-scrani.is-ani{
	opacity: .8;
}
@media screen and (7) {
	.circleBox .circle-grad.js-scrani,
	.circleBox .circle-tp.js-scrani{
		opacity: 1!important;
	}
}
._circle1{
	position: absolute;
	right: calc(100 / var(--vw-min) * 100vw);
	bottom:calc(20 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
._circle2{
	position: absolute;
	right: calc(80 / var(--vw-min) * 100vw);
	bottom: 0;
	animation-delay: 1s;
}
._circle3{
	width: calc(200 / var(--vw-min) * 100vw);
	height: calc(200 / var(--vw-min) * 100vw);
	position: absolute;
	right: calc(-80 / var(--vw-min) * 100vw);
	top: 0;
	animation: floating 4s ease infinite alternate-reverse;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% auto;
}
._circle4{
	width: calc(160 / var(--vw-min) * 100vw);
	height: calc(160 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(-30 / var(--vw-min) * 100vw);
	top: calc(96 / var(--vw-min) * 100vw);
}
._circle5{
	width: calc(170 / var(--vw-min) * 100vw);
	height: calc(170 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(46 / var(--vw-min) * 100vw);
	top: calc(160 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
@media screen and (max-width:767px){
	._circle1{
		left: unset;
		right: calc(-40 / var(--vw-min) * 100vw);
		top: calc(112 / var(--vw-min) * 100vw);
		bottom: unset;
		width:calc(170 / var(--vw-min) * 100vw);
		height:calc(170 / var(--vw-min) * 100vw);
	}
	._circle2{
		display: none;
	}
	._circle3{
		display: none;
	}
	._circle4{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:unset;
		bottom: unset;
		left: calc(-76 / var(--vw-min) * 100vw);
		top: calc(206 / var(--vw-min) * 100vw);
	}
	._circle5{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:calc(10 / var(--vw-min) * 100vw);
		bottom: unset;
		top:  calc(274 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.pkgArticle{
	border: 1px solid var(--color-brown);
	background-color: #FCFCF4;
	padding: min(calc(70 / var(--vw-min)* 100vw), 70px);
	border-radius:min(calc(48 / var(--vw-min) * 100vw),48px);
	position: relative;
}
.pkgArticle{
	margin-bottom: min(calc(80 / var(--vw-min)* 100vw), 80px);
}
.pkgArticle::before{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius:min(calc(48 / var(--vw-min) * 100vw),48px);
	background:url(../img/common/deco/bg_stripe.jpg);
	background-size: min(calc(960 / var(--vw-min) * 100vw),960px) auto ;
	position: absolute;
	right:  min(calc(10 / var(--vw-min) * 100vw),10px);
	bottom:  min(calc(-6 / var(--vw-min) * 100vw),-6px);
	opacity: .65;
	transition: all .4s ease;
	z-index: -1;
}
@media screen and (max-width:767px){
	.pkgArticle{
		border: 1px solid var(--color-brown);
		padding:calc(80 / var(--vw-min)* 100vw) calc(36 / var(--vw-min)* 100vw);
	}
}



.itemDetailBox{
    display: flex;
	justify-content: space-between;
    position: relative;
	padding:0;
}
@media screen and (max-width:767px){ 
	.itemDetailBox{
		flex-direction: column;
		padding: 0;
		margin-top:unset;
		position: relative;
	}
}
.pkgContBox__border{
	border: 1px solid var(--color-blue);
	display: flex;
    flex-direction: column;
}
.pkgTtlWrap{
	background-color: var(--color-blue);
	color: #FFF;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.cp_ttl{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	letter-spacing: min(calc(0.96 / var(--vw-min) * 100vw), 0.96px);
	border-bottom: 2px dotted rgba(121, 68, 51, 0.8);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
	padding-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
	font-weight: 700;
}
.pkgTtl__txt{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height:  min(calc(30 / var(--vw-min) * 100vw), 30px);
	letter-spacing: min(calc(0.72 / var(--vw-min) * 100vw), 0.72px);
}

.leftBlock._pkgImg{
    width: min(calc(380 / var(--vw-min) * 100vw), 380px);
    margin-right:min(calc(56 / var(--vw-min) * 100vw), 56px);
}
@media screen and (max-width:767px){ 
	.cp_ttl{
		font-size: calc(34 / var(--vw-min) * 100vw);
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
		padding-bottom:calc(24 / var(--vw-min) * 100vw);
	}

	.leftBlock._pkgImg{
		width: 100%;
		margin-right:0;
	}
}

.itemDetail__txtBlock{
    width: min(calc(420 / var(--vw-min) * 100vw), 420px);
    position: relative;
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.pkgContBox._cp .itemDetail__txtBlock{
    width: 100%;
}
@media screen and (max-width:767px){ 
	.itemDetail__txtBlock{
		width: 100%;
		font-size:calc(25 / var(--vw-min) * 100vw);
	}
}

.itemDetail__txtWrap{
	margin-bottom: 2.5em;
}
.itemDetail__txtWrap:last-child{
    margin-bottom: 0;
}

/* img */
.img{
  overflow: hidden;
}
.img img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px){ 
	.img{
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}
/* txt */
.itemDetail__txt{
    letter-spacing: 0.04em;
    line-height: calc(30/18);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
    font-weight: 700;
}
.itemDetail__txt:last-child{
    margin-bottom: 0;
}
@media screen and (max-width:767px){
    .itemDetailBox{
        flex-direction: column;
    }
    .leftBlock{
        width: 100%;
		padding: 0;
    }
    .rightBlock{
        width: 100%;  
		padding: 0;
    }
    .itemDetail__txt{
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
		margin-bottom: 2em;
    }
}



.itemDetail__ttl{
	font-size:min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height:min(calc(36 / var(--vw-min) * 100vw), 36px);
	letter-spacing: min(calc(0.4 / var(--vw-min) * 100vw), 0.4px);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 600;
}
.itemDetail__ttl small{
	font-size:min(calc(18 / var(--vw-min) * 100vw), 18px);
}
@media screen and (max-width:767px){
	.itemDetail__ttl{
		font-size:calc(34 / var(--vw-min) * 100vw);
		line-height:calc(56 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.itemDetail__ttl small{
		font-size:calc(26 / var(--vw-min) * 100vw);
		line-height:calc(44 / var(--vw-min) * 100vw);
	}
}
.itemDetail__ttl2{
	border-top: 2px solid var(--color-brown);
	border-bottom: 2px dotted rgba(121, 68, 51, 0.3);
	display: block;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 700;
	line-height: calc(27/15);
	position: relative;
}
@media screen and (max-width:767px){
	.itemDetail__ttl2{
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
}
.itemDetail__ttl3{
	line-height:min(calc(32 / var(--vw-min) * 100vw), 32px);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 600;
	background-color: var(--color-brown);
	color: #FFF;
	display: inline-block;
	padding: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
}
@media screen and (max-width:767px){
	.itemDetail__ttl3{
		line-height:calc(46 / var(--vw-min) * 100vw);
		margin-bottom:calc(24 / var(--vw-min) * 100vw);
		padding: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
}
.itemDetail__txt{
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 500;
	letter-spacing: min(calc(0.64 / var(--vw-min) * 100vw), 0.64px);
}
.itemDetail__list{
	margin-bottom: 1em;
}
.listItem{
	display: flex;
}
.listItem dt{
	color: var(--color-blue);
	padding-right:min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.listItem dt::after{
	content: ":";
	position: absolute;
	right: min(calc(10 / var(--vw-min) * 100vw), 10px);
	top: 0;
	bottom: 0;
	margin: auto;
}
.sTtl{
	color: var(--color-blue);
	font-weight: 600;
}
.txt_small{
	font-size:min(calc(13 / var(--vw-min) * 100vw), 13px);
}
@media screen and (max-width:767px){ 
	.txt_small{
		font-size:calc(22 / var(--vw-min) * 100vw);
		line-height: calc(20/11);
	}
}
/* list2 */
.itemDetail__list2:not(:last-child){
	margin-bottom: 1em;
}
.list2_ic{
	padding-left: 1.5em;
	position: relative;
	background: url(../img/common/icon_list.svg) no-repeat left top min(calc(8 / var(--vw-min) * 100vw), 8px);
	background-size: min(calc(14 / var(--vw-min) * 100vw), 14px) auto; 
	line-height:calc(27/15);
}
@media screen and (max-width:767px){ 
	.list2_ic{
		background: url(../img/common/icon_list.svg) no-repeat left top calc(14 / var(--vw-min) * 100vw);
		background-size: calc(18 / var(--vw-min) * 100vw) auto; 
		padding-left: 1em;
	}
}

/**/
.tokutenListsWrap{
	display: flex;
	gap:min(calc(32 / var(--vw-min) * 100vw), 32px);
	flex-wrap: wrap;
}
.tokutenItem{
	width: calc((100% - min(calc(64 / var(--vw-min) * 100vw), 64px)) / 3);
}
@media screen and (max-width:767px){ 
	.tokutenListsWrap{
		flex-direction: column;
	}
	.tokutenItem{
		width: 100%;
		padding: 0 calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}

.box__shop{
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding: 0 0 min(calc(12 / var(--vw-min) * 100vw),12px);
	border-bottom: 2px dotted rgba(121, 68, 51, 0.3);
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
}
.tokutenItem__ttl{
	margin-top: 1em;
}
.tokutenItem__info{
	font-size:  min(calc(13 / var(--vw-min) * 100vw),13px);
	margin-top: 1em;
}
@media screen and (max-width:767px){ 
	.box__shop{
		font-size:calc(34 / var(--vw-min) * 100vw);
		border-bottom: 2px dotted rgba(121, 68, 51, 0.6);
	}
	.tokutenItem__info{
		font-size: calc(22 / var(--vw-min) * 100vw);
	}
}
/*page__moreBtn*/
.page__moreBtn{
	height: min(calc(56 / var(--vw-min)* 100vw), 56px);
	background:var(--color-brown);
	border-radius:min(calc(100 / var(--vw-min)* 100vw), 100px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: relative;
	font-weight: 500;
	text-decoration: none;
	transition: all .4s ease;
	border: 1px solid var(--color-brown);
}

.tokutenItem > .page__moreBtn{
	width: 100%;
	margin-top: 1em;
}
.arrowBtn2_r {
    position: absolute;
    right: min(calc(20 / var(--vw-min) * 100vw), 20px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: min(calc(6 / var(--vw-min) * 100vw), 6px);
    height: min(calc(10 / var(--vw-min) * 100vw), 10px);
    -webkit-mask: url(../img/common/icon_arrow2_r.svg) no-repeat center center / contain;
    mask: url(../img/common/icon_arrow2_r.svg) no-repeat center center / contain;
    background-color:#FFF;
    transition: all .4s ease;
}
@media screen and (hover:hover){
	.page__moreBtn:hover{
		background: #FFF;
		color: var(--color-brown);
	}
	.page__moreBtn:hover .arrowBtn2_r{
		background: var(--color-brown);
	}
}
@media screen and (max-width:767px){ 
	.page__moreBtn{
		width: calc(336 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
		font-size:calc(26 / var(--vw-min) * 100vw)
	}
	.arrowBtn2_r {
		right: calc(48 / var(--vw-min) * 100vw);
		width: calc(12 / var(--vw-min) * 100vw);
		height:calc(20 / var(--vw-min) * 100vw);
	}
}
.page__moreBtn_txt{
	font-size:min(calc(16 / var(--vw-min)* 100vw), 16px);
	font-weight: 500;
	letter-spacing: 0.04em;
	font-family: var(--font-en);
}
@media screen and (max-width:767px){ 
	.page__moreBtn_txt{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

.buy{
	width: 100%;
}