@charset "utf-8";

:root {
	--commonSidePadding: clamp(15px, 9vw, 40px);
}

body {
	color: #eaeaea;
}

/*  ===============================
			GLOBAL
===============================
container
header
navi
footer
other
*/

/* Gcontainer , Gmain
===============================
*/

.Gcontainer {
}

.Gmain {
}

/* Gheader
===============================
.Ghdr
*/

.Ghdr {
}

.Ghdr_ttl {
}

.Ghdr_ttlImg {
}

/* Gnavi
===============================
Gnavi
*/

.Gnavi {
}

.Gnavi_inr {
}

.Gnavi_list {
}

.Gnavi_item {
}

.Gnavi_btn {
}

.Gnavi_sns {
}

/* Gfooter
===============================
Gftr
*/

.Gftr {
	padding-top: 150px;
}

.Gftr_inr {
}

.Gftr_sns {
}

.Gftr_link {
}

.Gftr_copy {
}

.sns_anchor {
	width: 6vw;
	max-width: 25px;
}

/*  ===============================
		  block , element
===============================*/

/* sec
===============================
.sec
.sec_hdr
.sec_ttl
.sec_body
.sec_ftr
*/

.sec {
}

.sec_inr {
}

.sec_ttl {
	font-weight: 600;
	font-size: clamp(12px, 4vw, 33px);
	line-height: 1;
}

.sec_body {
	--sectionTopSpace: 15vw;
}

.sec_spacer {
	padding: 100px 0;
}

.sec_ttlCircle {
}

.sec_ttlObj {
	--topSpace: 3vw;
}

.sec_ttlObj--release {
	--topSpace: 6vw;
}

.ttlObj_circle {
	width: 50px;
	top: -30px;
	left: 30px;
}

/* btn
===============================
*/

/* label
===============================
*/

/* hamburger
===============================
*/

/* marker
===============================
*/

/* texts
===============================
*/

/* notes
===============================
*/

/* sns_list
===============================
*/

/*  ===============================
		  project
===============================*/

/* hero
===============================
*/

.hero {
	padding-top: 80px;
	padding-bottom: 120px;
	margin-bottom: 120px;
}

.hero_inr {
	width: 100vw;
	max-width: none;
	padding: 0;
}

.hero_ttl {
	margin: 0 20px;
}

.hero_mask {
}

.mask_tgt {
	margin-top: 0;
	width: 100%;
	mask-size: cover;
	mask-position: top center;
}

.hero_tether {
	display: none;
}

.hero_label {
	--horizontalPadding: 1em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
	font-size: 12px;
}

.hero_label::before,
.hero_label::after {
	position: static;
}

.hero_ttlItem {
}

.hero_lead {
}

.hero_bgObj {
	padding: 0;
	top: 55%;
	width: 90vw;
	min-width: 340px;
	max-width: none;
}

.hero_obj {
	width: 50px;
}

.hero_obj--top-left {
	top: 20px;
}

.hero_obj--bottom-left,
.hero_obj--bottom-right {
	bottom: 20px;
}

.hero_obj--bottom-center {
	width: 60px;
}

/* spacer
===============================
*/

.spacer_svg {
	width: 35vw;
}

/* svg_ttl
===============================
*/

.svg_ttl_line {
	stroke-width: 2px;
}

/* product
===============================
*/

.product_thumb {
	padding-left: 20px;
	padding-right: 20px;
	margin-left: -20px;
	margin-right: -20px;
}

.product_disc {
	margin-bottom: 2rem;
}

/* disc
===============================
*/

.disc_name {
	font-size: clamp(10px, 3.6vw, 20px);
}

.disc_details {
	font-size: clamp(11px, 3vw, 15px);
}

.product_details {
	margin-top: 50px;
}

.product_term {
	margin-top: 20px;
	font-size: clamp(18px, 5vw, 26px);
}

.product_desc {
}

.product_ttl {
	font-size: clamp(22px, 4.4vw, 24px);
}

.product_content {
}

.songs {
	display: inline-block;
	font-size: clamp(16px, 4.5vw, 18px);
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.songs {
		column-count: 3;
	}
}

.song_num {
	margin-left: 0;
}
/* digital
===============================
*/

.digital_itemSubTtl {
	font-weight: 900;
	font-size: clamp(15px, 4.5vw, 18px);
}

.digital_itemTtl {
	font-weight: 500;
	font-size: clamp(20px, 8vw, 32px);
}

.digital_btn {
	--w: 2.5vw;
	max-width: 12px;
	top: 55%;
}

.digital_btn svg {
	stroke-width: 3px;
}

/* 
===============================
*/

/* 
===============================
*/