/* CSS Document */

body {
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	background-color: #FBFBFA;
}

.left {
	text-align: left;
}

.mgt1 {
	margin-top: 1rem;
}

.mgt2 {
	margin-top: 2rem;
}

.pdt1 {
	padding-top: 1rem;
}

.pdt2 {
	padding-top: 2rem;
}

.mgb05 {
	margin-bottom: 0.5rem;
}

.mgb1 {
	margin-bottom: 1rem;
}

.mgb2 {
	margin-bottom: 2rem;
}

.mgb3 {
	margin-bottom: 3rem;
}

.pdb1 {
	padding-bottom: 1rem;
}

.fts80 {
	font-size: 80%;
}

.fts90 {
	font-size: 90%;
}

.fts110 {
	font-size: 110%;
}

.fts120 {
	font-size: 120%;
}

.fts140 {
	font-size: 140%;
}

.fts160 {
	font-size: 160%;
}

.fts200 {
	font-size: 200%;
}

.bld {
	font-weight: 700;
}

img {
	width: 100%;
	max-width: 750px;
	height: auto;
}

.gry {
	color: #787878;
}

a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
}

a img:hover {
	opacity:0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
}

ol, ul{
	list-style:none;
}

.mxw600 {
	max-width: 600px;
	margin: 0 auto;
}

main {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem;
}

main h1 {
	font-size: 160%;
	font-weight: 700;
}

.jk {
	max-width: 500px;
	margin: 0 auto;
}

.prof {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}

hr {
	border-top: 1px solid #D9D9D9;
	border-bottom: none;
}


/*------フッター------*/
.sns ul {
	display: table;
	max-width: 400px;
	margin: 2rem auto;
	text-align: center;
}

.sns ul li {
	display: table-cell;
	list-style: none;
	width: 33%;
	max-width: 40px;
	max-height: 40px;
}

.sns ul li img {
	width: 60%;
}

.sns ul li img {
	vertical-align: middle;
}

footer {
	float: none;
}



/*------タイトル------*/
.title a{
	text-decoration: none;
	color: #000;
}


/*------メニュー------*/
/*PC*/

.inner{
	width: 100%;
	margin: 0 auto;
}


header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header {
	text-align: left;
	width: 96%;
	max-width: 960px;
	margin: 0.8rem auto 2rem;
	
}

header nav {
	margin-right: -16px;
	font-weight: 300;
}
header nav ul{
	display: flex;
	align-items: center;	
}

header nav ul li a{
	color: #000;
	text-decoration: none;
	padding: 16px ;
}
#nav_toggle{
	display: none;
}
 
/*＝＝＝
↓バーガーメニュー常時表示
＝＝＝*/
	nav{
		display: none;
		position: absolute;
		top: 72px;
		width: 100%;
		background: #F2ECE0;
		left: 0;
		z-index: 9999999999;
	}
	header nav ul{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	header nav ul li{
		margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #000;
	}
	header nav ul li:last-child{
		border: none;
	}
	header nav ul li a{
		display: block; 
	}
	
	/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		z-index: 1000;
		top: 8px;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 3px;
		background: #000;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:12px;
	}
	#nav_toggle span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*＝＝＝
↓PC用一行メニュー
＝＝＝*/
header div#pcnav {
	font-weight: 300;
}
header div#pcnav ul{
	display: flex;
	align-items: center;	
}

header div#pcnav ul li a{
	color: #000;
	text-decoration: none;
	padding: 16px ;
}
@media screen and (max-width:750px){
	header div#pcnav {
		display:none;
	}
}
/*----ニュース----*/

.newsBox {
	text-align: left;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #000000;
}

.new:after {
	content:"[NEW]";
	color: #F0393C;
	padding-left: 0.5rem;
}


/*-----中面ページ共通------*/

.cont {
	width: 100%;
	max-width: 600px;
	
}

.cont p{
	text-align: left;
	max-width: 600px;
	margin: 0 auto;
}

/*BIOGRAPHY*/
.bio_pict {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 2rem;
}

/*DISCOGRAPHY*/
.disc {
	text-align: left;
	
}

/*スライダー*/
.carousel {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #000;
}

.carousel div {

}

.carousel div img{
	width: 100%;
	margin: 0 auto;
}

.slick-dots li button:before {
  color: #000;
}

.slick-dots li.slick-active button:before {
    color: #000;
}


.slick-prev
{
    left: 50px;
	color: #000 !important;
	z-index: 100;
}
.slick-next
{
    right: 50px;
	color: #000 !important;
	z-index: 100;
}