@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Expletus+Sans');
/* font-family: 'Expletus Sans', cursive; */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
/* font-family: 'Dancing Script', cursive; */

.header{

	background: url(images/head_img.jpg) center center;

	height: 20vh;

	background-size: cover;

	position: relative;

}

.header-inner{

	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 83%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 83%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
}

/* メインコンテンツ */

.guitar-img{

	width: 60%;

	margin: auto;

}

.brand-logo img{

	width: 80%;

}

.container-about{

	line-height: 2;

	font-size: 14px;

}

.about-our-shop p{

	font-size: 14px;

}

.gallery{

	margin: 48px auto;

}

.gallery-photo{

	margin: 0;

	padding: 0;

	border-left: solid 1px #aaa;

	border-bottom: solid 1px #aaa;

}

.topics{

	margin: 0;

	padding: 0;

	position: relative;

	border-bottom: solid thin #aaa;

	box-sizing: border-box;

}

.topics-comment{

	position: absolute;

	z-index: 2;

	background: linear-gradient(to bottom, transparent 0%, #000 100%);

	bottom: 0;

}

.topics-btn h3, .topics-btn p{

	margin: 10px 5%;

	color: #fff;

}

.topics-btn h3{

	font-family: 'Oswald', sans-serif;

	font-size: 1.4em;

	opacity: 0.9;

	letter-spacing: 0.03em;

}

.topics-btn{

	transition: transform 0.3s linear;

}

.topics-btn:hover{

	transform: scale(1.05);

	opacity: 0.9;

}

.topics-btn p{

	font-size: 14px;

	opacity: 0.8;

	margin-bottom: 20px;

}

.topics-btn a{

	position: absolute;

	z-index: 2;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

}

/* メディアクエリ */

@media (min-width: 479px) {

	.header{

		height: 35vh;

	}

	.guitar-img{

		width: 60%;

		margin: auto;

	}

}

@media (min-width: 767px) {

	.topics{

		border-left: solid thin #aaa;

	}

	.guitar-img{

		width: 90%;

		margin: auto;

	}

	.about-our-shop p{

		font-size: 16px;

	}


}	

@media (min-width: 1600px){

	.about-our-shop{

		width: 60%;

	}

}