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

/* =========================================================
GoogleFont
========================================================= */

/* Basic Font
--------------------------------------------------------- */
.font-00 .ttl {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
/*  アーティスト画像が無い場合　デフォルト画像の上に載せるアーティスト名（テキスト）  */
.artist_name_area .artist_name_text {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #fff;
	text-shadow: -2px 4px 0 rgba(0,0,0,0.3);
	line-height: 100%;
}
.artist_main_visual .artist_name_area .artist_name_text {
	font-size: 48px;
	padding: 20px 60px;
}
.artist_sub_visual .artist_name_area .artist_name_text {
	font-size: 38px;
	padding: 10px 60px;
}
@media screen and (max-width: 600px) {
	.artist_main_visual .artist_name_area .artist_name_text {
		font-size: 24px;
		padding: 4px 20px;
	}
	.artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 24px;
		padding: 4px 20px;
	}
}
@media screen and (max-width: 320px) {
	.artist_main_visual .artist_name_area .artist_name_text {
		font-size: 18px;
		padding: 2px 10px;
	}
	.artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
		padding: 2px 10px;
	}
}

/* Selectable Font - 01
--------------------------------------------------------- */
.font-01 .ttl {
	font-family: 'Comfortaa', cursive;
	letter-spacing: 0.08em;
}

/* ----- artist_name_text ----- */
.font-01 .artist_name_text {
	font-family: 'Comfortaa', cursive;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 600px) {
	.font-01 .artist_main_visual .artist_name_area .artist_name_text,
	.font-01 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-01 .artist_main_visual .artist_name_area .artist_name_text,
	.font-01 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 02
--------------------------------------------------------- */
.font-02 .ttl {
	font-family: 'Poiret One', cursive;
	letter-spacing: 0.15em;
}

/* ----- artist_name_text ----- */
.font-02 .artist_name_text {
	font-family: 'Poiret One', cursive;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 600px) {
	.font-02 .artist_main_visual .artist_name_area .artist_name_text,
	.font-02 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-02 .artist_main_visual .artist_name_area .artist_name_text,
	.font-02 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 03
--------------------------------------------------------- */
.font-03 .ttl {
	font-family: 'Chango', cursive;
}

/* ----- artist_name_text ----- */
.font-03 .artist_name_text {
	font-family: 'Chango', cursive;
}
@media screen and (max-width: 600px) {
	.font-03 .artist_main_visual .artist_name_area .artist_name_text,
	.font-03 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-03 .artist_main_visual .artist_name_area .artist_name_text,
	.font-03 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 04
--------------------------------------------------------- */
.font-04 .ttl {
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-04 .artist_name_text {
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-04 .artist_main_visual .artist_name_area .artist_name_text,
	.font-04 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-04 .artist_main_visual .artist_name_area .artist_name_text,
	.font-04 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 05
--------------------------------------------------------- */
.font-05 .ttl {
	font-family: 'Prosto One', cursive;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-05 .artist_name_text {
	font-family: 'Prosto One', cursive;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-05 .artist_main_visual .artist_name_area .artist_name_text,
	.font-05 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-05 .artist_main_visual .artist_name_area .artist_name_text,
	.font-05 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 06
--------------------------------------------------------- */
.font-06 .ttl {
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-06 .artist_name_text {
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-06 .artist_main_visual .artist_name_area .artist_name_text,
	.font-06 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-06 .artist_main_visual .artist_name_area .artist_name_text,
	.font-06 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 07
--------------------------------------------------------- */
.font-07 .ttl {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-07 .artist_name_text {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-07 .artist_main_visual .artist_name_area .artist_name_text,
	.font-07 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-07 .artist_main_visual .artist_name_area .artist_name_text,
	.font-07 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 08
--------------------------------------------------------- */
.font-08 .ttl {
	font-family: 'Sarpanch', sans-serif;
	font-weight: 700;
	letter-spacing: 0.18em;
}

/* ----- artist_name_text ----- */
.font-08 .artist_name_text {
	font-family: 'Sarpanch', sans-serif;
	font-weight: 700;
	letter-spacing: 0.18em;
}
@media screen and (max-width: 600px) {
	.font-08 .artist_main_visual .artist_name_area .artist_name_text,
	.font-08 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-08 .artist_main_visual .artist_name_area .artist_name_text,
	.font-08 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 09
--------------------------------------------------------- */
.font-09 .ttl {
	font-family: 'Faster One', cursive;
	font-weight: 400;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-09 .artist_name_text {
	font-family: 'Faster One', cursive;
	font-weight: 400;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-09 .artist_main_visual .artist_name_area .artist_name_text,
	.font-09 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-09 .artist_main_visual .artist_name_area .artist_name_text,
	.font-09 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}

/* Selectable Font - 10
--------------------------------------------------------- */
.font-10 .ttl {
	font-family: 'Monofett', cursive;
	font-weight: 400;
	font-size: 32px;
	margin-top: -12px;
	margin-bottom: -4px;
}
.font-10 .ttl.mini{
	position: relative;
	top: -10px;
	margin-bottom: -20px;
}
@media screen and (max-width: 600px) {
.font-10 .ttl,
.font-10 .ttl.mini {
	font-size: 28px;
	position: relative;
	top: 0;
	margin-bottom: 0;
	padding-top: 1px;
	}
.font-10 #news_hot .ttl {
}
}

/* ----- artist_name_text ----- */
.font-10 .artist_name_text {
	font-family: 'Monofett', cursive;
	font-weight: 400;
	font-size: 32px;
}
@media screen and (max-width: 600px) {
	.font-10 .artist_main_visual .artist_name_area .artist_name_text {
		font-size: 24px;
		line-height: 1;
	}
	.font-10 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 21px;
		line-height: 1;
	}
}
@media screen and (max-width: 320px) {
	.font-10 .artist_main_visual .artist_name_area .artist_name_text {
		font-size: 24px;
		line-height: 0.9;
	}
	.font-10 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
		line-height: 0.8;
	}
}

/* Selectable Font - 11
--------------------------------------------------------- */
.font-11 .ttl {
	font-family: 'Changa One', cursive;
	font-weight: 400;
	letter-spacing: 0.16em;
}

/* ----- artist_name_text ----- */
.font-11 .artist_name_text {
	font-family: 'Changa One', cursive;
	font-weight: 400;
	letter-spacing: 0.16em;
}
@media screen and (max-width: 600px) {
	.font-11 .artist_main_visual .artist_name_area .artist_name_text,
	.font-11 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-11 .artist_main_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
	.font-11 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
		line-height: 0.8;
	}
}

/* Selectable Font - 12
--------------------------------------------------------- */
.font-12 .ttl {
	font-family: 'Black Ops One', cursive;
	font-weight: 400;
	letter-spacing: 0.1em;
}

/* ----- artist_name_text ----- */
.font-12 .artist_name_text {
	font-family: 'Black Ops One', cursive;
	font-weight: 400;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
	.font-12 .artist_main_visual .artist_name_area .artist_name_text,
	.font-12 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 18px;
	}
}
@media screen and (max-width: 320px) {
	.font-12 .artist_main_visual .artist_name_area .artist_name_text,
	.font-12 .artist_sub_visual .artist_name_area .artist_name_text {
		font-size: 15px;
	}
}