@charset "utf-8";

/* =========================
   共通
========================= */

*,
*::before,
*::after{
	box-sizing:border-box;
}

html,
body{
	width:100%;
	max-width:100%;
	overflow-x:hidden;
}

img,
video{
	max-width:100%;
	height:auto;
	display:block;
}

/* =========================
   FV
========================= */

#top{
	padding:15vw 10vw;
}

#topcopy1{
	font-size:2vw;
}

#topcopy2{
	font-size:8vw;
}

h1{
	font-size:3vw;
	line-height:1.6;
}

#limited{
	font-size:2vw;
}

#price{
	font-size:1.5vw;
}

.buy{
	font-size:2.2vw;
	padding:1.8vw 4vw;
}

#arrow-icon{
	width:2vw;
}

/* =========================
   description01
========================= */

#description01{
	width:90%;
	padding:10vw 0 0 0;
}

#descriptioncont01{
	align-items:center;
}

#abyssaltext{
	width:35%;
	padding-top:0;
}

#abyssaltext h2{
	font-size:6vw;
}

#abyssaltext p{
	font-size:1.8vw;
	line-height:2;
}

#abyssalimg02 img{
	width:50vw;
}

/* =========================
   description02
========================= */

#description02{
	width:90%;
	padding:10vw 0;
}

#lighttitle h2{
	font-size:5vw;
}

#lighttext{
	font-size:1.8vw;
}

#lightslider{
	width:100%;
}

.slide img{
	width:55vw;
	margin: 0 auto;
}

.slide p{
	font-size:1.8vw;
}

.slider-arrow{
	width:5vw;
	height:5vw;
	font-size:2.5vw;
}

.prev{
	left:-1vw;
}

.next{
	right:-1vw;
}

.dot{
	width:1.5vw;
	height:1.5vw;
}

/* =========================
   description03
========================= */

#aurorawrap{
	width:90%;
	padding:10vw 0;
}

#auroracontent{
	align-items:center;
	gap:4vw;
}

#auroraimg {
	margin:0 0 0 6vw;
}

#auroraimg img{
	width:40vw;
}

#auroratext{
	width:35%;
	margin-left:0;
}

#auroratext h2{
	font-size:6vw;
}

#auroratext p{
	font-size:1.8vw;
	line-height:2;
}

#description03::before{
	inset:-15%;
	filter:blur(60px);
}

/* =========================
   description04
========================= */

#description04{
	width:90%;
	padding:10vw 0;
}

#detailtitle h2{
	font-size:6vw;
}

#detailvideo{
	width:100%;
}

#detailimgwrap{
	gap:2vw;
}

.detailimg{
	width:32%;
}

.detailimg p{
	font-size:1.8vw;
}

.zoom-icon{
	width:4vw;
	height:4vw;
	font-size:2vw;
}

#modalImage{
	max-width:85vw;
	max-height:80vh;
}

#closeModal{
	font-size:5vw;
}

/* =========================
   description05
========================= */

#description05{
	width:100%;
	padding:15vw 0;
}

#limited-bg{
	width:70vw;
	height:70vw;
}

#limitedtitle h2{
	font-size:30vw;
}

#limitedtext{
	font-size:3vw;
	margin-top:12vw;
}

/* =========================
   description06
========================= */

#description06{
	width:100%;
	padding:10vw 8vw;
}

#spectitle h2{
	font-size:6vw;
}

#spectext table{
	width:100%;
}

#spectext th{
	font-size:2vw;
}

#spectext td{
	font-size:2vw;
}

/* =========================
   footer
========================= */

#footcontent{
	width:90%;
	padding:12vw 0;
	min-height:60vw;
}

#footcontent h2{
	font-size:7vw;
}

#buy2,
#official{
	width:35vw;
	font-size:2vw;
	padding:2vw;
}

#copyright{
	font-size:1.5vw;
}

/* =========================
   パフォーマンス調整
========================= */

.bubble:nth-child(n+10){
	display:none;
}

/* =========================
   固定ボタン
========================= */

#fixed-buy{
	width:60vw;
	max-width:none;
}

.fixed-limit{
	font-size:1.6vw;
}

.fixed-name{
	font-size:1.6vw;
}

.fixed-price{
	font-size:3vw;
}

.tax {
	font-size:1.5vw;
}

#fixed-buy a{
	font-size:2vw;
	padding:2vw;
}