@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background: #fff;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	color: #000;
	font-size:14px;
	font-weight:400;
}


.music_img{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	/*text-align: center;*/
}

.music2_img{
	/* display: flex; */
	/* flex-flow: row wrap; */
	/* justify-content: space-between; */
	text-align: center;
}


/*PC*/
@media print, screen and (min-width: 768px)
{

html,body{
	min-width: 1024px;
}
	
.hide_pc{
	display: none;
}
	
nav article .social p{
	font-size: 20px;
	display: inline;
	position:relative;
	margin-right: 10px;
	font-weight: 400;
}
	

nav article .social{
	position:absolute;
	top: 8px;
	right:10px;
}
	
.inner p{
	/* top: 14px; */
	color:#322311;
	font-size: 18px;
	margin-bottom: 45px;
	text-align: center;
	font-weight:700;
	margin-top: 96px;
	line-height: 2.0;
}
	
.intro p.mg{
	padding-top: 54px;
	font-size: 22px;
}
	
	/*archive*/
	.question .w1024{
		padding:80px 0 60px;
	}
	
	.music_img{
		/* padding:40px 0; */
	}
	
	.music_img a img{
		height:500px;
		width: 500px;
	}
	
	.music_img a img:hover{
		filter: brightness(110%);
	}
	
	.music_text{
		padding-bottom: 80px;}
	
	.music_text p{
		font-size: 16px;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	
	.kimirogo{
		margin-top: 100px;
		margin-right: 50px;
	}

	span{
		line-height:1.6;
		font-weight:700;
	}
	

}


/*SP*/
@media screen and (max-width: 767px)
{
	
body{
	font-size:12px;
}
	
.w1024{
	width:95%;
	margin:0 auto;
}
	
.hide_sp{
	display: none;
}
	
	/*archive*/
	.question .w1024{
		padding:60px 10px 30px;
	}
	
	.music_img{
		padding: 30px 0;
	}
	
	.music_img a img{
		height:45vw;
        width:45vw;
	}

    #hed{
        padding-left: 33.8%;
        /* width: 45%; */
    }
	
	.music_text{
		padding-bottom: 40px;
	}
	
	.music_text p{
		font-size: 14px;
		padding-bottom: 11px;
		margin-bottom: 0px;
		margin-top: 35px;
		line-height: 1.6;
	}

.music2_img{
width:90%;
margin:0 auto 20px;
}
	
.intro p.mg{
	padding-top: 0px;
	font-size: 17px;
	font-weight: 1000;
	line-height: 1.6;
}


	.kimirogo img{
		margin-top: 78px;
		margin-right: 8%;
	}
	span{
		line-height:1.6;
		font-weight:700;
		}


	
}