@charset "UTF-8";
/* CSS Document */

/* Web Font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900|Playfair+Display:400,700');

#ftrAbove {
	background-color: #ffd200;
}

#ftrWrap {
    background-color: #ffa800;
}

main .areaTitel {
	color: #000;
}

a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; color: #999; }
a:active { text-decoration: none; color: #999; }

#ftrWrap .pageTop a {
    color: #000;
}

#ftrWrap .pageTop a:hover {
    color: #006cff;
}

#ftrWrap .homeBtn a {
	background-color: #fff;
	border: none;
	color: #000;
}

#ftrWrap .homeBtn a:hover {
	background-color: #ffd200;
	color: #000;
}

/* ==================================================
ヘッダービジュアル設定（Ver. MY ANNIVERSARY SONG）
================================================== */

#siteHdr-VerAnniversarysong {
	margin-bottom: 80px;
}

.dir2nd #siteHdr-VerAnniversarysong {
	margin-bottom: 40px;
}

#siteHdr-VerAnniversarysong .inner {
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}

#siteHdr-VerAnniversarysong h1 {
	margin-bottom: 30px;
}

.dir2nd #siteHdr-VerAnniversarysong h1 {
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
}

#siteHdr-VerAnniversarysong h1 a {
	display: inline-block;
}

#siteHdr-VerAnniversarysong h1 a img {
}

#siteHdr-VerAnniversarysong .blockSet {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

.dir2nd #siteHdr-VerAnniversarysong .blockSet {
	display: none;
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
	#siteHdr-VerAnniversarysong .inner {
		width: 100%;
		margin: 0 auto;
	}

	#siteHdr-VerAnniversarysong .blockSet {
		flex-direction: column;
		margin: 20px auto 0;
		width: 90%;
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* .naviBlock
------------------------------ */
#siteHdr-VerAnniversarysong .blockSet .naviBlock {
	order: 2;
	width: 300px;
	margin: 0 20px;
}

#siteHdr-VerAnniversarysong .blockSet .naviBlock figure {
	position: relative;
	overflow: hidden;
	border-radius: 200px;
	max-width: 350px;
	margin: 0 auto;
}

#siteHdr-VerAnniversarysong .blockSet .naviBlock figure img {
}

#siteHdr-VerAnniversarysong .blockSet .naviBlock figure figcaption {
	background: rgba(255,255,255,0.8);
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding: 5px 12%;
	position: absolute;
	display: block;
	width: 100%;
	bottom: 10%;
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
	#siteHdr-VerAnniversarysong .blockSet .naviBlock {
		order: 1;
		width: 55%;
		max-width: 300px;
		margin: 0 auto 30px;
	}

	#siteHdr-VerAnniversarysong .blockSet .naviBlock figure {
	}

	#siteHdr-VerAnniversarysong .blockSet .naviBlock figure img {
	}

	#siteHdr-VerAnniversarysong .blockSet .naviBlock figure figcaption {
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */

/* .leadBlock
------------------------------ */
#siteHdr-VerAnniversarysong .blockSet .leadBlock {
	order: 1;
	text-align: left;
	font-size: 1.5rem;
	color: #000;
	letter-spacing: 0.05em;
	width: calc(100% - 340px);
	max-width: 640px;
	border: 2px solid #000;
	border-radius: 6px;
	margin: 0 20px;
	padding: 40px 30px 35px;
}

#siteHdr-VerAnniversarysong .blockSet .leadBlock p {
	margin-bottom: 30px;
	font-weight: 500;
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
	#siteHdr-VerAnniversarysong .blockSet .leadBlock {
		order: 2;
		width: 100%;
		margin: 0 auto;
		padding: 25px 20px 20px;
		font-size: 1.4rem;
	}

	#siteHdr-VerAnniversarysong .blockSet .leadBlock p {
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* .linkBtn.message（ヘッダーエリアとコンテンツ内の両方で使用）
------------------------------ */
.linkBtn.message {
}

.linkBtn.message a {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

#siteHdr-VerAnniversarysong .linkBtn.message a {
	margin: 0;
}

.linkBtn.message a::before {
}

.linkBtn.message a:hover {
	background-color: #006cff;
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
  #siteHdr-VerAnniversarysong .linkBtn.message a {
		margin: 0 auto;
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */

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


/* .bannerBlock
------------------------------ */
.bannerBlock {
	
	margin: 120px auto 50px;
	width: 90%;
}

.bannerBlock a {
	display: inline-block;
	transition: all 0.4s ease-out 0s;
}

.bannerBlock a:hover {
	filter: brightness(130%) contrast(110%) saturate(120%);
}

.bannerBlock a img {
	display: block;
	border-radius: 6px;
}


/* ### J-WAVE COMMON SNS の上書き ### */

#snsArea {
	margin-bottom: 120px;
}


/* --- */