@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Expanded:200,400,700');





/* ---------------------------------
	BASE
---------------------------------- */
#global-nav ul {
	top: -7px;
}
p, h1 {
	letter-spacing: 1px;
}
#main_content {
	width: 100%;
	display: flex;
	margin-top: 90px;
}
#main_content2 {
	background: #262626;
	width: 100%;
	display: flex;
}
#main_content3 {
	width: 100%;
	display: flex;
}
#main_content4 {
	width: 100%;
	display: flex;
	background-image: url(../img/artist_bg.jpg);
	background-size: cover;
}
#main_content5 {
	width: 100%;
	display: flex;
}
#content {
	width: 1126px;
	margin: auto;
}
.artist_1 {	
	padding: 30px 0px 90px !important; 
	box-sizing: border-box;
	display: block;
}
.breadcrumbs {
	margin-bottom: 30px;
}
.breadcrumbs a {
	color: #000;
}
.breadcrumbs a:hover {
	color: #59adc4;
	text-decoration: none;
}
.artist_1-l {
	display: block;
	float: left;
	width: 50%;
	border-right: 4px solid #59adc4;
	padding-right: 50px;
	box-sizing: border-box;
}
.artist_1-r {
	display: block;
	float: right;
	width: 50%;
	color: #59adc4;
	padding-left: 50px;
}
.artist_1-r h1 {
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
}
.artist_1-r p {
	font-weight: bold;
	line-height: 2;
}
p.furigana {
	font-weight: normal;
}
p.pr {
	margin-top: 4px;
	line-height: 1.3;
}
.mt20 {
	margin-top: 20px;
}
.artist_st {
	display: block;
	background: #59adc4;
	color: #fff;
	padding: 0px 10px;
	margin-top: 20px;
	letter-spacing: 1px;
}
.artist_2 {
	padding: 60px 0px;
	color: #fff;
}
.artist_2-l {
	width: 55%;
	padding-right: 0;
	/* float: left; */
	margin: auto;
}
.artist_2-r {
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
	float: right;
}
.artist_2 h2 {
	color: #fff;
	text-align: center;
	font-family: 'Encode Sans Expanded', sans-serif;
	font-weight: 200;
	letter-spacing: 3px;
	font-size: 36px;
	margin-bottom: 20px;
}
.audio_player {
	margin-top: 2px;
	margin-bottom: 43px;
}
.audio_player:last-child {
	margin-bottom: 0px;
}
.artist_3 {
	padding: 80px 0px;
}
.artist_3-l {
	width: 50%;
	padding-right: 40px;
	float: left;
}
.artist_3-r {
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
	float: right;
}
.artist_3 h2 {
	color: #6eaac1;
	text-align: center;
	font-family: 'Encode Sans Expanded', sans-serif;
	font-weight: 200;
	letter-spacing: 3px;
	font-size: 36px;
	margin-bottom: 20px;
}
.news-d {
	color: #1a4d9b;
	font-weight: bold;
}
.news-d:before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 6px;
}
p.news {
	margin-bottom: 30px;
	line-height: 1.4;
}
.twitter a, .facebook a, .instagram a {
	display: inline-block;
	color: #7ba8bf;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.twitter a:before, .facebook a:before, .instagram a:before {
	font-family: FontAwesome;
	font-size: 50px;
	color: #6eaac1;
	position: relative;
	top: 10px;
	margin-right: 20px;
}
.twitter a:before {
	content: "\f099";
}
.facebook a:before {
	content: "\f09a";
}
.instagram a:before {
	content: "\f16d";
}
.twitter a:hover, .facebook a:hover, .instagram a:hover,
.twitter a:focus, .facebook a:focus, .instagram a:focus
 {
	text-decoration: none;
}
.sns {
	width: 160px;
	margin: auto;
}
.artist_4 {
	padding: 60px 0px 50px;
	color: #fff;
	text-align: center;
	letter-spacing: 4px;
	font-size: 16px;
}
.artist_4 a {
	display: block;
	margin-bottom: 20px;
	transition: 0.3s;
}
.artist_4 a:hover {
	opacity: 0.8;
}
.artist_5 {
	padding: 100px 0px 100px;
	text-align: center;
}
.artist_5 a {
	color: #1a4d9b;
	font-size: 30px;
	letter-spacing: 6px;
	padding: 20px;
	border: 2px solid #1a4d9b;
	width: 60%;
	display: inline-block;
	transition: 0.3s;
}
.artist_5 a:hover {
	background: #1a4d9b;
	color: #fff;
	text-decoration: none;
}






/* ---------------------------------
	SP (768px以下)
---------------------------------- */
.artist_1-sp {
	padding: 20px 20px 0px;
	width: 100%;
}
.artist_1-sp a {
	width: 46%;
	display: inline-block;
	background: #fff;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	color: #7ba8bf;
}
.artist_1-sp a:after {
	content: "▶︎";
	margin-left: 10px;
	font-size: 12px;
	position: relative;
	top: -3px;
}
.artist_1-sp a:focus, .artist_1-sp a:hover {
	text-decoration: none;
}
.artist_1-sp a:first-child {
	margin-right: 20px;
}
@media screen and (max-width:985px) { 
	.pc-only {
		display: none;
	}
}
@media screen and (min-width:985px) { 
	.sp-only {
		display: none;
	}
}
@media screen and (max-width:1126px) { 
	#content {
		width: 100%;
	}
}
@media screen and (max-width:984px) { 
	#main_content {
		margin-top: 56px;
	}
	.artist_1 {
		padding-top: 0px !important;
		width: 100% !important;
	}
	.artist_1-l, .artist_1-r, .artist_2-l, .artist_2-r, .artist_3-l, .artist_3-r {
		width: 100% !important;
		display: block;
	}
	.artist_1-l {
		border-right: none;
		padding: 0px;
		padding-bottom: 20px;
		background: #6eaac1;
	}
	.artist_1-r {
		padding: 42px 20px 20px 20px;
		background: #fff;
	}
	.breadcrumbs p, .breadcrumbs a {
		color: #fff;
		line-height: 40px;
	}
	.breadcrumbs {
		background: #6eaac1;
		padding: 0px 20px;
		display: block;
		width: 100%;
		margin-bottom: 0px;
		height: 40px;
		border-bottom: 2px solid #fff;
	}
	.sp-title {
		background: #6eaac1;
		color: #fff;
		padding: 20px 20px 14px;
	}
	.sp-title h1, .sp-title p {
		display: inline !important;
	}
	.sp-title h1 {
		font-size: 1.6em;
		font-weight: normal !important;
	}
	.artist_2-l, .artist_3-l {
		padding: 0px 20px;
		margin-bottom: 20px;
	}
	.artist_2-r, .artist_3-r {
		padding: 0px 20px;
		margin-bottom: 0px;
	}
	.artist_4 a img {
		max-width: 90%;
	}
	.artist_5 {
		padding: 50px 20px;
	}
	.artist_5 a {
		width: 100%;
		font-size: 23px;
	}
}