@charset "UTF-8";
/* ==================================================================
CSS information
style info :PRODUCTS 用
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
OVERWRITE
---------------------------------------------------------------------------------------------------------------- */
.contents__section { padding-bottom: 0; }
@media screen and (min-width: 641px) {
	.contents__section { padding-bottom: 0; }
}
@media screen and (min-width: 1921px) {
	.contents__section { padding-bottom: 0; }
}


/* ----------------------------------------------------------------------------------------------------------------
.ttlsection
---------------------------------------------------------------------------------------------------------------- */
.ttlsection { margin-bottom: calc(37/640*100%); }

@media screen and (min-width: 641px) {
	.ttlsection { margin-bottom: calc(40/1400*100%); }
	.ttlsection .tS__ttl { max-width: 594px; width: calc(594/1400*100%); }
	
}
@media screen and (min-width: 1401px) {
	.ttlsection { margin-bottom: 40px; }
}


/* --------------------------------------------------------
.release
-------------------------------------------------------- */
.release { margin-bottom: calc(47/640*100%); position: relative; }
.release::before { content: ""; display: block; width: 100%; height: 0; padding-top: calc(230/640*100%); position: absolute; left: 0; bottom: 0; margin-bottom: calc(-47/640*100%); opacity: 1;
background: -webkit-linear-gradient(top, rgba(47,17,19,0) 0%,rgba(47,17,19,1) 100%);
background: linear-gradient(to bottom, rgba(47,17,19,0) 0%,rgba(47,17,19,1) 100%);
}
.release div { width: 100%; margin: 0 auto; position: relative;}

@media screen and (min-width: 641px) {
	.release { padding-bottom: calc(12/1400*100%); margin-bottom: calc(34/1400*100%); }
	.release::before { padding-top: calc(170/1400*100%); margin-bottom: calc(-34/1400*100%); }
	.release::after {content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; 
		background: -webkit-linear-gradient(left, rgba(250,214,69,0) 0%,rgba(250,214,69,1) 50%,rgba(250,214,69,0) 100%);
		background: linear-gradient(to right, rgba(250,214,69,0) 0%,rgba(250,214,69,1) 50%,rgba(250,214,69,0) 100%);
	}
	.release div { max-width: 640px; width: calc(640/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.release { padding-bottom: 12px; margin-bottom: 34px; }
	.release::before { padding-top: 170px; margin-bottom: -34px; }
}




/* --------------------------------------------------------
.productsSection
-------------------------------------------------------- */
.productsSection { width: 100%; position: relative; padding: calc(1/640*100%) 0 calc(113/640*100%); margin-bottom: calc(-63/640*100%); background: rgba(47,17,19,1.0); }
.pS_inner { position: relative; }

/*.pS_inner { background: rgba(255,255,0,0.2); }*/

@media screen and (min-width: 641px) {
	.productsSection { padding: 1px 0 calc(91/1400*100%); margin-bottom: calc(-31/1400*100%); }
	.pS_inner { width: calc(1340/1400*100%); margin: 0 auto;}
}
@media screen and (min-width: 1401px) {
	.productsSection { padding: 1px 0 91px; margin-bottom: -31px; }
	.pS_inner { width: 1340px; }
}
@media screen and (min-width: 1921px) {
}

/* .selectbtnSlider -------------------------------------------------------- */
.selectbtnSlider__wrap { width: 100%; position: relative; padding-bottom: calc(24/640*100%); margin-bottom: calc(40/640*100%); }
.selectbtnSlider__wrap::before, 
.selectbtnSlider__wrap::after { content: ""; display: block; width: 100%; height: 0; padding-top: calc(4/640*100%); position: absolute; left: 0; bottom: 0;}
.selectbtnSlider__wrap::before { background: #620034; }
.selectbtnSlider__wrap::after { background: #be147f; left: calc(30/640*100%); width: calc(580/640*100%); }
.selectbtnSlider { width: calc(580/640*100%); margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: calc(24/640*100vw) calc(14/640*100%); }
.selectbtnSlider .sS__item { width: calc(134/580*100%); position: relative; }
.selectbtnSlider .sS__item .sS__item__btn { background: #610034; padding: 0; border-radius: 8px; position: relative; }
.selectbtnSlider .sS__item .sS__item__btn::before { content: ""; display: block; position: absolute; inset: 0; border: 3px solid #be147f; border-radius: 8px; }
.selectbtnSlider .sS__item .sS__item__btn::after { content: ""; display: block; width: calc(16/134*100%); height: 0; padding-top: calc(14/134*100%); background: url(../_img/tab/icon_arrow.png) center center no-repeat; background-size: contain; 
	position: absolute; left: 50%; top: 0; margin-top: calc(-8/134*100%); margin-left: calc(-8/134*100%); opacity: 0; }

.selectbtnSlider .sS__item .sS__item__btn img { position: relative; }
.selectbtnSlider .sS__item.active .sS__item__btn { background: #be137f; }
.selectbtnSlider .sS__item.active .sS__item__btn::before { border-color: #f25ecf; }
.selectbtnSlider .sS__item.active .sS__item__btn::after { opacity: 1; }

@media screen and (min-width: 641px) {
	.selectbtnSlider__wrap { padding-bottom: 0; margin-bottom: calc(50/1400*100%); }
	.selectbtnSlider__wrap::before { padding-top: calc(4/1400*100%); }
	.selectbtnSlider__wrap::after { display: none; }
	.selectbtnSlider { width: calc(1340/1400*100%); margin: 0 auto; flex-wrap: nowrap; justify-content: space-between; gap: 0;  }
	.selectbtnSlider .sS__item { width: calc(180/1340*100%); }
	.selectbtnSlider .sS__item .sS__item__btn { border-radius: 8px 8px 0 0; cursor: pointer; }
	.selectbtnSlider .sS__item .sS__item__btn::before { border-width: 0; border-bottom-width: min(4px, calc(4/1400*100vw)); border-radius: 0; border-color: #be147f; }
	.selectbtnSlider .sS__item .sS__item__btn::after { width: calc(18/180*100%); padding-top: calc(16/180*100%); margin-top: calc(-14/180*100%); margin-left: calc(-8/180*100%); }
	
	.selectbtnSlider .sS__item .sS__item__btn, 
	.selectbtnSlider .sS__item .sS__item__btn::after { transition: .1s ease-in-out; backface-visibility: hidden; }

	.selectbtnSlider .sS__item:hover .sS__item__btn, 
	.selectbtnSlider .sS__item.active .sS__item__btn { background: #be137f; }
	.selectbtnSlider .sS__item.active .sS__item__btn::before, 
	.selectbtnSlider .sS__item:hover .sS__item__btn::before { border-color: #f25ecf; }
	.selectbtnSlider .sS__item:hover .sS__item__btn::after, 
	.selectbtnSlider .sS__item.active .sS__item__btn::after { opacity: 1; margin-top: calc(-10/250*100%); }
}
@media screen and (min-width: 1401px) {
	.selectbtnSlider__wrap { margin-bottom: 50px; }
	.selectbtnSlider__wrap::before { padding-top: 5px; }
	.selectbtnSlider { width: 1340px; }

}
@media screen and (min-width: 1921px) {
}



/* .productsSlider -------------------------------------------------------- */
.productsSlider__wrap { width: 100%; position: relative; }
.productsSlider { width: 100%; position: relative; }
.pS__item {}

.pS__item__contents { width: calc(580/640*100%); margin: 0 auto 0; position: relative; }
.pS__item__co__pic { display: none; }
.pS__item__co__detail { position: relative; }
.pS__item__co__de__hard {}
.pS__item__co__de__name { margin-top: calc(15/580*100%); }
.pS__item__co__de__text { margin-top: calc(25/580*100%); }
.pS__item__co__de__notes { margin-top: calc(15/580*100%); font-size: 1.3rem; line-height: 1.41; color: #fff; margin-bottom: -1em; }
.pS__item__co__de__bundle { margin-top: calc(40/580*100%); }
.pS__item__co__de__bd__hl { }
.pS__item__co__de__bd__soft { margin-top: calc(28/580*100%); }
.pS__item__co__de__bd__voice { margin-top: calc(72/580*100%); position: relative; }
.pS__item__co__de__bd__help { margin-top: calc(86/580*100%); position: relative; }
.pS__item__co__de__bd__voice::before ,
.pS__item__co__de__bd__help::before { content: ""; display: block; width: calc(45/580*100%); height: 0; padding-top: calc(45/580*100%); background: url(../_img/prodinfo/icon_plus.png) center center no-repeat; background-size: cover; 
	position: absolute; top: 0; left: 50%; margin-top: calc(-65/580*100%); margin-left: calc(-22/580*100%); }
.pS__item__co__de__price { margin-top: calc(20/580*100%); }

.pS__item__case { width: 100%; margin: calc(30/580*100%) auto 0; }

.pS__item__guidance { width: calc(580/640*100%); margin: calc(30/580*100%) auto 0; position: relative; border: 2px solid #fff; background: rgba(0,0,0,0.3); border-radius: 12px; padding-top: calc(20/640*100%); padding-bottom: calc(27/640*100%); 
	box-shadow: 0px 0px 10px 5px #000 inset; -webkit-box-shadow: 0px 0px 10px 5px #000 inset; -ms-box-shadow: 0px 0px 10px 5px #000 inset; }
.pS__item__gid__text { width: calc(328/576*100%); margin: 0 auto;}
.pS__item__gid__btn { width: calc(460/576*100%); margin: calc(23/576*100%) auto 0;}

.pS__item__notesBox { width: calc(580/640*100%); margin: 0.5em auto 0; }
.pS__item__notesBox li { color: #c8c8c8; text-indent: -1em; padding-left: 1em; line-height: 1.41; font-size: calc(18/640*100vw); }

.pS__item__privi { width: 100%; margin: calc(80/640*100%) auto 0; }
.pS__item__pri__hl { width: 100%; background: #620034; border-bottom: 5px solid #bf1480; padding: calc(10/640*100%) 0; }
.pS__item__pri__hl span { display: block; width: calc(107/640*100%); margin: 0 auto; }

.pS__item__pri__box { width: calc(580/640*100%); margin: calc(65/640*100%) auto 0; padding: calc(30/640*100%); }
.pS__item__pri__box__hl { width: 100%; margin: calc(-53/520*100%) auto 0; }
.pS__item__pri__box__pic { width: 100%; margin: calc(30/520*100%) auto 0; }
.pS__item__pri__box__text { width: calc(525/520*100%); margin: calc(18/520*100%) auto 0; }
.pS__item__pri__box__btn { width: calc(460/520*100%); margin: calc(38/520*100%) auto 0; }

.pS__item__pri__notesBox { width: calc(580/640*100%); margin: calc(15/640*100%) auto 0; }
.pS__item__pri__notesBox li { color: #c8c8c8; text-indent: -1em; padding-left: 1em; line-height: 1.41; font-size: calc(18/640*100vw); }

#pss.pS__item__pri__box { background: linear-gradient(to bottom, rgba(32,100,201,1) 30%,rgba(121,144,185,1) 100%); }
#estore.pS__item__pri__box { background: linear-gradient(to bottom, rgba(131,178,220,1) 0%,rgba(237,240,243,1) 100%); margin-top: calc(80/640*100%); }
#estore .pS__item__pri__box__pic { width: calc(605/520*100%); margin: calc(21/520*100%) 0 0 calc(-33/520*100%); }
#estore .pS__item__pri__box__text { margin-top: calc(25/520*100%); }
#estore .pS__item__pri__box__btn { margin-top: calc(25/520*100%); }
#estorecamp.pS__item__pri__box { background: url(../_img/privi/estorecamp/bg_sp.jpg) center top no-repeat; background-size: 100%; margin-top: calc(80/640*100%); }
#estorecamp .pS__item__pri__box__hl { margin-top: calc(-68/520*100%); }
#estorecamp .pS__item__pri__box__text { margin-top: calc(30/520*100%); }
#estorecamp .pS__item__pri__box__btn { margin-top: calc(30/520*100%); }

@media screen and (min-width: 641px) {
	.pS__item { }

	.pS__item__contents { width: 100%; -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
	.pS__item__co__pic ,
	.pS__item__co__detail { display: block; width: calc(645/1340*100%); }
	.pS__item__co__de__hard { width: calc(580/645*100%); }
	.pS__item__co__de__name { margin-top: calc(11/645*100%); }
	.pS__item__co__de__text { margin-top: calc(21/645*100%); }
	.pS__item__co__de__notes { margin-top: calc(11/645*100%); font-size: min(1.3rem, calc(13/1920*100vw)); }
	.pS__item__co__de__bundle { margin-top: calc(34/645*100%); }
	.pS__item__co__de__bd__hl { }
	.pS__item__co__de__bd__soft { margin-top: calc(19/645*100%); }
	.pS__item__co__de__bd__voice { margin-top: calc(41/645*100%); }
	.pS__item__co__de__bd__help { margin-top: calc(39/645*100%); }
	.pS__item__co__de__bd__voice::before ,
	.pS__item__co__de__bd__help::before { width: calc(45/645*100%); padding-top: calc(45/645*100%); margin-top: calc(-25/645*100%); margin-left: calc(-22/645*100%); }
	.pS__item__co__de__price {width: calc(580/645*100%); margin-top: calc(20/645*100%); margin-left: calc(65/645*100%); }
	
	.pS__item__case { width: 100%; margin: calc(30/1340*100%) auto 0; }
	
	.pS__item__guidance { width: 100%; margin: calc(30/1340*100%) auto 0; padding-top: calc(15/1340*100%); padding-bottom: calc(15/1340*100%); 
		-webkit-display: flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; }
	.pS__item__gid__text { width: calc(209/1336*100%); margin: 0 auto 0 calc(40/1366*100%); }
	.pS__item__gid__btn { width: calc(286/1336*100%); margin: 0 calc(23/1366*100%) 0 0;}
	
	.pS__item__gid__btn { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden;}
	.pS__item__gid__btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.pS__item__notesBox { width: 100%; }
	.pS__item__notesBox li { font-size: calc(12/1400*100vw); }
	
	.pS__item__privi { margin: calc(71/1340*100%) auto 0; }
	.pS__item__pri__hl { padding: calc(10/1340*100%) 0; }
	.pS__item__pri__hl span { width: calc(98/1340*100%); }
	
	.pS__item__pri__box { width: 100%; margin: calc(60/1340*100%) auto 0; padding: calc(50/1340*100%) 0 calc(30/1340*100%); position: relative; 
		-webkit-display: flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: stretch; }
	.pS__item__pri__box__hl { position: absolute; top: 0; left: 50%; width: calc(480/1340*100%); margin-top: calc(-20/1340*100%); margin-left: calc(-240/1340*100%); }
	.pS__item__pri__box__pic { margin: 0; }
	.pS__item__pri__box__text { margin: 0; }
	.pS__item__pri__box__btn { position: absolute; right: 0; bottom: 0; width: calc(346/1340*100%); margin: 0 calc(30/1340*100%) calc(30/1340*100%) 0; }

	.pS__item__pri__box__btn { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden;}
	.pS__item__pri__box__btn:not(.nolink):hover { -webkit-transform: scale(1.1); transform: scale(1.1);}
	
	.pS__item__pri__notesBox { width: 100%; margin: 0.5em auto 0; }
	.pS__item__pri__notesBox li { font-size: calc(12/1400*100vw); }


	[data-hash="switch2"] .pS__item__case { margin-top: calc(-40/1340*100%); }

	#pss.pS__item__pri__box { }
	#pss.pS__item__pri__box .pS__item__pri__box__pic { width: calc(450/1340*100%); margin-left: calc(95/1340*100%); }
	#pss.pS__item__pri__box .pS__item__pri__box__text { width: calc(622/1340*100%); margin-right: calc(83/1340*100%); }
	
	#estore.pS__item__pri__box { margin-top: calc(50/1340*100%); }
	#estore .pS__item__pri__box__pic { width: calc(605/1340*100%); margin: calc(-15/1340*100%) 0 0 calc(2/1340*100%); }
	#estore .pS__item__pri__box__text { width: calc(665/1340*100%); margin-top: 0; margin-right: calc(40/1340*100%); }
	#estore .pS__item__pri__box__btn { margin-top: 0; }
	
	#estorecamp.pS__item__pri__box { background: url(../_img/privi/estorecamp/bg_pc.jpg) center top repeat-y; background-size: 100%; margin-top: calc(70/1340*100%); }
	#estorecamp .pS__item__pri__box__hl { margin-top: calc(-20/1340*100%); }
	#estorecamp .pS__item__pri__box__pic { width: calc(434/1340*100%); margin: calc(-10/1340*100%) 0 0 calc(90/1340*100%); }
	#estorecamp .pS__item__pri__box__text { width: calc(663/1340*100%); margin-top: 0; margin-right: calc(42/1340*100%); }
	#estorecamp .pS__item__pri__box__btn { margin-top: 0; }

}
@media screen and (min-width: 1401px) {
	.pS__item__notesBox li { font-size: 1.2rem; }
	.pS__item__pri__notesBox li { font-size: 1.2rem; }

}
@media screen and (min-width: 1921px) {
}