/*--------------------------
	bass.css
--------------------------*/

/* WEB FONT //////////////////////////////////////////////////////////////////////////////////////////////// */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

/* ANIMATION //////////////////////////////////////////////////////////////////////////////////////////////// */
@keyframes animeLogoMD {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(-180deg);}
	100% {transform: rotate(-360deg);}
}
@keyframes animeLogoINK {
	0% { transform:translateY(0) }
	5% { transform:translateY(0) }
	13% { transform:translateY(0) }
	22% { transform:translateY(-6px) }
	28% { transform:translateY(8px) }
	30% { transform:translateY(-6px) }
	35% { transform:translateY(6px) }
	40% { transform:translateY(-2px) }
	45% { transform:translateY(2px) }
	50% { transform:translateY(-1px) }
	55% { transform:translateY(1px) }
	60% { transform:translateY(-1px) }
	65% { transform:translateY(0.5px) }
	70% { transform:translateY(-0.5px) }
	75% { transform:translateY(0.5px) }
	80% { transform:translateY(-0.5px) }
	85% { transform:translateY(0px) }

	100% { transform:translateY(0) }
}
/*
0% { transform: translateY(0) }
33.33333% { transform: translateY(-6px) }
66.66667% { transform: translateY(0) }
100% { transform: translateY(0) }

0% {transform: scale(1) translate(0, 0);}
50% {transform: scale(10, .5) translate(0, 300px);}
100% {transform: scale(1) translate(0, 0);}
*/
/*
0% { transform:translateX(0) }
30% { transform:translateX(0) }
40% { transform:translateX(-10px) }
45% { transform:translateX(10px) }
50% { transform:translateX(-8px) }
55% { transform:translateX(7px) }
60% { transform:translateX(-3px) }
65% { transform:translateX(2px) }
100% { transform:translateX(0px) }
*/
/*
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(-15px) }
25% { transform:translateY(0) }
30% { transform:translateY(-15px) }
50% { transform:translateY(0) }
100% { transform:translateY(0) }
*/

/* ----------------------------

/* LOADING //////////////////////////////////////////////////////////////////////////////////////////////// */
/* ローディング画面 */
#loading {
	width:100vw;
	height:100vh;
	transition:all 1s;
	/*background-color:#000;*/
	position:fixed;
	top:0;left:0;
	z-index:9999;
}
.spinner {
	width:120px;
	text-align:center;
}
.spinner > div {
	width:8px;
	height:8px;
	/*background-color:#C5B766;*/
	background-color:#FFF;

	border-radius:100%;
	display:inline-block;
	-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
	animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	margin:0 12px 0;
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}
	40% {-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.6;}
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {-webkit-transform:scale(0.5);transform:scale(0.5);opacity:1;}
	40% {-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0.6;}
}
/*
.spinner {
	width: 100px;
	height: 100px;
	margin: 60vh auto;
	background-color: #fff;
	border-radius: 100%;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}
@keyframes sk-scaleout {
	0% {transform: scale(0);}
	100% {transform: scale(1.0);opacity: 0;}
}
*/
.loaded {opacity:0;visibility:hidden;}

/* COMMON //////////////////////////////////////////////////////////////////////////////////////////////// */
#menuINKsAcceso {display:none;}
body {
	position:relative;
	color:#FFF;text-align:center;margin:0;padding:0;
	font-family:'EB Garamond';
	font-style:normal;
}
#headerMD {display:block;}
/* MD LOGO MARK */
h1#logoWrap img,
h1#logoMD img,
h1#dtLogoWrap img {position:absolute;display:block;width:100%;}
h1#logoWrap img#mdBack,
h1#logoMD img#medMdBack,
h1#dtLogoWrap img#dtMdBack {
	animation: animeLogoMD 13s linear 0s infinite normal none running;
	/*
	animation-name: animeLogoMD;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	*/
}

/* INK LOGO MARK */
h1#logoINK {display:block;}
h1#logoINK img {position:absolute;display:block;}
h1#logoINK img#inkFront {animation: animeLogoINK 3s ease 0s infinite normal none running;}

/* MENU */
#menuJEWELS h2, #menuINK h2, #menuOTHERS h2 {margin:0;padding:0;font-weight:lighter;}		/*-- MENU BTN --*/
.medCategBtn {color:#C5B766;padding:0.2em 0;transition:all 0.4s;}		/*-- MED MENU BTN --*/
.medCategBtn.active {transition:all 0.3s;}
.medCategWrap > a > p {color:#C5B766;}

/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////// */
footer small {font-size:64%;}

/* to AUDIO BTN //////////////////////////////////////////////////////////////////////////////////////////////// */
#detailsWrp nav.audioLinkBTN a {font-style:italic;padding:8px 0.8em;border:1px solid #FFF;opacity:1;transition:opacity 0.8s;}
#detailsWrp nav.audioLinkBTN a:link {color:#FFF;text-decoration:none;}
#detailsWrp nav.audioLinkBTN a:visited {color:#FFF;text-decoration:none;}
#detailsWrp nav.audioLinkBTN a:hover {color:#FFF;text-decoration:none;opacity:0.4;transition:opacity 0.4s;}
#detailsWrp nav.audioLinkBTN a span {color:#C5B766;font-weight:bold;}

/* RESPONSIVE WEB ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 959px) {	/*== SP Style sheet ========================================= 画面サイズの横幅が 960px より小さい場合に適用 */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	#headerMedMD, #indexConceptINK, #indexConceptMD {display:none;}


	/* COMMON / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	.spinner {margin:64vh auto 0;}
	#body {overflow:hidden;position:relative;}
	#body.scrollSW {overflow:auto;}

	/* MD LOGO MARK / SP */
	#headerMD {width:100vw;height:100vh;transition:all 0.4s;}
		#headerMD.menuHeader {width:30vw;height:40vw;transition:all 0.4s;}
	h1#logoWrap {position:absolute;top:30vh;left:25%;display:block;width:50%;z-index:8999;transition:all 0.4s;}
		h1#logoWrap.menuHeadLOGO {position:absolute;top:/*-10rem*/4rem;left:35%;width:30%;transition:all 0.4s;}
			h1#logoWrap.dtlsHeadLOGO {opacity:0;visibility:hidden;
				/*position:fixed;top:/*0.5rem*//*-25vh;left:42.5%;width:15%;transition:all 0.5s;*/
			}
	#dtLogoWrap {}
	h1#dtLogoWrap {position:absolute;display:block;width:15%;margin:2rem 0 0 42.5%;}

	/* INK LOGO MARK / SP */
	#headerINK {margin:0;height:/*1.4em*/0;position:relative;/*padding:0 0 8rem;*/transition:all 1s;}
		#headerINK.seOff {margin:0 0 /*6.8rem*/12rem;transition:all 1s;}
	h1#logoINK {margin:1.2em 0 0;transition:all 1.2s;}
	h1#logoINK img {width:50%;height:0;opacity:0;margin:0 0 0 25%;transition:all 0.4s;}
		h1#logoINK.activeINK img {width:30%;height:auto;opacity:1;margin:0 0 0 35%;transition:all 1.5s;}

	footer {margin-top:3em;}
	footer img {width:24%;}

	/* MENU / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	.menuBtn {transition:all 0.4s;}
		.menuBtn.active {font-size:80%;transition:all 0.4s;}
	.menuWrap {height:0;padding:0 0 0;line-height:2em;opacity:0;overflow:hidden;transition:all 0.4s;}
	.medCategWrap {height:0;padding:0 0 0;opacity:0;overflow:hidden;transition:all 1.2s;}
		.menuWrap.active, .medCategWrap.active {height:auto;padding:0.4rem 0 4rem;opacity:1;transition:all 1.4s;}
		#gulgaltaContsWrap.medCategWrap.active {padding:0.4rem 0 0;}

	/*-- MED MENU BTN / SP --*/
	.medCategBtn {display:block;font-size:172%;}
	.medCategBtn.active {font-size:200%;color:#999;padding:2em 0 0;transition:all 0.3s;}

	a#menuJEWELsCollabo {padding:0.8em 0;transition:all 0.3s;}
		a#menuJEWELsCollabo.active {padding:2em 0 1em;transition:all 0.3s;}

	.menuWrap a {/*height:auto;*/transition:all 1s;}
		.menuWrap.swOff > a {height:0;padding:0;transition:all 1s;}
	.medCategWrap > a > p {margin:0;line-height:1.2em;transition:all 0.4s;}
		.medCategWrap.active > a > p {margin:1em 0 0.8em;transition:all 1.6s;}

	#menuJEWELS, #menuINK, #menuOTHERS {display:block;margin:1em 0;padding:0;line-height:4em;}
		#menuJEWELS {margin:/*280%*/5rem 0 1em;transition:all 1s;}
			#menuJEWELS.menuMoving {margin:/*9em*/3rem 0 1em;transition:all 1s;}
			#menuOTHERS {margin-top:/*4em*/2em;}

	#menuJEWELS h2, #menuINK h2, #menuOTHERS h2 {padding:1.2rem 0;}
		#menuJEWELS h2, #menuINK h2 {font-size:3.4em;}
		#menuOTHERS h2 {font-size:240%;}

		#menuINK h1#logoINK {/*position:absolute;*/}
		#menuINK h2 {/*margin-top:10rem;*/}

	/*-- MED / CATEGORY WRAP / SP --*/
	.medCategWrap > h1 {display:none;}
	.medCategWrap {text-align:left;}
	.medCategWrap > a {display:inline-block;width:43%;}
	.medCategWrap > a:nth-child(odd) {margin:0 0 0 5%;}
	.medCategWrap > a:nth-child(even) {margin:0 0 0 3%;}
	.medCategWrap > a p {padding-top:1.4em;font-size:0.8em;text-align:center;}
	.medCategWrap > a img {display:block;width:100%;}

	/*-- MED / MDZ BOOTS / SP --*/
	#zerrowsContsWrap > a:nth-child(1) {width:90%;margin: 0 0 0 5%;}
	/*-- MED / GULGALTA / SP --*/
	#gulgaltaContsWrap > a:nth-child(even) {margin:0 0 0 5%;}
	#gulgaltaContsWrap > a:nth-child(odd) {margin:0 0 0 3%;}
	#gulgaltaContsWrap > a:nth-child(1) {width:90%;margin: 0 0 0 5%;}

	/*-- Collaboration『SECLIT RING CUSTOM』MAGICAL DESIGN × Rockin Jelly Bean / SP --*/
	/*INIT*/section#collaboContsWrap.medCategWrap > a:nth-child(odd), section#collaboContsWrap.medCategWrap > a:nth-child(even) {margin:0 0 0 3%;}
	/*section#collaboContsWrap.medCategWrap > a:nth-child(3n+1) {margin:0 0 0 5.5%;} /*4番目*/
	section#collaboContsWrap.medCategWrap > a:nth-child(2) {width:60%;margin:0 0 0 5%;}
	section#collaboContsWrap.medCategWrap > a:nth-child(3) {width:26%;}
	section#collaboContsWrap.medCategWrap > a:nth-child(6),
	section#collaboContsWrap.medCategWrap > a:nth-child(7),
	section#collaboContsWrap.medCategWrap > a:nth-child(8),
	section#collaboContsWrap.medCategWrap > a:nth-child(9),
	section#collaboContsWrap.medCategWrap > a:nth-child(10),
	section#collaboContsWrap.medCategWrap > a:nth-child(11),
	section#collaboContsWrap.medCategWrap > a:nth-child(12),
	section#collaboContsWrap.medCategWrap > a:nth-child(13),
	section#collaboContsWrap.medCategWrap > a:nth-child(14),
	section#collaboContsWrap.medCategWrap > a:nth-child(15) {width:27.3%;}

	section#collaboContsWrap.medCategWrap > a:nth-child(6),
	section#collaboContsWrap.medCategWrap > a:nth-child(9),
	section#collaboContsWrap.medCategWrap > a:nth-child(12),
	section#collaboContsWrap.medCategWrap > a:nth-child(15) {margin:0 0 0 5%;}

	#jellyBeenText {display:none;color:#999;}
	#collaboContsWrap .JellyBeanVariation {margin:2rem 0 0.4rem;height:3em;line-height:3em;color:#999;text-align:center;}

	section#collaboContsWrap.medCategWrap.active a p {margin:0;padding:0.2em 0 0.4em;}

	/*-- SECLIT RING CUSTOM / Rockin Jelly Bean / SP --*/
	.tibetanMonkSkullRing {font-size:1.4em;text-align:center;margin:4em 0 0.4em;color:#C5B766;}
	#jewelsMenuWrap #collaboContsWrap.medCategWrap > a:nth-child(17) p,
	#jewelsMenuWrap #collaboContsWrap.medCategWrap > a:nth-child(18) p {display:none;}

	section#collaboContsWrap.medCategWrap > a:nth-child(17) {margin:0 0 0 5%;}

	/* to AUDIO BTN / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	#detailsWrp nav.audioLinkBTN {margin:1em 0 4em;}
	nav#audioLinkBTN {margin-top:/*8*/5em;}
	#detailsWrp nav.audioLinkBTN a, nav#audioLinkBTN a {font-size:98%;}

	/* DETAILS / SP //////////////////////////////////////////////////////////////////////////////////////////////// */
	a#dtlsCloseBtn {display:block;position:fixed;top:0;right:-200px;z-index:5001;padding:1.4em 1.8em;font-style:italic;text-decoration:none;color:rgba(160, 160, 160, 0.86);transition:all 0.6s;}
	a#dtlsCloseBtn.active {right:0;transition:all 1s;}

	#detailsWrp {display:block;z-index:5000;position:fixed;top:240%;width:100%;line-height:0.6em;overflow:scroll;transition:all 1s;}
	#detailsWrp.dtlsOPEN {top:0;transition:all 0.4s;}
	#detailsWrp div {margin-top:1.8em;}
	#detailsWrp div img {width:90%;margin-bottom:2em;}

	p.detailsNUM {margin-top:7.2em;}
	h1.detailsTTL {font-size:1.4em;font-weight:normal;color:#C5B766;}
	p.detailsSPEC1, p.detailsSPEC2, p.detailsSPEC3, p.detailsSPEC4, p.detailsSPEC5 {font-size:0.9em;margin:0.6em 0;}
	p.detailsSPEC1 span, p.detailsSPEC2 span, p.detailsSPEC3 span, p.detailsSPEC4 span, p.detailsSPEC5 span {font-size:0.64em;}

	.goodsAreaAll {display:none;}
	.goodsOPEN {display:block;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 960px) {	/*== PC Style sheet ========================================= 画面サイズの横幅が 960px より大きい場合に適用 */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	#dtSpHeaderMD {display:none;opacity:0;visibility:hidden;}
	.spinner {margin:64vh auto 0;}
	.opacitySW {opacity:0;transition:all 1s;}
	.eliminate {display:none;transition:all 0.4s;}

	/* Z-INDEX / PC */
	#headerMD {z-index:99;}
	h1#logoWrap {position:relative;transition:all 1s;}
	#audioLinkBTN {z-index:98;}
	#menuJEWELS {z-index:97;}
	#menuINK {z-index:96;}
	#menuOTHERS {z-index:95;}

	#detailsWrp {z-index:1000;}

	#indexConceptMD {z-index:89;}
	#indexConceptINK {z-index:88;}
	#footer {z-index:1;}

	/* COMMON / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#headerMD {position:fixed;top:32vh;width:100%;}
	#headerMD.homeMenu {top:13vh;transition:all 1s;}
	#headerMD h1#logoWrap {width:16%;margin-left:42%;}
	#headerMD.activeOTHER h1#logoWrap {width:5%;margin-left:47%;cursor:pointer;}

	#headerMedMD, #headerINK {position:fixed;top:-10rem;transition:all 0.4s;}
	#headerMedMD, #headerMedMD h1, #headerMedMD h1 img {width:7rem;cursor:pointer;}
	#headerINK, #headerINK h1, #headerINK h1 img {width:6rem;cursor:pointer;}
	#headerMedMD.medSetPOS {top:3.2rem;transition:all 1.4s;}
	#headerINK.medSetPOS {top:3rem;transition:all 1.4s;}

	/* MENU / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#menuJEWELS, #menuINK, #menuOTHERS {position:fixed;top:120vh;margin:0;padding:0;}
	#menuJEWELS, #menuINK {width:10em;transition:opacity 0.8s;}
	#menuJEWELS.homeMenu, #menuINK.homeMenu {top:51vh;transition:all 1s;}

	/* MED ANIME / PC */
	#menuJEWELS {left:35%;}
	#menuJEWELS.medJEWELSactive {width:24%;right:auto;left:0;transition:all 0.4s;}
	#menuINK {right:35%;}
	#menuINK.medINKactive {width:24%;left:auto;right:0;transition:all 0.4s;}
	#menuJEWELS.medJEWELSactive2, #menuINK.medINKactive2 {top:14rem;transition:all 1s;}

	#menuJEWELS > h2, #menuINK > h2 {font-size:340%;height:1em;line-height:1em;}
	#menuOTHERS > h2 {font-size:200%;height:2.2em;line-height:2.2em;}
	#menuJEWELS > h2 a, #menuINK > h2 a, #menuOTHERS > h2 a {cursor:pointer;opacity:1;transition:opacity 0.8s;}
	#menuJEWELS > h2 a:hover, #menuINK > h2 a:hover, #menuOTHERS > h2 a:hover {opacity:0.6;transition:opacity 0.4s;}

	#menuOTHERS {width:100%;transition:all 0.4s;}
	#menuOTHERS.homeMenu {top:69vh;transition:all 1s;}
	#menuOTHERS.activeOTHER {top:20px;transition:all 1s;}
	#menuOTHERS.activeOTHER > h2 {font-size:300%;transition:all 0.8s;}

	/*-- MENU BTN / PC --*/
	.menuWrap > a {display:none;}
	.menuWrap.active > a {display:block;}
	.menuWrap, #jewelsMenuWrap .medCategWrap, #wearsMenuWrap .medCategWrap {height:0;padding:0 0 0;opacity:0;transition:all 0.4s;}
	.menuWrap.active, #jewelsMenuWrap .medCategWrap.active, #wearsMenuWrap .medCategWrap.active{height:auto;padding:1.6rem 0 0.4em;opacity:1;transition:all 1s;}
	#otherMenuWrap {position:absolute;overflow:auto;height:69vh;top:120vh;}
	#otherMenuWrap.active {top:8.0rem;padding:0.4rem 0 0.4em;}

	/*-- MED MENU BTN / PC --*/
	.medCategBtn {font-size:132%;line-height:1.6em;font-weight:normal;opacity:1;transition:opacity 0.8s;cursor:pointer;}
	.medCategBtn:hover {opacity:0.6;transition:opacity 0.4s;}
	.medCategBtn.active {color:#999;}

	.medCategWrap {text-align:left;overflow-y:scroll;overflow:scroll;}

	.medCategWrap > h1 {margin:6rem 0 3rem;font-size:3.8em;font-weight:normal;letter-spacing:0.02em;}
	/*#wearsMenuWrap .medCategWrap > h1 {margin-left:10.75%;}*/

	.medCategWrap > a:hover {opacity:0.6;transition:opacity 0.4s;}
	.medCategWrap > a > p {margin:0 0 0.5em;font-size:0.88em;text-align:center;}
	.medCategWrap > a > p, .medCategWrap > a > img {width:100%;}

	#jewelsMenuWrap .medCategWrap a, #wearsMenuWrap .medCategWrap a {display:inline-block;width:16%;}
	#jewelsMenuWrap .medCategWrap a {margin:1.6rem 2% 0 0;}
	#wearsMenuWrap .medCategWrap a {margin:1.6rem 2% 0 0;}
/*
	#wearsMenuWrap .medCategWrap a:nth-child(5n+2) {margin-left:10.75%;}
		#wearsMenuWrap .medCategWrap a:nth-child(5n+1) {margin-right:0;}
*/
	#otherMenuWrap .medCategWrap {position:static;width:100%;height:0;opacity:0;padding:0 0;text-align:center;transition:all 1s;}
		#otherMenuWrap .medCategWrap.swON {height:auto;opacity:1;padding:1em 0 2em;transition:all 1s;}

	#otherMenuWrap .medCategWrap a {display:inline-block;width:18%;margin:1.6rem 0 0 2%;}
	#otherMenuWrap .medCategWrap a:nth-child(1) {margin-left:0;}

	.medCategWrap .spacer {height:4rem;}

	#otherMenuWrap .medCategWrap a#colleWorks_gulgalta0011 {width:32%;margin: 1.6rem 33% 0 34%;}
	#menuOTHERsGulgalta {margin-top:2em;}

	/*-- / PC --*/
	#jewelsMenuWrap .medCategWrap, #wearsMenuWrap .medCategWrap, #indexConceptMD, #indexConceptINK
	{position:fixed;display:block;top:0;width:76%;opacity:0;transition:all 1s;}
	#indexConceptMD, #indexConceptINK {top:40%;}

	#indexConceptMD > p,
	#indexConceptINK > p {
	display:block;margin:0;text-align:left;
	color:rgba(255,255,255,0.9);
	font-size:1.2em;
	font-weight:inherit;
	line-height:1.9em;letter-spacing:0.1em;
	}

	#indexConceptMD > p span, #indexConceptINK > p span {font-size:1.32em;/*font-weight:bold;*/color:#C5B766;letter-spacing:0.1em;}

	#jewelsMenuWrap .medCategWrap, #indexConceptMD {left:120vw;}
	#jewelsMenuWrap .medCategWrap.swON {left:24%;opacity:1;transition:all 1s;}

	#wearsMenuWrap .medCategWrap, #indexConceptINK {right:120vw;}
	#wearsMenuWrap .medCategWrap {width:68%;}
	#wearsMenuWrap .medCategWrap.swON {right:24%;opacity:1;transition:all 1s;}
	#wearsMenuWrap .medCategWrap a {width:17.6%;}

	#indexConceptMD.swON, #indexConceptINK.swON {width:46%;opacity:1;transition:all 1s;}
	#indexConceptMD.swON {left:30%;}
	#indexConceptINK.swON {right:30%;}

	/*-- JEWELS COLLABORATION / PC --*/
	/*-- SECLIT RING CUSTOM / Rockin Jelly Bean / PC --*/
	#collaboContsWrap > a:nth-child(2) {width:28%;}
		#collaboContsWrap > a:nth-child(2) > p {display:none;}
	#jellyBeenText {display:inline-block;width:50%;color:#999;}
	#jellyBeenText strong {font-weight:normal;font-size:108%;}
	#jellyBeenText span {font-size:80%;}
	#collaboContsWrap .JellyBeanVariation {width:90%;margin:4rem 0 0;height:3em;line-height:3em;color:#999;text-align:center;}

	/*-- tibetanMonkSkullRing / PC --*/
	.tibetanMonkSkullRing {
		width:34%;
		font-size:1.2em;
		text-align:center;
		margin:4em 0 0;
		/*color:#C5B766;*/
		color:#999;
	}
	#jewelsMenuWrap #collaboContsWrap.medCategWrap > a:nth-child(17) p,
	#jewelsMenuWrap #collaboContsWrap.medCategWrap > a:nth-child(18) p {display:none;}

	/* to AUDIO BTN / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	nav#audioLinkBTN {position:fixed;bottom:-20vh;width:20%;margin-left:40%;transition:all 1s;}
	nav#audioLinkBTN.homeMenu {bottom:80px;transition:all 1s;}
	nav#audioLinkBTN a {font-size:90%;}
	nav#audioLinkBTN.medJEWELSactive {width:24%;margin-left:0;transition:all 1s;}
	nav#audioLinkBTN.medINKactive {width:24%;margin-left:76%;transition:all 1s;}
	nav#audioLinkBTN.activeOTHER {bottom:-80px;transition:all 1s;}

	/* DETAILS / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#detailsWrp {position:fixed;top:0;width:100%;}
	#detailsWrp.dtlsOPEN {}

	article.goodsAreaAll {
		position:fixed;
		height:0;
		overflow:scroll;
		opacity:0;
		transition:all 1s;
	}
	article.goodsAreaAll.incarnation,
	article.goodsAreaAll.emblem,
	article.goodsAreaAll.tantric,
	article.goodsAreaAll.devotional,
	article.goodsAreaAll.collaboration {width:76%;left:100%;text-align:left;transition:all 0.4s;}
	article.goodsAreaAll.incarnation.goodsOPEN,
	article.goodsAreaAll.emblem.goodsOPEN,
	article.goodsAreaAll.tantric.goodsOPEN,
	article.goodsAreaAll.devotional.goodsOPEN,
	article.goodsAreaAll.collaboration.goodsOPEN {left:24%;opacity:1;transition:all 1s;}

	article.goodsAreaAll.standardItem,
	article.goodsAreaAll.accessory {width:76%;right:100%;text-align:left;transition:all 0.4s;}
	article.goodsAreaAll.standardItem.goodsOPEN,
	article.goodsAreaAll.accessory.goodsOPEN {right:24%;opacity:1;transition:all 1s;}

	article.goodsAreaAll.other {width:100%;top:100%;text-align:center;transition:all 0.4s;}
	article.goodsAreaAll.other.goodsOPEN {top:12.2rem;opacity:1;transition:all 1s;}

	#detailsWrp .goodsAreaAll > div {margin-top:1.8em;}
	#detailsWrp .goodsAreaAll > div img {width:30%;/*margin:0 0 2em 0;*/}

	p.detailsNUM {margin-top:7.2rem;}
	article.goodsAreaAll.other p.detailsNUM {margin-top:0;}
	h1.detailsTTL {margin:0;font-size:2.4em;font-weight:normal;color:#C5B766;}
	p.detailsSPEC1, p.detailsSPEC2, p.detailsSPEC3, p.detailsSPEC4, p.detailsSPEC5 {font-size:0.9em;margin:0.6em 0;}
	p.detailsSPEC1 span, p.detailsSPEC2 span, p.detailsSPEC3 span, p.detailsSPEC4 span, p.detailsSPEC5 span {font-size:0.64em;}

	#detailsWrp .audioLinkBTN {margin:2em 0 5rem;}
	#detailsWrp .other .audioLinkBTN {margin:4em 0 5rem;}

	#detailsWrp .goodsAreaAll.standardItem > div,
	#detailsWrp .goodsAreaAll.accessory > div,
	article.goodsAreaAll.standardItem p.detailsNUM,
	article.goodsAreaAll.accessory p.detailsNUM,
	article.goodsAreaAll.standardItem h1.detailsTTL,
	article.goodsAreaAll.accessory h1.detailsTTL,
	article.goodsAreaAll.standardItem p.detailsSPEC1,
	article.goodsAreaAll.accessory p.detailsSPEC1,
	article.goodsAreaAll.standardItem p.detailsSPEC2,
	article.goodsAreaAll.accessory p.detailsSPEC2,
	article.goodsAreaAll.standardItem p.detailsSPEC3,
	article.goodsAreaAll.accessory p.detailsSPEC3,
	article.goodsAreaAll.standardItem p.detailsSPEC4,
	article.goodsAreaAll.accessory p.detailsSPEC4,
	article.goodsAreaAll.standardItem p.detailsSPEC5,
	article.goodsAreaAll.accessory p.detailsSPEC5,
	#detailsWrp article.goodsAreaAll.standardItem .audioLinkBTN,
	#detailsWrp article.goodsAreaAll.accessory .audioLinkBTN
	 {margin-left:10.75%;}


	/*.goodsAreaAll {display:none;}
	.goodsOPEN {display:block;}*/

	a#dtlsCloseBtn {display:block;position:fixed;top:-5rem;right:1rem;z-index:5001;
		padding:1.4em 1.8em;font-style:italic;text-decoration:none;color:rgba(160, 160, 160, 0.86);transition:all 0.6s;}
	a#dtlsCloseBtn.active {top:1rem;transition:all 1s;}
	a#dtlsCloseBtn.wearPosition {right:19%;}

	/* FOOTER / PC //////////////////////////////////////////////////////////////////////////////////////////////// */
	#footer {display:block;position:fixed;width:30%;left:35%;bottom:-20vh;transition:all 1.2s;}
	#footer.homeMenu {bottom:0;transition:all 1s;}
	#footer img {width:80px;}
	#footer.medJEWELSactive {width:24%;left:0;transition:all 1.2s;}
	#footer.medINKactive {width:24%;left:76%;transition:all 1.2s;}
}



/*	2 Branch IMPORT 外部ファイル / 2分岐
@import url('./style_narrow.css') screen and (max-width: 959px);
@import url('./style_wide.css') screen and (min-width: 960px);
*/
/*	2 Branch INTERNAL 内部分岐 / 2分岐
@media screen and (max-width:959px) {	/*== SP Style sheet ========================================}
@media screen and (min-width:960px) {	/*== PC Style sheet ========================================}
*/
/*	3 Branch INTERNAL 内部分岐 / 3分岐
@media screen and (min-width: 768px) {（ここにPC用スタイルを記述）} 
@media screen and (max-width: 767px) {（ここにモバイル用スタイルを記述）}
@media only screen and (min-width: 767px) and (max-width: 1280px) {（ここにタブレット用スタイルを記述）}
*/